@eyeon/threejs-map 1.1.11 → 1.1.12

package/dist/index.module.js

@@ -1,8 +1,8 @@
 import { jsx as k, jsxs as f1, Fragment as z4 } from "react/jsx-runtime";
-import * as s1 from "react";
-import Y1, { useState as c1, useEffect as p1, useMemo as W1, useCallback as r1, createContext as m6, useContext as Q1, useRef as v1, forwardRef as L4, useImperativeHandle as d6, useLayoutEffect as E9, cloneElement as f6, Component as G7, Fragment as j3, useTransition as A9 } from "react";
+import * as a1 from "react";
+import Y1, { useState as c1, useEffect as p1, useMemo as V1, useCallback as r1, createContext as m6, useContext as Q1, useRef as v1, forwardRef as L4, useImperativeHandle as d6, useLayoutEffect as E9, cloneElement as f6, Component as G7, Fragment as j3, useTransition as A9 } from "react";
 import { useLoader as k7, useThree as x6, useFrame as R9, Canvas as D7 } from "@react-three/fiber";
-import { Loader as V7, FileLoader as W7, Matrix3 as k4, Vector2 as T1, Vector3 as w1, Box2 as j7, ShapeUtils as X7, Shape as S9, Path as g3, BufferGeometry as h6, Float32BufferAttribute as b3, SRGBColorSpace as H7, ShapePath as I4, Color as p6, Group as Z7, BufferAttribute as Y7, ExtrudeGeometry as X3, MeshLambertMaterial as z9, DoubleSide as r2, ShapeGeometry as J7, Mesh as G2, CanvasTexture as O9, CurvePath as U7, LineCurve3 as $7, TubeGeometry as Q7, MeshBasicMaterial as H4, Raycaster as K7, PlaneGeometry as ee, Box3 as T9, PerspectiveCamera as z2, SpriteMaterial as le, Texture as te, MeshStandardMaterial as ne, MeshPhongMaterial as oe } from "three";
+import { Loader as V7, FileLoader as W7, Matrix3 as k4, Vector2 as w1, Vector3 as N1, Box2 as j7, ShapeUtils as X7, Shape as S9, Path as g3, BufferGeometry as h6, Float32BufferAttribute as b3, SRGBColorSpace as H7, ShapePath as I4, Color as p6, Group as Z7, BufferAttribute as Y7, ExtrudeGeometry as X3, MeshLambertMaterial as z9, DoubleSide as r2, ShapeGeometry as J7, Mesh as G2, CanvasTexture as O9, CurvePath as U7, LineCurve3 as $7, TubeGeometry as Q7, MeshBasicMaterial as H4, Raycaster as K7, PlaneGeometry as ee, Box3 as T9, PerspectiveCamera as z2, SpriteMaterial as le, Texture as te, MeshStandardMaterial as ne, MeshPhongMaterial as oe } from "three";
 import { useFont as w9, Html as g6, MapControls as re, Stats as qe } from "@react-three/drei";
 import X4, { createPortal as ie } from "react-dom";
 const ae = H7;
@@ -96,7 +96,7 @@ class b6 extends V7 {
       _ && ($.pop(), $.length > 0 ? N.copy($[$.length - 1]) : N.identity());
     }
     function n(z) {
-      const C = new I4(), _ = new T1(), p = new T1(), S = new T1();
+      const C = new I4(), _ = new w1(), p = new w1(), S = new w1();
       let j = !0, F = !1;
       const e1 = z.getAttribute("d");
       if (e1 === "" || e1 === "none") return null;
@@ -163,20 +163,20 @@ class b6 extends V7 {
           case "T":
             O = d(V);
             for (let y = 0, n1 = O.length; y < n1; y += 2) {
-              const a1 = f(_.x, p.x), I1 = f(_.y, p.y);
+              const s1 = f(_.x, p.x), I1 = f(_.y, p.y);
               C.quadraticCurveTo(
-                a1,
+                s1,
                 I1,
                 O[y + 0],
                 O[y + 1]
-              ), p.x = a1, p.y = I1, _.x = O[y + 0], _.y = O[y + 1], y === 0 && F === !0 && S.copy(_);
+              ), p.x = s1, p.y = I1, _.x = O[y + 0], _.y = O[y + 1], y === 0 && F === !0 && S.copy(_);
             }
             break;
           case "A":
             O = d(V, [3, 4], 7);
             for (let y = 0, n1 = O.length; y < n1; y += 7) {
               if (O[y + 5] == _.x && O[y + 6] == _.y) continue;
-              const a1 = _.clone();
+              const s1 = _.clone();
               _.x = O[y + 5], _.y = O[y + 6], p.x = _.x, p.y = _.y, q(
                 C,
                 O[y],
@@ -184,7 +184,7 @@ class b6 extends V7 {
                 O[y + 2],
                 O[y + 3],
                 O[y + 4],
-                a1,
+                s1,
                 _
               ), y === 0 && F === !0 && S.copy(_);
             }
@@ -246,20 +246,20 @@ class b6 extends V7 {
           case "t":
             O = d(V);
             for (let y = 0, n1 = O.length; y < n1; y += 2) {
-              const a1 = f(_.x, p.x), I1 = f(_.y, p.y);
+              const s1 = f(_.x, p.x), I1 = f(_.y, p.y);
               C.quadraticCurveTo(
-                a1,
+                s1,
                 I1,
                 _.x + O[y + 0],
                 _.y + O[y + 1]
-              ), p.x = a1, p.y = I1, _.x = _.x + O[y + 0], _.y = _.y + O[y + 1], y === 0 && F === !0 && S.copy(_);
+              ), p.x = s1, p.y = I1, _.x = _.x + O[y + 0], _.y = _.y + O[y + 1], y === 0 && F === !0 && S.copy(_);
             }
             break;
           case "a":
             O = d(V, [3, 4], 7);
             for (let y = 0, n1 = O.length; y < n1; y += 7) {
               if (O[y + 5] == 0 && O[y + 6] == 0) continue;
-              const a1 = _.clone();
+              const s1 = _.clone();
               _.x += O[y + 5], _.y += O[y + 6], p.x = _.x, p.y = _.y, q(
                 C,
                 O[y],
@@ -267,7 +267,7 @@ class b6 extends V7 {
                 O[y + 2],
                 O[y + 3],
                 O[y + 4],
-                a1,
+                s1,
                 _
               ), y === 0 && F === !0 && S.copy(_);
             }
@@ -313,10 +313,10 @@ class b6 extends V7 {
         const H1 = Math.sqrt(n1);
         C = H1 * C, _ = H1 * _, M = C * C, V = _ * _;
       }
-      const a1 = M * y + V * O, I1 = (M * V - a1) / a1;
+      const s1 = M * y + V * O, I1 = (M * V - s1) / s1;
       let y1 = Math.sqrt(Math.max(0, I1));
       S === j && (y1 = -y1);
-      const N1 = y1 * C * J / _, P1 = -y1 * _ * U / C, b1 = Math.cos(p) * N1 - Math.sin(p) * P1 + (F.x + e1.x) / 2, j1 = Math.sin(p) * N1 + Math.cos(p) * P1 + (F.y + e1.y) / 2, e4 = c(1, 0, (U - N1) / C, (J - P1) / _), P4 = c((U - N1) / C, (J - P1) / _, (-U - N1) / C, (-J - P1) / _) % (Math.PI * 2);
+      const T1 = y1 * C * J / _, W1 = -y1 * _ * U / C, b1 = Math.cos(p) * T1 - Math.sin(p) * W1 + (F.x + e1.x) / 2, j1 = Math.sin(p) * T1 + Math.cos(p) * W1 + (F.y + e1.y) / 2, e4 = c(1, 0, (U - T1) / C, (J - W1) / _), P4 = c((U - T1) / C, (J - W1) / _, (-U - T1) / C, (-J - W1) / _) % (Math.PI * 2);
       z.currentPath.absellipse(b1, j1, C, _, e4, e4 + P4, j === 0, p);
     }
     function c(z, C, _, p) {
@@ -422,17 +422,17 @@ class b6 extends V7 {
       }, S = 0, j = 1, F = 2, e1 = 3;
       let T = S, t1 = !0, U = "", J = "";
       const M = [];
-      function V(a1, I1, y1) {
-        const N1 = new SyntaxError('Unexpected character "' + a1 + '" at index ' + I1 + ".");
-        throw N1.partial = y1, N1;
+      function V(s1, I1, y1) {
+        const T1 = new SyntaxError('Unexpected character "' + s1 + '" at index ' + I1 + ".");
+        throw T1.partial = y1, T1;
       }
       function O() {
         U !== "" && (J === "" ? M.push(Number(U)) : M.push(Number(U) * Math.pow(10, Number(J)))), U = "", J = "";
       }
       let y;
       const n1 = z.length;
-      for (let a1 = 0; a1 < n1; a1++) {
-        if (y = z[a1], Array.isArray(C) && C.includes(M.length % _) && p.FLAGS.test(y)) {
+      for (let s1 = 0; s1 < n1; s1++) {
+        if (y = z[s1], Array.isArray(C) && C.includes(M.length % _) && p.FLAGS.test(y)) {
           T = j, U = y, O();
           continue;
         }
@@ -447,7 +447,7 @@ class b6 extends V7 {
             T = F, U = y;
             continue;
           }
-          p.COMMA.test(y) && (t1 && V(y, a1, M), t1 = !0);
+          p.COMMA.test(y) && (t1 && V(y, s1, M), t1 = !0);
         }
         if (T === j) {
           if (p.DIGIT.test(y)) {
@@ -462,7 +462,7 @@ class b6 extends V7 {
             T = e1;
             continue;
           }
-          p.SIGN.test(y) && U.length === 1 && p.SIGN.test(U[0]) && V(y, a1, M);
+          p.SIGN.test(y) && U.length === 1 && p.SIGN.test(U[0]) && V(y, s1, M);
         }
         if (T === F) {
           if (p.DIGIT.test(y)) {
@@ -473,7 +473,7 @@ class b6 extends V7 {
             T = e1;
             continue;
           }
-          p.POINT.test(y) && U[U.length - 1] === "." && V(y, a1, M);
+          p.POINT.test(y) && U[U.length - 1] === "." && V(y, s1, M);
         }
         if (T === e1) {
           if (p.DIGIT.test(y)) {
@@ -485,10 +485,10 @@ class b6 extends V7 {
               J += y;
               continue;
             }
-            J.length === 1 && p.SIGN.test(J) && V(y, a1, M);
+            J.length === 1 && p.SIGN.test(J) && V(y, s1, M);
           }
         }
-        p.WHITESPACE.test(y) ? (O(), T = S, t1 = !1) : p.COMMA.test(y) ? (O(), T = S, t1 = !0) : p.SIGN.test(y) ? (O(), T = j, U = y) : p.POINT.test(y) ? (O(), T = F, U = y) : V(y, a1, M);
+        p.WHITESPACE.test(y) ? (O(), T = S, t1 = !1) : p.COMMA.test(y) ? (O(), T = S, t1 = !0) : p.SIGN.test(y) ? (O(), T = j, U = y) : p.POINT.test(y) ? (O(), T = F, U = y) : V(y, s1, M);
       }
       return O(), M;
     }
@@ -642,7 +642,7 @@ class b6 extends V7 {
         G.set(F.x, F.y, 1).applyMatrix3(C), F.set(G.x, G.y);
       }
       function p(F) {
-        const e1 = F.xRadius, T = F.yRadius, t1 = Math.cos(F.aRotation), U = Math.sin(F.aRotation), J = new w1(e1 * t1, e1 * U, 0), M = new w1(-T * U, T * t1, 0), V = J.applyMatrix3(C), O = M.applyMatrix3(C), y = Q.set(
+        const e1 = F.xRadius, T = F.yRadius, t1 = Math.cos(F.aRotation), U = Math.sin(F.aRotation), J = new N1(e1 * t1, e1 * U, 0), M = new N1(-T * U, T * t1, 0), V = J.applyMatrix3(C), O = M.applyMatrix3(C), y = Q.set(
           V.x,
           O.x,
           0,
@@ -652,10 +652,10 @@ class b6 extends V7 {
           0,
           0,
           1
-        ), n1 = X.copy(y).invert(), y1 = Y.copy(n1).transpose().multiply(n1).elements, N1 = K(y1[0], y1[1], y1[4]), P1 = Math.sqrt(N1.rt1), b1 = Math.sqrt(N1.rt2);
-        if (F.xRadius = 1 / P1, F.yRadius = 1 / b1, F.aRotation = Math.atan2(N1.sn, N1.cs), !((F.aEndAngle - F.aStartAngle) % (2 * Math.PI) < Number.EPSILON)) {
+        ), n1 = X.copy(y).invert(), y1 = Y.copy(n1).transpose().multiply(n1).elements, T1 = K(y1[0], y1[1], y1[4]), W1 = Math.sqrt(T1.rt1), b1 = Math.sqrt(T1.rt2);
+        if (F.xRadius = 1 / W1, F.yRadius = 1 / b1, F.aRotation = Math.atan2(T1.sn, T1.cs), !((F.aEndAngle - F.aStartAngle) % (2 * Math.PI) < Number.EPSILON)) {
           const e4 = X.set(
-            P1,
+            W1,
             0,
             0,
             0,
@@ -665,17 +665,17 @@ class b6 extends V7 {
             0,
             1
           ), P4 = Y.set(
-            N1.cs,
-            N1.sn,
+            T1.cs,
+            T1.sn,
             0,
-            -N1.sn,
-            N1.cs,
+            -T1.sn,
+            T1.cs,
             0,
             0,
             0,
             1
           ), H1 = e4.multiply(P4).multiply(y), h2 = (F4) => {
-            const { x: B4, y: x3 } = new w1(Math.cos(F4), Math.sin(F4), 0).applyMatrix3(H1);
+            const { x: B4, y: x3 } = new N1(Math.cos(F4), Math.sin(F4), 0).applyMatrix3(H1);
             return Math.atan2(x3, B4);
           };
           F.aStartAngle = h2(F.aStartAngle), F.aEndAngle = h2(F.aEndAngle), E(C) && (F.aClockwise = !F.aClockwise);
@@ -719,7 +719,7 @@ class b6 extends V7 {
       const T = z + _, t1 = z - _, U = Math.sqrt(t1 * t1 + 4 * C * C);
       return T > 0 ? (p = 0.5 * (T + U), e1 = 1 / p, S = z * e1 * _ - C * e1 * C) : T < 0 ? S = 0.5 * (T - U) : (p = 0.5 * U, S = -0.5 * U), t1 > 0 ? j = t1 + U : j = t1 - U, Math.abs(j) > 2 * Math.abs(C) ? (e1 = -2 * C / j, F = 1 / Math.sqrt(1 + e1 * e1), j = e1 * F) : Math.abs(C) === 0 ? (j = 1, F = 0) : (e1 = -0.5 * j / C, j = 1 / Math.sqrt(1 + e1 * e1), F = e1 * j), t1 > 0 && (e1 = j, j = -F, F = e1), { rt1: p, rt2: S, cs: j, sn: F };
     }
-    const W = [], l1 = {}, $ = [], Q = new k4(), X = new k4(), Y = new k4(), L = new k4(), q1 = new T1(), G = new w1(), N = new k4(), B = new DOMParser().parseFromString(l, "image/svg+xml");
+    const W = [], l1 = {}, $ = [], Q = new k4(), X = new k4(), Y = new k4(), L = new k4(), q1 = new w1(), G = new N1(), N = new k4(), B = new DOMParser().parseFromString(l, "image/svg+xml");
     return o(B.documentElement, {
       fill: "#000",
       fillOpacity: 1,
@@ -808,13 +808,13 @@ class b6 extends V7 {
         const u = f[g - 1], h = f[g];
         for (let I = 1; I < d.length; I++) {
           const E = d[I - 1], w = d[I], P = r(u, h, E, w);
-          P !== null && b.find((D) => D.t <= P.t + Number.EPSILON && D.t >= P.t - Number.EPSILON) === void 0 && (b.push(P), R.push(new T1(P.x, P.y)));
+          P !== null && b.find((D) => D.t <= P.t + Number.EPSILON && D.t >= P.t - Number.EPSILON) === void 0 && (b.push(P), R.push(new w1(P.x, P.y)));
         }
       }
       return R;
     }
     function i(f, d, b) {
-      const R = new T1();
+      const R = new w1();
       d.getCenter(R);
       const g = [];
       return b.forEach((u) => {
@@ -825,9 +825,9 @@ class b6 extends V7 {
     }
     function a(f, d, b, R, g) {
       (g == null || g === "") && (g = "nonzero");
-      const u = new T1();
+      const u = new w1();
       f.boundingBox.getCenter(u);
-      const h = [new T1(b, u.y), new T1(R, u.y)], I = i(h, f.boundingBox, d);
+      const h = [new w1(b, u.y), new w1(R, u.y)], I = i(h, f.boundingBox, d);
       I.sort((W, l1) => W.point.x - l1.point.x);
       const E = [], w = [];
       I.forEach((W) => {
@@ -857,7 +857,7 @@ class b6 extends V7 {
         const I = d[h];
         I.y > b && (b = I.y), I.y < R && (R = I.y), I.x > g && (g = I.x), I.x < u && (u = I.x);
       }
-      return m <= g && (m = g + 1), s >= u && (s = u - 1), { curves: f.curves, points: d, isCW: X7.isClockWise(d), identifier: -1, boundingBox: new j7(new T1(u, R), new T1(g, b)) };
+      return m <= g && (m = g + 1), s >= u && (s = u - 1), { curves: f.curves, points: d, isCW: X7.isClockWise(d), identifier: -1, boundingBox: new j7(new w1(u, R), new w1(g, b)) };
     });
     v = v.filter((f) => f.points.length > 1);
     for (let f = 0; f < v.length; f++)
@@ -923,7 +923,7 @@ class b6 extends V7 {
    * @return {number} The number of vertices.
    */
   static pointsToStrokeWithBuffers(l, t, o, n, r, q, c, i) {
-    const a = new T1(), s = new T1(), m = new T1(), v = new T1(), A = new T1(), x = new T1(), f = new T1(), d = new T1(), b = new T1(), R = new T1(), g = new T1(), u = new T1(), h = new T1(), I = new T1(), E = new T1(), w = new T1(), P = new T1();
+    const a = new w1(), s = new w1(), m = new w1(), v = new w1(), A = new w1(), x = new w1(), f = new w1(), d = new w1(), b = new w1(), R = new w1(), g = new w1(), u = new w1(), h = new w1(), I = new w1(), E = new w1(), w = new w1(), P = new w1();
     o = o !== void 0 ? o : 12, n = n !== void 0 ? n : 1e-3, i = i !== void 0 ? i : 0, l = t1(l);
     const D = l.length;
     if (D < 2) return 0;
@@ -954,13 +954,13 @@ class b6 extends V7 {
             case "miter":
             case "miter-clip":
             default:
-              const a1 = Q * t.strokeMiterLimit / O;
-              if (a1 < 1)
+              const s1 = Q * t.strokeMiterLimit / O;
+              if (s1 < 1)
                 if (t.strokeLineJoin !== "miter-clip") {
                   F(G, q1, L);
                   break;
                 } else
-                  e1(G, q1), G ? (x.subVectors(P, u).multiplyScalar(a1).add(u), f.subVectors(P, I).multiplyScalar(a1).add(I), p(u, L, 0), p(x, L, 0), p(W, L, 0.5), p(W, L, 0.5), p(x, L, 0), p(f, L, 0), p(W, L, 0.5), p(f, L, 0), p(I, L, 0)) : (x.subVectors(P, h).multiplyScalar(a1).add(h), f.subVectors(P, E).multiplyScalar(a1).add(E), p(h, L, 1), p(x, L, 1), p(W, L, 0.5), p(W, L, 0.5), p(x, L, 1), p(f, L, 1), p(W, L, 0.5), p(f, L, 1), p(E, L, 1));
+                  e1(G, q1), G ? (x.subVectors(P, u).multiplyScalar(s1).add(u), f.subVectors(P, I).multiplyScalar(s1).add(I), p(u, L, 0), p(x, L, 0), p(W, L, 0.5), p(W, L, 0.5), p(x, L, 0), p(f, L, 0), p(W, L, 0.5), p(f, L, 0), p(I, L, 0)) : (x.subVectors(P, h).multiplyScalar(s1).add(h), f.subVectors(P, E).multiplyScalar(s1).add(E), p(h, L, 1), p(x, L, 1), p(W, L, 0.5), p(W, L, 0.5), p(x, L, 1), p(f, L, 1), p(W, L, 0.5), p(f, L, 1), p(E, L, 1));
               else
                 q1 ? (G ? (p(b, Y, 1), p(d, Y, 0), p(P, L, 0), p(b, Y, 1), p(P, L, 0), p(w, L, 1)) : (p(b, Y, 1), p(d, Y, 0), p(P, L, 1), p(d, Y, 0), p(w, L, 0), p(P, L, 1)), G ? I.copy(P) : E.copy(P)) : G ? (p(u, L, 0), p(P, L, 0), p(W, L, 0.5), p(W, L, 0.5), p(P, L, 0), p(I, L, 0)) : (p(h, L, 1), p(P, L, 1), p(W, L, 0.5), p(W, L, 0.5), p(P, L, 1), p(E, L, 1)), N = !0;
               break;
@@ -989,7 +989,7 @@ class b6 extends V7 {
       let y = Math.PI;
       const n1 = a.dot(s);
       Math.abs(n1) < 1 && (y = Math.abs(Math.acos(n1))), y /= o, m.copy(J);
-      for (let a1 = 0, I1 = o - 1; a1 < I1; a1++)
+      for (let s1 = 0, I1 = o - 1; s1 < I1; s1++)
         v.copy(m).rotateAround(U, y), p(m, V, O), p(v, V, O), p(U, V, 0.5), m.copy(v);
       p(v, V, O), p(M, V, O), p(U, V, 0.5);
     }
@@ -6903,8 +6903,8 @@ const se = {
   original_font_information: pe,
   cssFontWeight: ge,
   cssFontStyle: be
-}, k1 = (e) => {
-  const l = e.replace("#", "");
+}, B1 = (e) => {
+  const l = e.toString().replace("#", "");
   return new p6(l.length === 6 ? parseInt("0x" + l, 16) : l);
 }, M9 = (e) => {
   let l;
@@ -6922,7 +6922,7 @@ const se = {
 }, _e = (e) => (e = e.slice(-10), e.length === 10 ? `${e.slice(0, 3)}.${e.slice(3, 6)}.${e.slice(-4)}` : e), L9 = (e, l) => l.IMAGE_PROXY_URL ? l.IMAGE_PROXY_URL + encodeURIComponent(e) : e, l8 = { x: 0, y: 0, z: 0 }, f4 = {
   camera: l8,
   controls: l8
-}, V1 = {
+}, D1 = {
   MAP_STYLE: "2D",
   MAP_BACKGROUND_COLOR: "#FFFFFF",
   ACCENT_COLOR: "#4EA5FF",
@@ -6942,26 +6942,26 @@ const se = {
   CAMERA_MAX_DISTANCE: 2e3,
   CAMERA_MIN_DISTANCE: 300
 }, y4 = {
-  MAP_BACKGROUND_COLOR: k1(V1.MAP_BACKGROUND_COLOR),
+  MAP_BACKGROUND_COLOR: B1(D1.MAP_BACKGROUND_COLOR),
   ROLE: "WP_SITE",
   DEVICE: "desktop",
   KIOSK_ID: 0,
   CENTER_ID: 0,
   SELECTED_RETAILER_ID: 0,
   STATS: !1,
-  STYLE: V1.MAP_STYLE,
+  STYLE: D1.MAP_STYLE,
   DEBUG: !1,
-  ACCENT_COLOR: k1(V1.ACCENT_COLOR),
-  STORE_DEFAULT_COLOR: k1(V1.STORE_DEFAULT_COLOR),
-  STORE_HEIGHT: V1.STORE_HEIGHT,
-  WALL_THICKNESS: V1.WALL_THICKNESS,
-  BOUNDARY_THICKNESS: V1.BOUNDARY_THICKNESS,
-  WALL_COLOR: k1(V1.WALL_COLOR),
-  BOUNDARY_COLOR: k1(V1.BOUNDARY_COLOR),
-  BASE_COLOR: k1(V1.BASE_COLOR),
-  STORE_TEXT_COLOR: k1(V1.STORE_TEXT_COLOR),
-  OVERLAY_COLOR: k1(V1.OVERLAY_COLOR),
-  OVERLAY_OPACITY: V1.OVERLAY_OPACITY,
+  ACCENT_COLOR: B1(D1.ACCENT_COLOR),
+  STORE_DEFAULT_COLOR: B1(D1.STORE_DEFAULT_COLOR),
+  STORE_HEIGHT: D1.STORE_HEIGHT,
+  WALL_THICKNESS: D1.WALL_THICKNESS,
+  BOUNDARY_THICKNESS: D1.BOUNDARY_THICKNESS,
+  WALL_COLOR: B1(D1.WALL_COLOR),
+  BOUNDARY_COLOR: B1(D1.BOUNDARY_COLOR),
+  BASE_COLOR: B1(D1.BASE_COLOR),
+  STORE_TEXT_COLOR: B1(D1.STORE_TEXT_COLOR),
+  OVERLAY_COLOR: B1(D1.OVERLAY_COLOR),
+  OVERLAY_OPACITY: D1.OVERLAY_OPACITY,
   CAMERA_CONTROLS_STATES: {
     display_app: f4,
     desktop: f4,
@@ -6983,9 +6983,9 @@ const se = {
     maxDistance: 5e3,
     animSpeed: 0.2
   },
-  KIOSK_SIZE: V1.KIOSK_SIZE,
-  ZOOM_STEP: V1.ZOOM_STEP,
-  SELECTED_ZOOM_LIMIT: V1.SELECTED_ZOOM_LIMIT
+  KIOSK_SIZE: D1.KIOSK_SIZE,
+  ZOOM_STEP: D1.ZOOM_STEP,
+  SELECTED_ZOOM_LIMIT: D1.SELECTED_ZOOM_LIMIT
 }, O2 = {
   id: 0,
   retailer_id: null,
@@ -7447,7 +7447,7 @@ function v6(e, l) {
 }
 const F9 = [];
 typeof Object.freeze == "function" && Object.freeze(F9);
-const F1 = {
+const P1 = {
   // Path search settings
   heuristic: ze,
   distance: Oe,
@@ -7490,15 +7490,15 @@ function Pe(e, l) {
 function Fe(e, l) {
   e.h2 = l;
 }
-var Be = F1.NO_PATH;
+var Be = P1.NO_PATH;
 function y6(e, l) {
   l = l || {};
   var t = l.oriented, o = l.blocked;
-  o || (o = F1.blocked);
+  o || (o = P1.blocked);
   var n = l.heuristic;
-  n || (n = F1.heuristic);
+  n || (n = P1.heuristic);
   var r = l.distance;
-  r || (r = F1.distance);
+  r || (r = P1.distance);
   var q = P9();
   return {
     /**
@@ -7515,8 +7515,8 @@ function y6(e, l) {
     if (!m) throw new Error("toId is not defined in this graph: " + a);
     q.reset();
     var v = /* @__PURE__ */ new Map(), A = new w4({
-      compare: F1.compareFScore,
-      setNodeId: F1.setHeapIndex
+      compare: P1.compareFScore,
+      setNodeId: P1.setHeapIndex
     }), x = q.createNewState(s);
     v.set(i, x), x.fScore = n(s, m), x.distanceToSource = 0, A.push(x), x.open = 1;
     for (var f; A.length > 0; ) {
@@ -7543,15 +7543,15 @@ function ke(e) {
     l.push(t.node), t = t.parent;
   return l;
 }
-var K4 = 1, _3 = 2, De = F1.NO_PATH;
+var K4 = 1, _3 = 2, De = P1.NO_PATH;
 function I6(e, l) {
   l = l || {};
   var t = l.oriented, o = l.blocked;
-  o || (o = F1.blocked);
+  o || (o = P1.blocked);
   var n = l.heuristic;
-  n || (n = F1.heuristic);
+  n || (n = P1.heuristic);
   var r = l.distance;
-  r || (r = F1.distance);
+  r || (r = P1.distance);
   var q = P9();
   return {
     find: c
@@ -7564,11 +7564,11 @@ function I6(e, l) {
     if (s === m) return [s];
     q.reset();
     var v = t ? P : w, A = /* @__PURE__ */ new Map(), x = new w4({
-      compare: F1.compareFScore,
-      setNodeId: F1.setHeapIndex
+      compare: P1.compareFScore,
+      setNodeId: P1.setHeapIndex
     }), f = new w4({
-      compare: F1.compareFScore,
-      setNodeId: F1.setHeapIndex
+      compare: P1.compareFScore,
+      setNodeId: P1.setHeapIndex
     }), d = q.createNewState(s);
     A.set(i, d), d.fScore = n(s, m), d.distanceToSource = 0, x.push(d), d.open = K4;
     var b = q.createNewState(m);
@@ -7642,15 +7642,15 @@ function We() {
     return r ? (r.node = n, r.p1 = null, r.p2 = null, r.closed = !1, r.g1 = Number.POSITIVE_INFINITY, r.g2 = Number.POSITIVE_INFINITY, r.f1 = Number.POSITIVE_INFINITY, r.f2 = Number.POSITIVE_INFINITY, r.h1 = -1, r.h2 = -1) : (r = new Ve(n), l[e] = r), e++, r;
   }
 }
-var je = F1.NO_PATH;
+var je = P1.NO_PATH;
 function C6(e, l) {
   l = l || {};
   var t = l.oriented, o = l.quitFast, n = l.blocked;
-  n || (n = F1.blocked);
+  n || (n = P1.blocked);
   var r = l.heuristic;
-  r || (r = F1.heuristic);
+  r || (r = P1.heuristic);
   var q = l.distance;
-  q || (q = F1.distance);
+  q || (q = P1.distance);
   var c = We();
   return {
     /**
@@ -7667,11 +7667,11 @@ function C6(e, l) {
     if (!v) throw new Error("toId is not defined in this graph: " + s);
     c.reset();
     var A = t ? Q : W, x = t ? $ : l1, f = /* @__PURE__ */ new Map(), d = new w4({
-      compare: F1.compareF1Score,
-      setNodeId: F1.setH1
+      compare: P1.compareF1Score,
+      setNodeId: P1.setH1
     }), b = new w4({
-      compare: F1.compareF2Score,
-      setNodeId: F1.setH2
+      compare: P1.compareF2Score,
+      setNodeId: P1.setH2
     }), R, g = Number.POSITIVE_INFINITY, u = c.createNewState(m);
     f.set(a, u), u.g1 = 0;
     var h = r(m, v);
@@ -9621,8 +9621,8 @@ const {
     e("/v1/mapit2/settings").then((i) => {
       var v, A;
       const a = { ...y4 };
-      let s = V1;
-      (v = i == null ? void 0 : i.data) != null && v.settings && (s = (A = i == null ? void 0 : i.data) == null ? void 0 : A.settings, s.MAP_BACKGROUND_COLOR && (a.MAP_BACKGROUND_COLOR = k1(s.MAP_BACKGROUND_COLOR)), s.STORE_DEFAULT_COLOR && (a.STORE_DEFAULT_COLOR = k1(s.STORE_DEFAULT_COLOR)), s.ACCENT_COLOR && (a.ACCENT_COLOR = k1(s.ACCENT_COLOR)), s.BASE_COLOR && (a.BASE_COLOR = k1(s.BASE_COLOR)), s.BOUNDARY_COLOR && (a.BOUNDARY_COLOR = k1(s.BOUNDARY_COLOR)), s.BASE_COLOR && (a.BASE_COLOR = k1(s.BASE_COLOR)), s.WALL_COLOR && (a.WALL_COLOR = k1(s.WALL_COLOR)), s.STORE_TEXT_COLOR && (a.STORE_TEXT_COLOR = k1(s.STORE_TEXT_COLOR)), s.OVERLAY_COLOR && (a.OVERLAY_COLOR = k1(s.OVERLAY_COLOR)), s.BOUNDARY_THICKNESS && (a.BOUNDARY_THICKNESS = s.BOUNDARY_THICKNESS), s.WALL_THICKNESS && (a.WALL_THICKNESS = s.WALL_THICKNESS), s.OVERLAY_OPACITY && (a.OVERLAY_OPACITY = s.OVERLAY_OPACITY), s.KIOSK_SIZE && (a.KIOSK_SIZE = s.KIOSK_SIZE), s.ZOOM_STEP && (a.ZOOM_STEP = s.ZOOM_STEP), s.SELECTED_ZOOM_LIMIT && (a.SELECTED_ZOOM_LIMIT = s.SELECTED_ZOOM_LIMIT), a.CAMERA.minDistance = s.CAMERA_MIN_DISTANCE ? s.CAMERA_MIN_DISTANCE : a.CAMERA.minDistance, a.CAMERA.maxDistance = s.CAMERA_MAX_DISTANCE ? s.CAMERA_MAX_DISTANCE : a.CAMERA.maxDistance, a.CAMERA = { ...a.CAMERA });
+      let s = D1;
+      (v = i == null ? void 0 : i.data) != null && v.settings && (s = (A = i == null ? void 0 : i.data) == null ? void 0 : A.settings, s.MAP_BACKGROUND_COLOR && (a.MAP_BACKGROUND_COLOR = B1(s.MAP_BACKGROUND_COLOR)), s.STORE_DEFAULT_COLOR && (a.STORE_DEFAULT_COLOR = B1(s.STORE_DEFAULT_COLOR)), s.ACCENT_COLOR && (a.ACCENT_COLOR = B1(s.ACCENT_COLOR)), s.BASE_COLOR && (a.BASE_COLOR = B1(s.BASE_COLOR)), s.BOUNDARY_COLOR && (a.BOUNDARY_COLOR = B1(s.BOUNDARY_COLOR)), s.BASE_COLOR && (a.BASE_COLOR = B1(s.BASE_COLOR)), s.WALL_COLOR && (a.WALL_COLOR = B1(s.WALL_COLOR)), s.STORE_TEXT_COLOR && (a.STORE_TEXT_COLOR = B1(s.STORE_TEXT_COLOR)), s.OVERLAY_COLOR && (a.OVERLAY_COLOR = B1(s.OVERLAY_COLOR)), s.BOUNDARY_THICKNESS && (a.BOUNDARY_THICKNESS = s.BOUNDARY_THICKNESS), s.WALL_THICKNESS && (a.WALL_THICKNESS = s.WALL_THICKNESS), s.OVERLAY_OPACITY && (a.OVERLAY_OPACITY = s.OVERLAY_OPACITY), s.KIOSK_SIZE && (a.KIOSK_SIZE = s.KIOSK_SIZE), s.ZOOM_STEP && (a.ZOOM_STEP = s.ZOOM_STEP), s.SELECTED_ZOOM_LIMIT && (a.SELECTED_ZOOM_LIMIT = s.SELECTED_ZOOM_LIMIT), a.CAMERA.minDistance = s.CAMERA_MIN_DISTANCE ? s.CAMERA_MIN_DISTANCE : a.CAMERA.minDistance, a.CAMERA.maxDistance = s.CAMERA_MAX_DISTANCE ? s.CAMERA_MAX_DISTANCE : a.CAMERA.maxDistance, a.CAMERA = { ...a.CAMERA });
       const m = { ...a };
       delete m.DEVICE, delete m.ROLE, q({
         apiResponse: s,
@@ -9630,7 +9630,7 @@ const {
       });
     }).catch((i) => {
       console.error("Error mapApiService:getMapSettings()", i), q({
-        apiResponse: V1,
+        apiResponse: D1,
         responseConfig: y4
       });
     });
@@ -9734,18 +9734,18 @@ const {
     floors: [],
     kiosks: [],
     map_objs: [],
-    mapSettings: { apiResponse: V1, responseConfig: {} },
+    mapSettings: { apiResponse: D1, responseConfig: {} },
     responsiveSettings: y4.CAMERA_CONTROLS_STATES
   });
   t && (t.current = s), p1(() => {
     o && m(o);
   }, [o]);
-  const [v, A] = c1(/* @__PURE__ */ new Map()), [x, f] = c1([]), [d, b] = c1({}), [R, g] = c1({}), [u, h] = c1({}), [I, E] = c1([]), [w, P] = c1({}), [D, K] = c1(Ce()), [W, l1] = c1(He), [$, Q] = c1(null), [X, Y] = c1(), L = W1(() => Cl(r, i), [r, i.CENTER_ID]);
+  const [v, A] = c1(/* @__PURE__ */ new Map()), [x, f] = c1([]), [d, b] = c1({}), [R, g] = c1({}), [u, h] = c1({}), [I, E] = c1([]), [w, P] = c1({}), [D, K] = c1(Ce()), [W, l1] = c1(He), [$, Q] = c1(null), [X, Y] = c1(), L = V1(() => Cl(r, i), [r, i.CENTER_ID]);
   p1(() => {
     a((N) => ({ ...N, ...l.config }));
   }, [l.config, l.config.CENTER_ID]);
   const q1 = r1(() => {
-    Promise.all([
+    i.CENTER_ID > 0 && Promise.all([
       L.retailersService.getAllRetailers(),
       L.mapApiService.getMapData(),
       L.mapApiService.getMapFloors(),
@@ -9767,13 +9767,13 @@ const {
         map_objs: H,
         floors: z,
         kiosks: C,
-        mapSettings: _.apiResponse,
+        mapSettings: _,
         responsiveSettings: p
       });
     }).catch((N) => {
       console.error("Error: MapBoxContextProvider fetching api data:", N), c(!0);
     });
-  }, [L]);
+  }, [L, i.CENTER_ID]);
   p1(() => {
     n && n(s), a((N) => ({
       ...N,
@@ -9855,7 +9855,7 @@ function r4() {
   return e;
 }
 function Al(e, l = 3, t = 0) {
-  let o = new S9(), n = new w1(e.v1.x, e.v1.y, 0), r = new w1(e.v2.x, e.v2.y, 0), q = r.clone().sub(n).normalize().multiplyScalar(-l * t), c = n.clone().add(q);
+  let o = new S9(), n = new N1(e.v1.x, e.v1.y, 0), r = new N1(e.v2.x, e.v2.y, 0), q = r.clone().sub(n).normalize().multiplyScalar(-l * t), c = n.clone().add(q);
   q = n.clone().sub(r).normalize().multiplyScalar(-l * t);
   let i = r.clone().add(q), a = n.distanceTo(i), s = {
     x: c.x - (r.y - c.y) * l / a,
@@ -10150,7 +10150,7 @@ const K1 = {
 }, q3 = () => {
   const { mapConfig: e, allMapObjects: l, allIndexedMapObjects: t, allIndexedRetailers: o, floorsData: n } = r4(), r = r1((a) => a != null && y8[a] !== void 0 ? y8[a] : 0, []), q = r1((a, s, m, v) => {
     const A = {
-      color: m instanceof p6 ? m : k1(m),
+      color: m instanceof p6 ? m : B1(m),
       side: r2,
       transparent: !1,
       depthWrite: !0,
@@ -10159,7 +10159,7 @@ const K1 = {
     };
     (e.STYLE === "2D" || a === "base" || a == null) && a !== "boundary" && (A.depthWrite = !1, A.depthTest = !1), a === "overlay" && (A.color = e.OVERLAY_COLOR, A.opacity = e.OVERLAY_OPACITY), a && ["store", "big-store", "kiosk"].includes(a) && e.ROLE !== "PORTAL" && t[s] && t[s].transparent && (A.opacity = 0);
     var x = new z9(A);
-    return a && ["store", "big-store", "kiosk", "amenity"].includes(a) && (x.colorDefault = x.color, t[s] && t[s].bg_color !== "" && (x.color = k1(t[s].bg_color), x.colorDefault = x.color), x.active = !1), e.ROLE !== "PORTAL" && v && (x.opacity = 0, x.transparent = !0), x.transparent = x.opacity !== 1, x;
+    return a && ["store", "big-store", "kiosk", "amenity"].includes(a) && (x.colorDefault = x.color, t[s] && t[s].bg_color !== "" && (x.color = B1(t[s].bg_color), x.colorDefault = x.color), x.active = !1), e.ROLE !== "PORTAL" && v && (x.opacity = 0, x.transparent = !0), x.transparent = x.opacity !== 1, x;
   }, [t, e.OVERLAY_COLOR, e.OVERLAY_OPACITY, e.ROLE, e.STYLE]), c = r1((a, s, m, v, A) => {
     const x = "MaterialAndGeometry";
     let f = A.toShapes(!0), d;
@@ -10260,7 +10260,7 @@ const K1 = {
     var D;
     let h = 0, I = new U7();
     for (let K = 1; K < b.length; K++) {
-      let W = new w1(b[K - 1].data.x, b[K - 1].data.y, 0), l1 = new w1(b[K].data.x, b[K].data.y, 0);
+      let W = new N1(b[K - 1].data.x, b[K - 1].data.y, 0), l1 = new N1(b[K].data.x, b[K].data.y, 0);
       I.add(new $7(W, l1)), h += W.distanceTo(l1);
     }
     var E = new Q7(I, 400, 6, 8);
@@ -10415,7 +10415,7 @@ const K1 = {
   }, [n, l, v, e, A, t, o, q]), d = r1((b, R, g) => {
     const u = /* @__PURE__ */ new Map(), h = e[b];
     return h && h.route_points && h.route_points.forEach((I) => {
-      let E = new w1(I.node.x, I.node.y, -10), w = new w1(0, 0, 1);
+      let E = new N1(I.node.x, I.node.y, -10), w = new N1(0, 0, 1);
       g.set(E, w);
       var P = g.intersectObjects(e[b].interactiveObjs);
       P.length && (P[0].object.route_node_id = I.name, u.set(P[0].object.object_id, I.name));
@@ -10470,12 +10470,12 @@ const Ol = () => {
           const w = E.v1, P = E.v2, [D, K] = I8(w, c, l, i);
           K || (($ = l[c].route_points) == null || $.push({
             name: D,
-            node: new w1(w.x, w.y, 1)
+            node: new N1(w.x, w.y, 1)
           }), t[D] = c);
           const [W, l1] = I8(P, c, l, i);
           l1 || ((Q = l[c].route_points) == null || Q.push({
             name: W,
-            node: new w1(P.x, P.y, 1)
+            node: new N1(P.x, P.y, 1)
           }), t[W] = c), o.addNode(D, { ...w }), o.addNode(W, { ...P }), o.addLink(D, W, { weight: w.distanceTo(P) }), o.addLink(W, D, { weight: w.distanceTo(P) });
         });
       })) : g.startsWith("escalator-") ? (s = "escalator", x = !1, d = !0) : g.startsWith("kiosk-") ? (s = "kiosk", d = !0) : g.startsWith("amenity-") ? (s = "amenity", d = !0, A = 1) : g.startsWith("overlay") ? s = "overlay" : g.startsWith("special-shape") ? s = "special-shape" : v = 1 : console.warn(a + "Layer name is undefined, path", r), {
@@ -10496,7 +10496,7 @@ const Ol = () => {
 };
 let Tl = 0;
 const wl = (e) => {
-  const { mapConfig: l, pathFinderGraph: t, floorsData: o } = r4(), { getMaterialAndGeometry: n } = q3(), { getMeshParams: r } = Ol(), { assign_route_nodes_to_stores: q, linkFloorEscalators: c } = a5(), [i, a, s] = W1(() => {
+  const { mapConfig: l, pathFinderGraph: t, floorsData: o } = r4(), { getMaterialAndGeometry: n } = q3(), { getMeshParams: r } = Ol(), { assign_route_nodes_to_stores: q, linkFloorEscalators: c } = a5(), [i, a, s] = V1(() => {
     const m = /* @__PURE__ */ new Set(), v = [], A = [];
     e.forEach((x, f) => {
       var d, b;
@@ -10647,16 +10647,16 @@ const wl = (e) => {
     let h = null;
     if (x.boundingBox || x.computeBoundingBox(), !x.boundingBox)
       return null;
-    const I = x.boundingBox, E = new w1();
+    const I = x.boundingBox, E = new N1();
     I.getCenter(E);
-    const w = new w1();
+    const w = new N1();
     I.getSize(w);
     let P = l[f] ? l[f] : { layer_type: f.startsWith("escalator") ? "escalator" : "custom_text", custom_text: "", size: 8 };
     if (["retail_name", "retail_text", "custom_text"].includes(P.layer_type)) {
       let D = "";
       P.layer_type === "retail_name" && P.retailer_id && e[P.retailer_id] ? D = e[P.retailer_id].retail_name : ["retail_text", "custom_text"].includes(P.layer_type) ? D = P.custom_text : D = "";
       let K = o.STORE_TEXT_COLOR;
-      P.text_color && (K = k1(P.text_color));
+      P.text_color && (K = B1(P.text_color));
       const W = {
         color: K,
         transparent: !1,
@@ -10747,7 +10747,7 @@ const Nl = () => {
       });
     }
     s([...R]), v(D), c(g), d([...u]);
-  }, [b, E, t, o, n, r, q, e, c, w, R, I, g, u]), W1(() => ({
+  }, [b, E, t, o, n, r, q, e, c, w, R, I, g, u]), V1(() => ({
     meshParams: a,
     textParams: m,
     storeLogos: A,
@@ -10821,7 +10821,7 @@ const Fl = "_escalator_elems_1kqb9_1", Bl = "_element_1kqb9_4", Gl = "_svgIcon_1
   p1(() => {
     !l && o !== void 0 && q(1 - (o - r.CAMERA.minDistance) / (r.CAMERA.maxDistance - r.CAMERA.minDistance));
   }, [l, r, o]);
-  const s = W1(() => c ? new le({ map: c, sizeAttenuation: !l, depthTest: !1, depthWrite: !1, color: n }) : null, [l, c, n]);
+  const s = V1(() => c ? new le({ map: c, sizeAttenuation: !l, depthTest: !1, depthWrite: !1, color: n }) : null, [l, c, n]);
   return p1(() => {
     var v;
     const m = (v = document.getElementById("map-special-svg-kiosk")) == null ? void 0 : v.querySelector("svg");
@@ -10902,14 +10902,14 @@ const Fl = "_escalator_elems_1kqb9_1", Bl = "_element_1kqb9_4", Gl = "_svgIcon_1
 };
 function R8(e, l, t, o) {
   if (Array.isArray(e) || (e = [e]), !e.length)
-    return console.warn("get_camera_focus_object: no objects passed"), { position: new w1(), target: new w1() };
-  const n = e.reduce((f, d) => (d.geometry.boundingBox || d.geometry.computeBoundingBox(), d.geometry.boundingBox && f.union(d.geometry.boundingBox), f), new T9()), r = new w1();
+    return console.warn("get_camera_focus_object: no objects passed"), { position: new N1(), target: new N1() };
+  const n = e.reduce((f, d) => (d.geometry.boundingBox || d.geometry.computeBoundingBox(), d.geometry.boundingBox && f.union(d.geometry.boundingBox), f), new T9()), r = new N1();
   n.getSize(r);
-  const q = new w1();
+  const q = new N1();
   n.getCenter(q), e[0].localToWorld(q);
   let c = Math.tan(Math.PI * l / 360), i = 1.1, a = r.x * i / 2 / (c * t), s = r.y * i / 2 / c, m = Math.max(a, s), v = Xl(m, o);
-  const A = new w1(q.x, 0, q.z);
-  return { position: new w1(q.x, m, q.z + v), target: A };
+  const A = new N1(q.x, 0, q.z);
+  return { position: new N1(q.x, m, q.z + v), target: A };
 }
 function Xl(e, l) {
   let t = 60;
@@ -10949,12 +10949,12 @@ const Hl = L4((e, l) => {
     let y;
     y = O.map((y1) => y1.mesh);
     const n1 = R8(y, H.fov, H.aspect, t.ROLE === "PORTAL" ? "2D" : _);
-    let a1 = !0;
+    let s1 = !0;
     if (Q) {
       let y1 = Q.camera;
-      y1 instanceof w1 || (y1 = new w1(y1.x, y1.y, y1.z)), a1 = y1.length() === 0;
+      y1 instanceof N1 || (y1 = new N1(y1.x, y1.y, y1.z)), s1 = y1.length() === 0;
     }
-    !V && Q && !a1 && !["PORTAL"].includes(t.ROLE) && (n1.position.set(Q.camera.x, Q.camera.y, Q.camera.z), n1.target.set(Q.controls.x, Q.controls.y, Q.controls.z));
+    !V && Q && !s1 && !["PORTAL"].includes(t.ROLE) && (n1.position.set(Q.camera.x, Q.camera.y, Q.camera.z), n1.target.set(Q.controls.x, Q.controls.y, Q.controls.z));
     const I1 = Math.min(
       Y.max,
       Math.max(
@@ -11013,7 +11013,7 @@ const Hl = L4((e, l) => {
   }, [S, R, z, H, a, p, c, _, x.escalator_nodes, u, t.ROLE, r, $, m, T, h]);
   const t1 = x.meshParams[f];
   p1(() => {
-    var a1;
+    var s1;
     if (t.ROLE === "PORTAL_RESPONSIVE") return;
     if (!(H instanceof z2)) {
       console.error("Camera is not a PerspectiveCamera");
@@ -11023,7 +11023,7 @@ const Hl = L4((e, l) => {
       console.warn("objects not loaded yet");
       return;
     }
-    let V = (a1 = a[f]) == null ? void 0 : a1.routeMeshes;
+    let V = (s1 = a[f]) == null ? void 0 : s1.routeMeshes;
     if (!D && !u)
       return;
     let O = [];
@@ -11062,7 +11062,7 @@ const Hl = L4((e, l) => {
       let V;
       if (G[f]) {
         V = [G[f]];
-        const n1 = R && t1.find((a1) => a1.mesh.object_id === R);
+        const n1 = R && t1.find((s1) => s1.mesh.object_id === R);
         n1 && V.push(n1.mesh);
       } else
         V = t1.map((n1) => n1.mesh);
@@ -11089,7 +11089,7 @@ const Hl = L4((e, l) => {
   }, [E]);
   const U = () => Y.initialDistance, J = r1((V) => {
     if (w) {
-      const O = new w1();
+      const O = new N1();
       O.copy(V.target.object.position), O.sub(B.current.target), w(O.length()), i(O.length()), P && P({
         camera: B.current.object.position.clone(),
         controls: B.current.target.clone()
@@ -11100,8 +11100,8 @@ const Hl = L4((e, l) => {
     var V, O;
     if ((V = C.current) != null && V.duration && ((O = C.current) == null ? void 0 : O.duration) > 0) {
       v || (A(!0), C.current.duration = 0);
-      const y = C.current, n1 = (performance.now() - y.animationStartTime) / 1e3, a1 = Math.min(1, n1 / (y == null ? void 0 : y.duration));
-      B.current.object.position.lerpVectors(y.fromPosition, y.position, a1), B.current.target.lerpVectors(y == null ? void 0 : y.fromTarget, y.target, a1), B.current.object.updateProjectionMatrix(), a1 >= 1 && (C.current = null);
+      const y = C.current, n1 = (performance.now() - y.animationStartTime) / 1e3, s1 = Math.min(1, n1 / (y == null ? void 0 : y.duration));
+      B.current.object.position.lerpVectors(y.fromPosition, y.position, s1), B.current.target.lerpVectors(y == null ? void 0 : y.fromTarget, y.target, s1), B.current.object.updateProjectionMatrix(), s1 >= 1 && (C.current = null);
     }
   });
   const M = r1((V) => {
@@ -11111,8 +11111,8 @@ const Hl = L4((e, l) => {
         const y = q.map_objs.filter((n1) => n1.retailer_id === O.id);
         for (let n1 = 0; n1 < y.length; n1++)
           if (o.includes(y[n1].map_obj_name)) {
-            const a1 = z.getObjectByProperty("object_id", y[n1].map_obj_name);
-            a1 && l1(a1, y[n1].map_obj_name, !0);
+            const s1 = z.getObjectByProperty("object_id", y[n1].map_obj_name);
+            s1 && l1(s1, y[n1].map_obj_name, !0);
             break;
           }
       }
@@ -11169,7 +11169,7 @@ const Hl = L4((e, l) => {
 }, lt = (e) => {
   const { selectedFloorIndex: l, handleFloorChange: t, amenitiesList: o, zoomIn: n, zoomOut: r, reset: q, handleAmenityClick: c, onExtractedAmenities: i } = e, { mapConfig: a, mapApiResponse: s, floorsData: m, allMapObjects: v } = r4(), A = (f) => {
     f.preventDefault(), q instanceof Function && (a.ROLE === "PORTAL_RESPONSIVE" || a.ROLE === "PORTAL" ? q(!0) : q());
-  }, x = W1(() => s != null && s.map_objs ? s == null ? void 0 : s.map_objs.filter((f) => f.layer_type === "amenity" && v.includes(f.map_obj_name)).map((f) => f.value) : [], [s, v]);
+  }, x = V1(() => s != null && s.map_objs ? s == null ? void 0 : s.map_objs.filter((f) => f.layer_type === "amenity" && v.includes(f.map_obj_name)).map((f) => f.value) : [], [s, v]);
   return p1(() => {
     i && i(x);
   }, [i, x]), /* @__PURE__ */ k("div", { className: _4.threejsMapWrapper, children: /* @__PURE__ */ f1("div", { className: _4.threejsMap, children: [
@@ -11275,7 +11275,7 @@ function V2(e, l) {
 function ct(e, l) {
   e.prototype = Object.create(l.prototype), e.prototype.constructor = e, V2(e, l);
 }
-const ut = ["xxl", "xl", "lg", "md", "sm", "xs"], mt = "xs", f2 = /* @__PURE__ */ s1.createContext({
+const ut = ["xxl", "xl", "lg", "md", "sm", "xs"], mt = "xs", f2 = /* @__PURE__ */ a1.createContext({
   prefixes: {},
   breakpoints: ut,
   minBreakpoint: mt
@@ -12341,7 +12341,7 @@ function Mt(e) {
   return e.code === "Escape" || e.keyCode === 27;
 }
 function Lt() {
-  const e = s1.version.split(".");
+  const e = a1.version.split(".");
   return {
     major: +e[0],
     minor: +e[1],
@@ -12440,7 +12440,7 @@ function Dt(e, l) {
   };
 }
 function p5(e, l) {
-  return W1(() => Dt(e, l), [e, l]);
+  return V1(() => Dt(e, l), [e, l]);
 }
 function Vt(e) {
   return e && "setState" in e ? X4.findDOMNode(e) : e ?? null;
@@ -12499,7 +12499,7 @@ function l6(e) {
 }
 const jt = (e) => (
   // eslint-disable-next-line react/display-name
-  /* @__PURE__ */ s1.forwardRef((l, t) => /* @__PURE__ */ k("div", {
+  /* @__PURE__ */ a1.forwardRef((l, t) => /* @__PURE__ */ k("div", {
     ...l,
     ref: t,
     className: L1(l.className, e)
@@ -12534,7 +12534,7 @@ global.navigator && // @ts-ignore
 global.navigator.product === "ReactNative", Jt = typeof document < "u", k8 = Jt || Yt ? E9 : p1, Ut = {
   [v4]: "show",
   [A4]: "show"
-}, w6 = /* @__PURE__ */ s1.forwardRef(({
+}, w6 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   children: l,
   transitionClasses: t = {},
@@ -12557,7 +12557,7 @@ global.navigator.product === "ReactNative", Jt = typeof document < "u", k8 = Jt
     ...q,
     onEnter: c,
     childRef: a3(l),
-    children: (i, a) => /* @__PURE__ */ s1.cloneElement(l, {
+    children: (i, a) => /* @__PURE__ */ a1.cloneElement(l, {
       ...a,
       className: L1("fade", e, l.props.className, Ut[i], t[i])
     })
@@ -12575,7 +12575,7 @@ const $t = {
    * Omitting this will render the default dark color.
    */
   variant: m1.oneOf(["white"])
-}, N6 = /* @__PURE__ */ s1.forwardRef(({
+}, N6 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   variant: l,
   "aria-label": t = "Close",
@@ -12598,7 +12598,7 @@ function Kt(e) {
   p1(() => () => l.current(), []);
 }
 function en(e, l) {
-  return s1.Children.toArray(e).some((t) => /* @__PURE__ */ s1.isValidElement(t) && t.type === l);
+  return a1.Children.toArray(e).some((t) => /* @__PURE__ */ a1.isValidElement(t) && t.type === l);
 }
 function ln({
   as: e,
@@ -12628,7 +12628,7 @@ function ln({
     spans: q
   }];
 }
-const b5 = /* @__PURE__ */ s1.forwardRef(
+const b5 = /* @__PURE__ */ a1.forwardRef(
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   (e, l) => {
     const [{
@@ -12704,7 +12704,7 @@ const sn = {
   /** Display feedback as a tooltip. */
   tooltip: m1.bool,
   as: m1.elementType
-}, s3 = /* @__PURE__ */ s1.forwardRef(
+}, s3 = /* @__PURE__ */ a1.forwardRef(
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   ({
     as: e = "div",
@@ -12720,7 +12720,7 @@ const sn = {
 );
 s3.displayName = "Feedback";
 s3.propTypes = sn;
-const h4 = /* @__PURE__ */ s1.createContext({}), L6 = /* @__PURE__ */ s1.forwardRef(({
+const h4 = /* @__PURE__ */ a1.createContext({}), L6 = /* @__PURE__ */ a1.forwardRef(({
   id: e,
   bsPrefix: l,
   className: t,
@@ -12743,7 +12743,7 @@ const h4 = /* @__PURE__ */ s1.createContext({}), L6 = /* @__PURE__ */ s1.forward
   });
 });
 L6.displayName = "FormCheckInput";
-const j2 = /* @__PURE__ */ s1.forwardRef(({
+const j2 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   htmlFor: t,
@@ -12760,7 +12760,7 @@ const j2 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 j2.displayName = "FormCheckLabel";
-const I5 = /* @__PURE__ */ s1.forwardRef(({
+const I5 = /* @__PURE__ */ a1.forwardRef(({
   id: e,
   bsPrefix: l,
   bsSwitchPrefix: t,
@@ -12785,7 +12785,7 @@ const I5 = /* @__PURE__ */ s1.forwardRef(({
   l = X1(l, "form-check"), t = X1(t, "form-switch");
   const {
     controlId: u
-  } = Q1(h4), h = W1(() => ({
+  } = Q1(h4), h = V1(() => ({
     controlId: e || u
   }), [u, e]), I = !d && f != null && f !== !1 || en(d, j2), E = /* @__PURE__ */ k(L6, {
     ...R,
@@ -12818,7 +12818,7 @@ I5.displayName = "FormCheck";
 const X2 = Object.assign(I5, {
   Input: L6,
   Label: j2
-}), C5 = /* @__PURE__ */ s1.forwardRef(({
+}), C5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   type: l,
   size: t,
@@ -12849,7 +12849,7 @@ const X2 = Object.assign(I5, {
 C5.displayName = "FormControl";
 const cn = Object.assign(C5, {
   Feedback: s3
-}), E5 = /* @__PURE__ */ s1.forwardRef(({
+}), E5 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   bsPrefix: l,
   as: t = "div",
@@ -12860,13 +12860,13 @@ const cn = Object.assign(C5, {
   ...o
 })));
 E5.displayName = "FormFloating";
-const P6 = /* @__PURE__ */ s1.forwardRef(({
+const P6 = /* @__PURE__ */ a1.forwardRef(({
   controlId: e,
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   as: l = "div",
   ...t
 }, o) => {
-  const n = W1(() => ({
+  const n = V1(() => ({
     controlId: e
   }), [e]);
   return /* @__PURE__ */ k(h4.Provider, {
@@ -12878,7 +12878,7 @@ const P6 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 P6.displayName = "FormGroup";
-const A5 = /* @__PURE__ */ s1.forwardRef(({
+const A5 = /* @__PURE__ */ a1.forwardRef(({
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   as: e = "label",
   bsPrefix: l,
@@ -12909,7 +12909,7 @@ const A5 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 A5.displayName = "FormLabel";
-const R5 = /* @__PURE__ */ s1.forwardRef(({
+const R5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   id: t,
@@ -12927,7 +12927,7 @@ const R5 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 R5.displayName = "FormRange";
-const S5 = /* @__PURE__ */ s1.forwardRef(({
+const S5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   size: l,
   htmlSize: t,
@@ -12949,7 +12949,7 @@ const S5 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 S5.displayName = "FormSelect";
-const z5 = /* @__PURE__ */ s1.forwardRef(
+const z5 = /* @__PURE__ */ a1.forwardRef(
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   ({
     bsPrefix: e,
@@ -12964,7 +12964,7 @@ const z5 = /* @__PURE__ */ s1.forwardRef(
   }))
 );
 z5.displayName = "FormText";
-const O5 = /* @__PURE__ */ s1.forwardRef((e, l) => /* @__PURE__ */ k(X2, {
+const O5 = /* @__PURE__ */ a1.forwardRef((e, l) => /* @__PURE__ */ k(X2, {
   ...e,
   ref: l,
   type: "switch"
@@ -12973,7 +12973,7 @@ O5.displayName = "Switch";
 const un = Object.assign(O5, {
   Input: X2.Input,
   Label: X2.Label
-}), T5 = /* @__PURE__ */ s1.forwardRef(({
+}), T5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   children: t,
@@ -13007,7 +13007,7 @@ const mn = {
    */
   validated: m1.bool,
   as: m1.elementType
-}, F6 = /* @__PURE__ */ s1.forwardRef(({
+}, F6 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   validated: l,
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
@@ -13041,7 +13041,7 @@ function fn(e, l) {
   };
 }
 function B6(e, l) {
-  return W1(() => fn(e, l), [e, l]);
+  return V1(() => fn(e, l), [e, l]);
 }
 var I2;
 function W8(e) {
@@ -13215,7 +13215,7 @@ function En(e, l) {
   }
   return t;
 }
-const An = /* @__PURE__ */ s1.forwardRef((e, l) => {
+const An = /* @__PURE__ */ a1.forwardRef((e, l) => {
   let {
     component: t
   } = e, o = En(e, Cn);
@@ -13400,7 +13400,7 @@ const w5 = /* @__PURE__ */ L4((e, l) => {
     tabIndex: -1
   });
   let t1 = g ? g(T) : /* @__PURE__ */ k("div", Object.assign({}, T, {
-    children: /* @__PURE__ */ s1.cloneElement(q, {
+    children: /* @__PURE__ */ a1.cloneElement(q, {
       role: "document"
     })
   }));
@@ -13486,7 +13486,7 @@ let P3;
 function Bn(e) {
   return P3 || (P3 = new Fn(e)), P3;
 }
-const N5 = /* @__PURE__ */ s1.forwardRef(({
+const N5 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   bsPrefix: l,
   as: t = "div",
@@ -13497,10 +13497,10 @@ const N5 = /* @__PURE__ */ s1.forwardRef(({
   ...o
 })));
 N5.displayName = "ModalBody";
-const M5 = /* @__PURE__ */ s1.createContext({
+const M5 = /* @__PURE__ */ a1.createContext({
   onHide() {
   }
-}), k6 = /* @__PURE__ */ s1.forwardRef(({
+}), k6 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   contentClassName: t,
@@ -13524,7 +13524,7 @@ const M5 = /* @__PURE__ */ s1.createContext({
   });
 });
 k6.displayName = "ModalDialog";
-const L5 = /* @__PURE__ */ s1.forwardRef(({
+const L5 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   bsPrefix: l,
   as: t = "div",
@@ -13535,7 +13535,7 @@ const L5 = /* @__PURE__ */ s1.forwardRef(({
   ...o
 })));
 L5.displayName = "ModalFooter";
-const P5 = /* @__PURE__ */ s1.forwardRef(({
+const P5 = /* @__PURE__ */ a1.forwardRef(({
   closeLabel: e = "Close",
   closeVariant: l,
   closeButton: t = !1,
@@ -13557,7 +13557,7 @@ const P5 = /* @__PURE__ */ s1.forwardRef(({
   });
 });
 P5.displayName = "AbstractModalHeader";
-const F5 = /* @__PURE__ */ s1.forwardRef(({
+const F5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   closeLabel: t = "Close",
@@ -13571,7 +13571,7 @@ const F5 = /* @__PURE__ */ s1.forwardRef(({
   closeButton: o
 })));
 F5.displayName = "ModalHeader";
-const Gn = jt("h4"), B5 = /* @__PURE__ */ s1.forwardRef(({
+const Gn = jt("h4"), B5 = /* @__PURE__ */ a1.forwardRef(({
   className: e,
   bsPrefix: l,
   as: t = Gn,
@@ -13594,7 +13594,7 @@ function Dn(e) {
     timeout: null
   });
 }
-const G5 = /* @__PURE__ */ s1.forwardRef(({
+const G5 = /* @__PURE__ */ a1.forwardRef(({
   bsPrefix: e,
   className: l,
   style: t,
@@ -13631,7 +13631,7 @@ const G5 = /* @__PURE__ */ s1.forwardRef(({
 }, X) => {
   const [Y, L] = c1({}), [q1, G] = c1(!1), N = v1(!1), B = v1(!1), H = v1(null), [z, C] = xn(), _ = p5(X, C), p = l6(b), S = xt();
   e = X1(e, "modal");
-  const j = W1(() => ({
+  const j = V1(() => ({
     onHide: p
   }), [p]);
   function F() {
@@ -13679,22 +13679,22 @@ const G5 = /* @__PURE__ */ s1.forwardRef(({
     b1 && e1(b1), D == null || D(b1, j1);
   }, n1 = (b1) => {
     H.current == null || H.current(), w == null || w(b1);
-  }, a1 = (b1, j1) => {
+  }, s1 = (b1, j1) => {
     K == null || K(b1, j1), x5(window, "resize", T);
   }, I1 = (b1) => {
     b1 && (b1.style.display = ""), W == null || W(b1), e6(window, "resize", T);
   }, y1 = r1((b1) => /* @__PURE__ */ k("div", {
     ...b1,
     className: L1(`${e}-backdrop`, l1, !v && "show")
-  }), [v, l1, e]), N1 = {
+  }), [v, l1, e]), T1 = {
     ...t,
     ...Y
   };
-  N1.display = "block";
-  const P1 = (b1) => /* @__PURE__ */ k("div", {
+  T1.display = "block";
+  const W1 = (b1) => /* @__PURE__ */ k("div", {
     role: "dialog",
     ...b1,
-    style: N1,
+    style: T1,
     className: L1(l, e, q1 && `${e}-static`, !v && "show"),
     onClick: A ? V : void 0,
     onMouseUp: U,
@@ -13726,7 +13726,7 @@ const G5 = /* @__PURE__ */ s1.forwardRef(({
       onShow: d,
       onHide: b,
       onEnter: y,
-      onEntering: a1,
+      onEntering: s1,
       onEntered: E,
       onExit: n1,
       onExiting: P,
@@ -13735,7 +13735,7 @@ const G5 = /* @__PURE__ */ s1.forwardRef(({
       transition: v ? kn : void 0,
       backdropTransition: v ? Dn : void 0,
       renderBackdrop: y1,
-      renderDialog: P1
+      renderDialog: W1
     })
   });
 });
@@ -14097,7 +14097,7 @@ function C2(e, l) {
 function Ro(e, l) {
   return e.map(l).join("");
 }
-var u3 = 1, J4 = 1, H5 = 0, o4 = 0, D1 = 0, Q4 = "";
+var u3 = 1, J4 = 1, H5 = 0, o4 = 0, k1 = 0, Q4 = "";
 function m3(e, l, t, o, n, r, q) {
   return { value: e, root: l, parent: t, type: o, props: n, children: r, line: u3, column: J4, length: q, return: "" };
 }
@@ -14105,13 +14105,13 @@ function l2(e, l) {
   return Co(m3("", null, null, "", null, null, 0), e, { length: -e.length }, l);
 }
 function So() {
-  return D1;
+  return k1;
 }
 function zo() {
-  return D1 = o4 > 0 ? Z1(Q4, --o4) : 0, J4--, D1 === 10 && (J4 = 1, u3--), D1;
+  return k1 = o4 > 0 ? Z1(Q4, --o4) : 0, J4--, k1 === 10 && (J4 = 1, u3--), k1;
 }
 function i4() {
-  return D1 = o4 < H5 ? Z1(Q4, o4++) : 0, J4++, D1 === 10 && (J4 = 1, u3++), D1;
+  return k1 = o4 < H5 ? Z1(Q4, o4++) : 0, J4++, k1 === 10 && (J4 = 1, u3++), k1;
 }
 function d4() {
   return Z1(Q4, o4);
@@ -14164,23 +14164,23 @@ function L2(e) {
   return X5(x2(o4 - 1, r6(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Oo(e) {
-  for (; (D1 = d4()) && D1 < 33; )
+  for (; (k1 = d4()) && k1 < 33; )
     i4();
-  return i2(e) > 2 || i2(D1) > 3 ? "" : " ";
+  return i2(e) > 2 || i2(k1) > 3 ? "" : " ";
 }
 function To(e, l) {
-  for (; --l && i4() && !(D1 < 48 || D1 > 102 || D1 > 57 && D1 < 65 || D1 > 70 && D1 < 97); )
+  for (; --l && i4() && !(k1 < 48 || k1 > 102 || k1 > 57 && k1 < 65 || k1 > 70 && k1 < 97); )
     ;
   return x2(e, M2() + (l < 6 && d4() == 32 && i4() == 32));
 }
 function r6(e) {
   for (; i4(); )
-    switch (D1) {
+    switch (k1) {
       case e:
         return o4;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && r6(D1);
+        e !== 34 && e !== 39 && r6(k1);
         break;
       case 40:
         e === 41 && r6(e);
@@ -14192,8 +14192,8 @@ function r6(e) {
   return o4;
 }
 function wo(e, l) {
-  for (; i4() && e + D1 !== 57; )
-    if (e + D1 === 84 && d4() === 47)
+  for (; i4() && e + k1 !== 57; )
+    if (e + k1 === 84 && d4() === 47)
       break;
   return "/*" + x2(l, o4 - 1) + "*" + c3(e === 47 ? e : i4());
 }
@@ -14984,7 +14984,7 @@ function e7(e, l, t) {
 }
 var ir = function(l) {
   return l();
-}, ar = s1.useInsertionEffect ? s1.useInsertionEffect : !1, sr = ar || ir, l7 = /* @__PURE__ */ s1.createContext(
+}, ar = a1.useInsertionEffect ? a1.useInsertionEffect : !1, sr = ar || ir, l7 = /* @__PURE__ */ a1.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -15001,7 +15001,7 @@ var cr = function(l) {
     var n = Q1(l7);
     return l(t, n, o);
   });
-}, ur = /* @__PURE__ */ s1.createContext({}), H6 = {}.hasOwnProperty, i6 = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", mr = function(l, t) {
+}, ur = /* @__PURE__ */ a1.createContext({}), H6 = {}.hasOwnProperty, i6 = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", mr = function(l, t) {
   var o = {};
   for (var n in t)
     H6.call(t, n) && (o[n] = t[n]);
@@ -15016,25 +15016,25 @@ var cr = function(l) {
   typeof o == "string" && l.registered[o] !== void 0 && (o = l.registered[o]);
   var n = e[i6], r = [o], q = "";
   typeof e.className == "string" ? q = er(l.registered, r, e.className) : e.className != null && (q = e.className + " ");
-  var c = e7(r, void 0, s1.useContext(ur));
+  var c = e7(r, void 0, a1.useContext(ur));
   q += l.key + "-" + c.name;
   var i = {};
   for (var a in e)
     H6.call(e, a) && a !== "css" && a !== i6 && (i[a] = e[a]);
-  return i.className = q, t && (i.ref = t), /* @__PURE__ */ s1.createElement(s1.Fragment, null, /* @__PURE__ */ s1.createElement(dr, {
+  return i.className = q, t && (i.ref = t), /* @__PURE__ */ a1.createElement(a1.Fragment, null, /* @__PURE__ */ a1.createElement(dr, {
     cache: l,
     serialized: c,
     isStringTag: typeof n == "string"
-  }), /* @__PURE__ */ s1.createElement(n, i));
+  }), /* @__PURE__ */ a1.createElement(n, i));
 }), xr = fr, d1 = function(l, t) {
   var o = arguments;
   if (t == null || !H6.call(t, "css"))
-    return s1.createElement.apply(void 0, o);
+    return a1.createElement.apply(void 0, o);
   var n = o.length, r = new Array(n);
   r[0] = xr, r[1] = mr(l, t);
   for (var q = 2; q < n; q++)
     r[q] = o[q];
-  return s1.createElement.apply(null, r);
+  return a1.createElement.apply(null, r);
 };
 (function(e) {
   var l;
@@ -15330,7 +15330,7 @@ var i9 = function(l) {
   l.className, l.clearValue, l.cx, l.getStyles, l.getClassNames, l.getValue, l.hasValue, l.isMulti, l.isRtl, l.options, l.selectOption, l.selectProps, l.setValue, l.theme;
   var t = b4(l, Nr);
   return x1({}, t);
-}, B1 = function(l, t, o) {
+}, F1 = function(l, t, o) {
   var n = l.cx, r = l.getStyles, q = l.getClassNames, c = l.className;
   return {
     css: r(t, l),
@@ -15543,7 +15543,7 @@ var u7 = function(l) {
   });
 }, Qr = function(l) {
   var t = l.children, o = l.innerRef, n = l.innerProps;
-  return d1("div", h1({}, B1(l, "menu", {
+  return d1("div", h1({}, F1(l, "menu", {
     menu: !0
   }), {
     ref: o
@@ -15562,7 +15562,7 @@ var u7 = function(l) {
   });
 }, lq = function(l) {
   var t = l.children, o = l.innerProps, n = l.innerRef, r = l.isMulti;
-  return d1("div", h1({}, B1(l, "menuList", {
+  return d1("div", h1({}, F1(l, "menuList", {
     "menu-list": !0,
     "menu-list--is-multi": r
   }), {
@@ -15578,7 +15578,7 @@ var u7 = function(l) {
   });
 }, tq = d7, nq = d7, oq = function(l) {
   var t = l.children, o = t === void 0 ? "No options" : t, n = l.innerProps, r = b4(l, Hr);
-  return d1("div", h1({}, B1(x1(x1({}, r), {}, {
+  return d1("div", h1({}, F1(x1(x1({}, r), {}, {
     children: o,
     innerProps: n
   }), "noOptionsMessage", {
@@ -15587,7 +15587,7 @@ var u7 = function(l) {
   }), n), o);
 }, rq = function(l) {
   var t = l.children, o = t === void 0 ? "Loading..." : t, n = l.innerProps, r = b4(l, Zr);
-  return d1("div", h1({}, B1(x1(x1({}, r), {}, {
+  return d1("div", h1({}, F1(x1(x1({}, r), {}, {
     children: o,
     innerProps: n
   }), "loadingMessage", {
@@ -15604,7 +15604,7 @@ var u7 = function(l) {
     zIndex: 1
   };
 }, iq = function(l) {
-  var t = l.appendTo, o = l.children, n = l.controlElement, r = l.innerProps, q = l.menuPlacement, c = l.menuPosition, i = v1(null), a = v1(null), s = c1(u7(q)), m = x4(s, 2), v = m[0], A = m[1], x = W1(function() {
+  var t = l.appendTo, o = l.children, n = l.controlElement, r = l.innerProps, q = l.menuPlacement, c = l.menuPosition, i = v1(null), a = v1(null), s = c1(u7(q)), m = x4(s, 2), v = m[0], A = m[1], x = V1(function() {
     return {
       setPortalPlacement: A
     };
@@ -15634,7 +15634,7 @@ var u7 = function(l) {
   if (!t && c !== "fixed" || !b) return null;
   var I = d1("div", h1({
     ref: h
-  }, B1(x1(x1({}, l), {}, {
+  }, F1(x1(x1({}, l), {}, {
     offset: b.offset,
     position: c,
     rect: b.rect
@@ -15655,7 +15655,7 @@ var u7 = function(l) {
   };
 }, sq = function(l) {
   var t = l.children, o = l.innerProps, n = l.isDisabled, r = l.isRtl;
-  return d1("div", h1({}, B1(l, "container", {
+  return d1("div", h1({}, F1(l, "container", {
     "--is-disabled": n,
     "--is-rtl": r
   }), o), t);
@@ -15674,7 +15674,7 @@ var u7 = function(l) {
   });
 }, uq = function(l) {
   var t = l.children, o = l.innerProps, n = l.isMulti, r = l.hasValue;
-  return d1("div", h1({}, B1(l, "valueContainer", {
+  return d1("div", h1({}, F1(l, "valueContainer", {
     "value-container": !0,
     "value-container--is-multi": n,
     "value-container--has-value": r
@@ -15688,7 +15688,7 @@ var u7 = function(l) {
   };
 }, dq = function(l) {
   var t = l.children, o = l.innerProps;
-  return d1("div", h1({}, B1(l, "indicatorsContainer", {
+  return d1("div", h1({}, F1(l, "indicatorsContainer", {
     indicators: !0
   }), o), t);
 }, c9, fq = ["size"], xq = ["innerProps", "isRtl", "size"];
@@ -15740,13 +15740,13 @@ var pq = process.env.NODE_ENV === "production" ? {
   });
 }, gq = h7, bq = function(l) {
   var t = l.children, o = l.innerProps;
-  return d1("div", h1({}, B1(l, "dropdownIndicator", {
+  return d1("div", h1({}, F1(l, "dropdownIndicator", {
     indicator: !0,
     "dropdown-indicator": !0
   }), o), t || d1(x7, null));
 }, _q = h7, vq = function(l) {
   var t = l.children, o = l.innerProps;
-  return d1("div", h1({}, B1(l, "clearIndicator", {
+  return d1("div", h1({}, F1(l, "clearIndicator", {
     indicator: !0,
     "clear-indicator": !0
   }), o), t || d1($6, null));
@@ -15763,7 +15763,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   });
 }, Iq = function(l) {
   var t = l.innerProps;
-  return d1("span", h1({}, t, B1(l, "indicatorSeparator", {
+  return d1("span", h1({}, t, F1(l, "indicatorSeparator", {
     "indicator-separator": !0
   })));
 }, Cq = hr(c9 || (c9 = pr([`
@@ -15801,7 +15801,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   });
 }, Aq = function(l) {
   var t = l.innerProps, o = l.isRtl, n = l.size, r = n === void 0 ? 4 : n, q = b4(l, xq);
-  return d1("div", h1({}, B1(x1(x1({}, q), {}, {
+  return d1("div", h1({}, F1(x1(x1({}, q), {}, {
     innerProps: t,
     isRtl: o,
     size: r
@@ -15846,7 +15846,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   var t = l.children, o = l.isDisabled, n = l.isFocused, r = l.innerRef, q = l.innerProps, c = l.menuIsOpen;
   return d1("div", h1({
     ref: r
-  }, B1(l, "control", {
+  }, F1(l, "control", {
     control: !0,
     "control--is-disabled": o,
     "control--is-focused": n,
@@ -15862,7 +15862,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   };
 }, wq = function(l) {
   var t = l.children, o = l.cx, n = l.getStyles, r = l.getClassNames, q = l.Heading, c = l.headingProps, i = l.innerProps, a = l.label, s = l.theme, m = l.selectProps;
-  return d1("div", h1({}, B1(l, "group", {
+  return d1("div", h1({}, F1(l, "group", {
     group: !0
   }), i), d1(q, h1({}, c, {
     selectProps: m,
@@ -15890,7 +15890,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   var t = a7(l);
   t.data;
   var o = b4(t, Oq);
-  return d1("div", h1({}, B1(l, "groupHeading", {
+  return d1("div", h1({}, F1(l, "groupHeading", {
     "group-heading": !0
   }), o));
 }, Lq = wq, Pq = ["innerRef", "isDisabled", "isHidden", "inputClassName"], Fq = function(l, t) {
@@ -15934,7 +15934,7 @@ var pq = process.env.NODE_ENV === "production" ? {
   }, p7);
 }, kq = function(l) {
   var t = l.cx, o = l.value, n = a7(l), r = n.innerRef, q = n.isDisabled, c = n.isHidden, i = n.inputClassName, a = b4(n, Pq);
-  return d1("div", h1({}, B1(l, "input", {
+  return d1("div", h1({}, F1(l, "input", {
     "input-container": !0
   }), {
     "data-value": o || ""
@@ -16001,20 +16001,20 @@ var Yq = function(l) {
   var t = l.children, o = l.components, n = l.data, r = l.innerProps, q = l.isDisabled, c = l.removeProps, i = l.selectProps, a = o.Container, s = o.Label, m = o.Remove;
   return d1(a, {
     data: n,
-    innerProps: x1(x1({}, B1(l, "multiValue", {
+    innerProps: x1(x1({}, F1(l, "multiValue", {
       "multi-value": !0,
       "multi-value--is-disabled": q
     })), r),
     selectProps: i
   }, d1(s, {
     data: n,
-    innerProps: x1({}, B1(l, "multiValueLabel", {
+    innerProps: x1({}, F1(l, "multiValueLabel", {
       "multi-value__label": !0
     })),
     selectProps: i
   }, t), d1(m, {
     data: n,
-    innerProps: x1(x1({}, B1(l, "multiValueRemove", {
+    innerProps: x1(x1({}, F1(l, "multiValueRemove", {
       "multi-value__remove": !0
     })), {}, {
       "aria-label": "Remove ".concat(t || "option")
@@ -16042,7 +16042,7 @@ var Yq = function(l) {
   });
 }, $q = function(l) {
   var t = l.children, o = l.isDisabled, n = l.isFocused, r = l.isSelected, q = l.innerRef, c = l.innerProps;
-  return d1("div", h1({}, B1(l, "option", {
+  return d1("div", h1({}, F1(l, "option", {
     option: !0,
     "option--is-disabled": o,
     "option--is-focused": n,
@@ -16063,7 +16063,7 @@ var Yq = function(l) {
   });
 }, ei = function(l) {
   var t = l.children, o = l.innerProps;
-  return d1("div", h1({}, B1(l, "placeholder", {
+  return d1("div", h1({}, F1(l, "placeholder", {
     placeholder: !0
   }), o), t);
 }, li = ei, ti = function(l, t) {
@@ -16082,7 +16082,7 @@ var Yq = function(l) {
   });
 }, ni = function(l) {
   var t = l.children, o = l.isDisabled, n = l.innerProps;
-  return d1("div", h1({}, B1(l, "singleValue", {
+  return d1("div", h1({}, F1(l, "singleValue", {
     "single-value": !0,
     "single-value--is-disabled": o
   }), n), t);
@@ -16210,9 +16210,9 @@ var ui = process.env.NODE_ENV === "production" ? {
     return "".concat(o).concat(t ? " for search term " + t : "", ".");
   }
 }, fi = function(l) {
-  var t = l.ariaSelection, o = l.focusedOption, n = l.focusedValue, r = l.focusableOptions, q = l.isFocused, c = l.selectValue, i = l.selectProps, a = l.id, s = l.isAppleDevice, m = i.ariaLiveMessages, v = i.getOptionLabel, A = i.inputValue, x = i.isMulti, f = i.isOptionDisabled, d = i.isSearchable, b = i.menuIsOpen, R = i.options, g = i.screenReaderStatus, u = i.tabSelectsValue, h = i.isLoading, I = i["aria-label"], E = i["aria-live"], w = W1(function() {
+  var t = l.ariaSelection, o = l.focusedOption, n = l.focusedValue, r = l.focusableOptions, q = l.isFocused, c = l.selectValue, i = l.selectProps, a = l.id, s = l.isAppleDevice, m = i.ariaLiveMessages, v = i.getOptionLabel, A = i.inputValue, x = i.isMulti, f = i.isOptionDisabled, d = i.isSearchable, b = i.menuIsOpen, R = i.options, g = i.screenReaderStatus, u = i.tabSelectsValue, h = i.isLoading, I = i["aria-label"], E = i["aria-live"], w = V1(function() {
     return x1(x1({}, di), m || {});
-  }, [m]), P = W1(function() {
+  }, [m]), P = V1(function() {
     var Q = "";
     if (t && w.onChange) {
       var X = t.option, Y = t.options, L = t.removedValue, q1 = t.removedValues, G = t.value, N = function(S) {
@@ -16227,7 +16227,7 @@ var ui = process.env.NODE_ENV === "production" ? {
       Q = w.onChange(_);
     }
     return Q;
-  }, [t, w, f, c, v]), D = W1(function() {
+  }, [t, w, f, c, v]), D = V1(function() {
     var Q = "", X = o || n, Y = !!(o && c && c.includes(o));
     if (X && w.onFocus) {
       var L = {
@@ -16243,7 +16243,7 @@ var ui = process.env.NODE_ENV === "production" ? {
       Q = w.onFocus(L);
     }
     return Q;
-  }, [o, n, v, f, w, r, c, s]), K = W1(function() {
+  }, [o, n, v, f, w, r, c, s]), K = V1(function() {
     var Q = "";
     if (b && R.length && !h && w.onFilter) {
       var X = g({
@@ -16255,7 +16255,7 @@ var ui = process.env.NODE_ENV === "production" ? {
       });
     }
     return Q;
-  }, [r, A, b, w, R, g, h]), W = (t == null ? void 0 : t.action) === "initial-input-focus", l1 = W1(function() {
+  }, [r, A, b, w, R, g, h]), W = (t == null ? void 0 : t.action) === "initial-input-focus", l1 = V1(function() {
     var Q = "";
     if (w.guidance) {
       var X = n ? "value" : b ? "menu" : "input";
@@ -17526,7 +17526,7 @@ var S7 = function(l) {
         } : {
           "aria-describedby": this.getElementId("placeholder")
         });
-        return q ? /* @__PURE__ */ s1.createElement(x, h1({}, R, {
+        return q ? /* @__PURE__ */ a1.createElement(x, h1({}, R, {
           autoCapitalize: "none",
           autoComplete: "off",
           autoCorrect: "off",
@@ -17542,7 +17542,7 @@ var S7 = function(l) {
           form: s,
           type: "text",
           value: i
-        }, u)) : /* @__PURE__ */ s1.createElement(vi, h1({
+        }, u)) : /* @__PURE__ */ a1.createElement(vi, h1({
           id: g,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -17561,7 +17561,7 @@ var S7 = function(l) {
     value: function() {
       var n = this, r = this.getComponents(), q = r.MultiValue, c = r.MultiValueContainer, i = r.MultiValueLabel, a = r.MultiValueRemove, s = r.SingleValue, m = r.Placeholder, v = this.commonProps, A = this.props, x = A.controlShouldRenderValue, f = A.isDisabled, d = A.isMulti, b = A.inputValue, R = A.placeholder, g = this.state, u = g.selectValue, h = g.focusedValue, I = g.isFocused;
       if (!this.hasValue() || !x)
-        return b ? null : /* @__PURE__ */ s1.createElement(m, h1({}, v, {
+        return b ? null : /* @__PURE__ */ a1.createElement(m, h1({}, v, {
           key: "placeholder",
           isDisabled: f,
           isFocused: I,
@@ -17572,7 +17572,7 @@ var S7 = function(l) {
       if (d)
         return u.map(function(w, P) {
           var D = w === h, K = "".concat(n.getOptionLabel(w), "-").concat(n.getOptionValue(w));
-          return /* @__PURE__ */ s1.createElement(q, h1({}, v, {
+          return /* @__PURE__ */ a1.createElement(q, h1({}, v, {
             components: {
               Container: c,
               Label: i,
@@ -17599,7 +17599,7 @@ var S7 = function(l) {
       if (b)
         return null;
       var E = u[0];
-      return /* @__PURE__ */ s1.createElement(s, h1({}, v, {
+      return /* @__PURE__ */ a1.createElement(s, h1({}, v, {
         data: E,
         isDisabled: f
       }), this.formatOptionLabel(E, "value"));
@@ -17615,7 +17615,7 @@ var S7 = function(l) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         "aria-hidden": "true"
       };
-      return /* @__PURE__ */ s1.createElement(r, h1({}, q, {
+      return /* @__PURE__ */ a1.createElement(r, h1({}, q, {
         innerProps: m,
         isFocused: s
       }));
@@ -17628,7 +17628,7 @@ var S7 = function(l) {
       var m = {
         "aria-hidden": "true"
       };
-      return /* @__PURE__ */ s1.createElement(r, h1({}, q, {
+      return /* @__PURE__ */ a1.createElement(r, h1({}, q, {
         innerProps: m,
         isDisabled: i,
         isFocused: s
@@ -17640,7 +17640,7 @@ var S7 = function(l) {
       var n = this.getComponents(), r = n.DropdownIndicator, q = n.IndicatorSeparator;
       if (!r || !q) return null;
       var c = this.commonProps, i = this.props.isDisabled, a = this.state.isFocused;
-      return /* @__PURE__ */ s1.createElement(q, h1({}, c, {
+      return /* @__PURE__ */ a1.createElement(q, h1({}, c, {
         isDisabled: i,
         isFocused: a
       }));
@@ -17655,7 +17655,7 @@ var S7 = function(l) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         "aria-hidden": "true"
       };
-      return /* @__PURE__ */ s1.createElement(r, h1({}, q, {
+      return /* @__PURE__ */ a1.createElement(r, h1({}, q, {
         innerProps: a,
         isDisabled: c,
         isFocused: i
@@ -17681,7 +17681,7 @@ var S7 = function(l) {
           "aria-selected": n.state.isAppleDevice ? void 0 : S
           // is not supported on Apple devices
         };
-        return /* @__PURE__ */ s1.createElement(A, h1({}, x, {
+        return /* @__PURE__ */ a1.createElement(A, h1({}, x, {
           innerProps: J,
           data: _,
           isDisabled: p,
@@ -17698,7 +17698,7 @@ var S7 = function(l) {
         Y = this.getCategorizedOptions().map(function(B) {
           if (B.type === "group") {
             var H = B.data, z = B.options, C = B.index, _ = "".concat(n.getElementId("group"), "-").concat(C), p = "".concat(_, "-heading");
-            return /* @__PURE__ */ s1.createElement(q, h1({}, x, {
+            return /* @__PURE__ */ a1.createElement(q, h1({}, x, {
               key: _,
               data: H,
               options: z,
@@ -17719,13 +17719,13 @@ var S7 = function(l) {
           inputValue: R
         });
         if (L === null) return null;
-        Y = /* @__PURE__ */ s1.createElement(m, x, L);
+        Y = /* @__PURE__ */ a1.createElement(m, x, L);
       } else {
         var q1 = l1({
           inputValue: R
         });
         if (q1 === null) return null;
-        Y = /* @__PURE__ */ s1.createElement(v, x, q1);
+        Y = /* @__PURE__ */ a1.createElement(v, x, q1);
       }
       var G = {
         minMenuHeight: h,
@@ -17733,9 +17733,9 @@ var S7 = function(l) {
         menuPlacement: w,
         menuPosition: P,
         menuShouldScrollIntoView: W
-      }, N = /* @__PURE__ */ s1.createElement($r, h1({}, x, G), function(B) {
+      }, N = /* @__PURE__ */ a1.createElement($r, h1({}, x, G), function(B) {
         var H = B.ref, z = B.placerProps, C = z.placement, _ = z.maxHeight;
-        return /* @__PURE__ */ s1.createElement(i, h1({}, x, G, {
+        return /* @__PURE__ */ a1.createElement(i, h1({}, x, G, {
           innerRef: H,
           innerProps: {
             onMouseDown: n.onMenuMouseDown,
@@ -17743,13 +17743,13 @@ var S7 = function(l) {
           },
           isLoading: g,
           placement: C
-        }), /* @__PURE__ */ s1.createElement(Si, {
+        }), /* @__PURE__ */ a1.createElement(Si, {
           captureEnabled: b,
           onTopArrive: $,
           onBottomArrive: Q,
           lockEnabled: K
         }, function(p) {
-          return /* @__PURE__ */ s1.createElement(a, h1({}, x, {
+          return /* @__PURE__ */ a1.createElement(a, h1({}, x, {
             innerRef: function(j) {
               n.getMenuListRef(j), p(j);
             },
@@ -17764,7 +17764,7 @@ var S7 = function(l) {
           }), Y);
         }));
       });
-      return D || P === "fixed" ? /* @__PURE__ */ s1.createElement(s, h1({}, x, {
+      return D || P === "fixed" ? /* @__PURE__ */ a1.createElement(s, h1({}, x, {
         appendTo: D,
         controlElement: this.controlRef,
         menuPlacement: w,
@@ -17776,7 +17776,7 @@ var S7 = function(l) {
     value: function() {
       var n = this, r = this.props, q = r.delimiter, c = r.isDisabled, i = r.isMulti, a = r.name, s = r.required, m = this.state.selectValue;
       if (s && !this.hasValue() && !c)
-        return /* @__PURE__ */ s1.createElement(wi, {
+        return /* @__PURE__ */ a1.createElement(wi, {
           name: a,
           onFocus: this.onValueInputFocus
         });
@@ -17786,29 +17786,29 @@ var S7 = function(l) {
             var v = m.map(function(f) {
               return n.getOptionValue(f);
             }).join(q);
-            return /* @__PURE__ */ s1.createElement("input", {
+            return /* @__PURE__ */ a1.createElement("input", {
               name: a,
               type: "hidden",
               value: v
             });
           } else {
             var A = m.length > 0 ? m.map(function(f, d) {
-              return /* @__PURE__ */ s1.createElement("input", {
+              return /* @__PURE__ */ a1.createElement("input", {
                 key: "i-".concat(d),
                 name: a,
                 type: "hidden",
                 value: n.getOptionValue(f)
               });
-            }) : /* @__PURE__ */ s1.createElement("input", {
+            }) : /* @__PURE__ */ a1.createElement("input", {
               name: a,
               type: "hidden",
               value: ""
             });
-            return /* @__PURE__ */ s1.createElement("div", null, A);
+            return /* @__PURE__ */ a1.createElement("div", null, A);
           }
         else {
           var x = m[0] ? this.getOptionValue(m[0]) : "";
-          return /* @__PURE__ */ s1.createElement("input", {
+          return /* @__PURE__ */ a1.createElement("input", {
             name: a,
             type: "hidden",
             value: x
@@ -17819,7 +17819,7 @@ var S7 = function(l) {
     key: "renderLiveRegion",
     value: function() {
       var n = this.commonProps, r = this.state, q = r.ariaSelection, c = r.focusedOption, i = r.focusedValue, a = r.isFocused, s = r.selectValue, m = this.getFocusableOptions();
-      return /* @__PURE__ */ s1.createElement(xi, h1({}, n, {
+      return /* @__PURE__ */ a1.createElement(xi, h1({}, n, {
         id: this.getElementId("live-region"),
         ariaSelection: q,
         focusedOption: c,
@@ -17834,7 +17834,7 @@ var S7 = function(l) {
     key: "render",
     value: function() {
       var n = this.getComponents(), r = n.Control, q = n.IndicatorsContainer, c = n.SelectContainer, i = n.ValueContainer, a = this.props, s = a.className, m = a.id, v = a.isDisabled, A = a.menuIsOpen, x = this.state.isFocused, f = this.commonProps = this.getCommonProps();
-      return /* @__PURE__ */ s1.createElement(c, h1({}, f, {
+      return /* @__PURE__ */ a1.createElement(c, h1({}, f, {
         className: s,
         innerProps: {
           id: m,
@@ -17842,7 +17842,7 @@ var S7 = function(l) {
         },
         isDisabled: v,
         isFocused: x
-      }), this.renderLiveRegion(), /* @__PURE__ */ s1.createElement(r, h1({}, f, {
+      }), this.renderLiveRegion(), /* @__PURE__ */ a1.createElement(r, h1({}, f, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -17851,9 +17851,9 @@ var S7 = function(l) {
         isDisabled: v,
         isFocused: x,
         menuIsOpen: A
-      }), /* @__PURE__ */ s1.createElement(i, h1({}, f, {
+      }), /* @__PURE__ */ a1.createElement(i, h1({}, f, {
         isDisabled: v
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ s1.createElement(q, h1({}, f, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ a1.createElement(q, h1({}, f, {
         isDisabled: v
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -17891,7 +17891,7 @@ var S7 = function(l) {
 z7.defaultProps = Zi;
 var Qi = /* @__PURE__ */ L4(function(e, l) {
   var t = io(e);
-  return /* @__PURE__ */ s1.createElement(z7, h1({
+  return /* @__PURE__ */ a1.createElement(z7, h1({
     ref: l
   }, t));
 }), B2 = Qi;
@@ -17922,12 +17922,12 @@ const Ki = ({ show: e, onHide: l, amenity: t, selectedAmenityMapObjName: o, mapO
     ), E = Array.from(I).map((w) => a[w]).filter(Boolean).sort((w, P) => w.retail_name.localeCompare(P.retail_name));
     f(E.map((w) => w.global_retailer_id)), A(E);
   }, [i, a, q]);
-  const g = W1(() => v.filter((E) => !(s && E.id === s.id)).map((E) => {
+  const g = V1(() => v.filter((E) => !(s && E.id === s.id)).map((E) => {
     const P = x.filter(
       (D) => D === E.global_retailer_id
     ).length > 1 && E.location ? `${E.retail_name} (${E.location})` : E.retail_name;
     return { value: E.id, label: P };
-  }), [v, x, s]), u = W1(() => g.find((I) => I.value === d) || null, [g, d]), h = (I) => {
+  }), [v, x, s]), u = V1(() => g.find((I) => I.value === d) || null, [g, d]), h = (I) => {
     b((I == null ? void 0 : I.value) ?? -1);
   };
   return e ? /* @__PURE__ */ f1(
@@ -18099,11 +18099,11 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
     let O = "";
     M.layer_type === "retail_logo" ? O = await m(M, s[M.retailer_id || 0]) : O = await m(M), O && v(O, M, (y, n1) => {
       V.geometry = y, V.material = n1;
-      const a1 = y.boundingBox, I1 = new w1();
-      if (a1) {
-        a1.getCenter(I1);
-        const y1 = new w1();
-        a1.getSize(y1), V.object_id && A(V.object_id, I1, y1, V, { [V.object_id]: { ...M } });
+      const s1 = y.boundingBox, I1 = new N1();
+      if (s1) {
+        s1.getCenter(I1);
+        const y1 = new N1();
+        s1.getSize(y1), V.object_id && A(V.object_id, I1, y1, V, { [V.object_id]: { ...M } });
       }
     });
   }, [m, A, I, v, s]), Q = r1((M, V) => {
@@ -18148,70 +18148,63 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
   }, C = r1((M, V) => {
     var O, y, n1;
     if (u && a) {
-      const a1 = a.textImageMeshObject, I1 = new w1(), y1 = a.svgShapeMeshObject.geometry.boundingBox;
+      const s1 = a.textImageMeshObject, I1 = new N1(), y1 = a.svgShapeMeshObject.geometry.boundingBox;
       switch (y1 && y1.getCenter(I1), M) {
         case "custom_text":
-          u.custom_text = V, ["retail_text", "custom_text"].includes(u.layer_type) && X(a1, u.custom_text, u.size);
+          u.custom_text = V, ["retail_text", "custom_text"].includes(u.layer_type) && X(s1, u.custom_text, u.size);
           break;
         case "custom_image":
-          u.custom_image = V, $(u, a1), Y({ ...u }, !0);
+          u.custom_image = V, $(u, s1), Y({ ...u }, !0);
           break;
         case "size":
           if (u.size = parseInt(V), ["retail_logo", "kiosk", "amenity", "custom_image"].includes(u.layer_type))
-            u.layer_type === "retail_logo" || u.layer_type === "custom_image" ? ($(u, a1), setTimeout(() => {
+            u.layer_type === "retail_logo" || u.layer_type === "custom_image" ? ($(u, s1), setTimeout(() => {
               Y({ ...u }, !0);
-            }, 300)) : u.layer_type === "amenity" ? ($(u, a1), w(() => {
+            }, 300)) : u.layer_type === "amenity" ? ($(u, s1), w(() => {
               h({ ...u }), Y({ ...u }, !0);
-            })) : u.kiosk_id && u.layer_type === "kiosk" && (l1(a1, u, o), c());
+            })) : u.kiosk_id && u.layer_type === "kiosk" && (l1(s1, u, o), c());
           else {
-            let P1 = "";
-            u.layer_type === "retail_name" && ((O = s[u.retailer_id || 0]) != null && O.retail_name) ? P1 = (y = s[u.retailer_id || 0]) == null ? void 0 : y.retail_name : ["retail_text", "custom_text"].includes(u.layer_type) && (P1 = u.custom_text), X(a1, P1 || "", u.size);
+            let T1 = "";
+            u.layer_type === "retail_name" && ((O = s[u.retailer_id || 0]) != null && O.retail_name) ? T1 = (y = s[u.retailer_id || 0]) == null ? void 0 : y.retail_name : ["retail_text", "custom_text"].includes(u.layer_type) && (T1 = u.custom_text), X(s1, T1 || "", u.size);
           }
           break;
         case "lock_size":
-          u.lock_size = !1, u.value = V, u.layer_type === "kiosk" && (l1(a1, u, o), c());
+          u.lock_size = !1, u.value = V, u.layer_type === "kiosk" && (l1(s1, u, o), c());
           break;
         case "rotate":
-          u.rotate = parseInt(V), a1.rotation.set(
-            a1.rotation.x,
-            a1.rotation.y,
+          u.rotate = parseInt(V), s1.rotation.set(
+            s1.rotation.x,
+            s1.rotation.y,
             u.rotate * Math.PI / 180
           );
           break;
         case "offset_x":
-          I1.x += parseFloat(V), a1.position.setX(I1.x), u.offset_x = parseInt(V);
+          I1.x += parseFloat(V), s1.position.setX(I1.x), u.offset_x = parseInt(V);
           break;
         case "offset_y":
-          I1.y += parseFloat(V), a1.position.setY(I1.y), u.offset_y = parseInt(V);
+          I1.y += parseFloat(V), s1.position.setY(I1.y), u.offset_y = parseInt(V);
+          break;
+        case "bg_color":
+          u.bg_color = V, (n1 = s1.object_id) != null && n1.startsWith("big-store"), a.svgShapeMeshObject.material.colorDefault = B1(u.bg_color);
           break;
         case "text_color":
           if (u.text_color = V, ["retail_name", "retail_text", "custom_text"].includes(u.layer_type)) {
-            const P1 = {
+            const T1 = {
               color: u.text_color,
               transparent: !0,
               side: r2,
               depthWrite: !1,
               depthTest: !1
             };
-            let b1 = new oe(P1);
-            a1.material = b1;
-          } else (u.layer_type === "retail_logo" || u.layer_type === "custom_image" || u.obj_type === "special" && u.layer_type === "kiosk" && u.kiosk_id != null || u.obj_type === "special" && u.layer_type === "amenity" && u.value !== null) && ($(u, a1), u.layer_type === "kiosk" && l1(a1, u, o), w(() => {
+            let W1 = new oe(T1);
+            s1.material = W1;
+          } else (u.layer_type === "retail_logo" || u.layer_type === "custom_image" || u.obj_type === "special" && u.layer_type === "kiosk" && u.kiosk_id != null || u.obj_type === "special" && u.layer_type === "amenity" && u.value !== null) && ($(u, s1), u.layer_type === "kiosk" && l1(s1, u, o), w(() => {
             Y({
               ...u,
               text_color: u.text_color && u.text_color.replace("#", "")
             }, !0);
           }));
           break;
-        case "bg_color":
-          u.bg_color = V;
-          let N1 = "store";
-          (n1 = a1.object_id) != null && n1.startsWith("big-store") && (N1 = "big-store"), a1.material = x(
-            N1,
-            u.map_obj_name,
-            u.bg_color,
-            u.transparent
-          );
-          break;
       }
       w(() => {
         h({ ...u }), Y({ ...u }, !0);
@@ -18582,9 +18575,9 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
     G(o1);
   }, []), { setMapConfig: C, refetchMapData: _, mapApiResponse: p, mapConfig: S, floorsData: j, setMeshObject: F, indexedKiosks: e1, initialFloorsDataIsLoaded: T } = r4(), t1 = r1((o1) => {
     x(o1);
-  }, [x]), U = Nl(), { meshParams: J, storeLogos: M, textParams: V, allSvgObjectIds: O } = U, y = v1(null), [n1, a1] = c1(null), [, I1] = c1(0), y1 = r1(() => {
+  }, [x]), U = Nl(), { meshParams: J, storeLogos: M, textParams: V, allSvgObjectIds: O } = U, y = v1(null), [n1, s1] = c1(null), [, I1] = c1(0), y1 = r1(() => {
     I1((o1) => o1 + 1);
-  }, []), [N1, P1] = c1(!1);
+  }, []), [T1, W1] = c1(!1);
   d6(l, () => {
     var o1, u1;
     return {
@@ -18615,7 +18608,7 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
       };
     }
   }, [N.current, P, b1]);
-  const [j1, e4, P4] = W1(() => {
+  const [j1, e4, P4] = V1(() => {
     let o1 = "", u1 = null, _1 = j.length ? j.length - 1 : 0;
     if (e1[S.KIOSK_ID]) {
       const O1 = e1[S.KIOSK_ID].map_obj_name, M1 = J == null ? void 0 : J.flat().find((J1) => J1.object_id === O1);
@@ -18715,7 +18708,7 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
     }
   }, [J, G4, t, H1]);
   const p2 = r1((o1, u1) => {
-    o(""), s(""), Q(o1), u1 && (Y(u1), S.ROLE === "DISPLAY_APP" && o(u1)), S.ROLE === "WP_SITE" && P1(!0);
+    o(""), s(""), Q(o1), u1 && (Y(u1), S.ROLE === "DISPLAY_APP" && o(u1)), S.ROLE === "WP_SITE" && W1(!0);
   }, [S.ROLE, o]), h3 = r1((o1, u1, _1) => {
     var O1;
     if (!_1 && S.ROLE === "DISPLAY_APP" && q && ((O1 = o1.mesh_type) != null && O1.startsWith("store"))) {
@@ -18733,11 +18726,11 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
     if (o1.stopPropagation(), o1.delta > 15)
       return;
     const u1 = o1.object.object_id, _1 = p.map_objs.find((O1) => O1.map_obj_name === u1);
-    _1 && _1.layer_type === "amenity" ? (p2(_1.value, u1), S.ROLE === "PORTAL" && (G4(o1.object), o(u1 ?? ""))) : (h3(o1.object, u1 ?? ""), S.ROLE !== "PORTAL" && !S.KIOSK_ID && (_1 != null && _1.retailer_id) && P1(!0));
+    _1 && _1.layer_type === "amenity" ? (p2(_1.value, u1), S.ROLE === "PORTAL" && (G4(o1.object), o(u1 ?? ""))) : (h3(o1.object, u1 ?? ""), S.ROLE !== "PORTAL" && !S.KIOSK_ID && (_1 != null && _1.retailer_id) && W1(!0));
   }, [S, p2, o, G4, h3, p.map_objs]), N7 = r1((o1) => {
-    o1.stopPropagation(), v(!0), o1.object.userData.storeName !== "" && a1(o1.object);
+    o1.stopPropagation(), v(!0), o1.object.userData.storeName !== "" && s1(o1.object);
   }, []), M7 = r1((o1) => {
-    o1.stopPropagation(), a1(null), v(!1), y && y.current && (y.current.style.display = "none");
+    o1.stopPropagation(), s1(null), v(!1), y && y.current && (y.current.style.display = "none");
   }, []), q4 = v1({ x: null, y: null, distance: -1 / 0 }), L7 = r1((o1) => {
     if (o1.stopPropagation(), o1.buttons > 0) {
       if (q4.current.x === null && (q4.current.x = o1.clientX), q4.current.y === null && (q4.current.y = o1.clientY), q4.current.x !== null && q4.current.y !== null) {
@@ -18748,8 +18741,8 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
       q4.current.x = q4.current.y = null, q4.current.distance = -1 / 0;
     y && y.current && o1.object.userData.storeName && o1.object.userData.storeName !== "" ? (y.current.style.top = `${o1.offsetY - 65}px`, y.current.style.left = `${o1.offsetX}px`, y.current.style.display = "block") : y.current && (y.current.style.display = "none");
   }, []), P7 = r1((o1, u1) => {
-    s(o1), u1 && o(u1 || ""), P1(!1);
-  }, [s, P1, o]);
+    s(o1), u1 && o(u1 || ""), W1(!1);
+  }, [s, W1, o]);
   if (P4)
     return /* @__PURE__ */ k("div", { className: "messageStyle", children: P4 });
   !j1 && S.ROLE === "DEMO" && console.error("NO KIOSK OBJECT FOUND");
@@ -18836,8 +18829,8 @@ const na = "_sidebarComp_1b6ud_1", oa = "_sidebarFields_1b6ud_2", ra = "_tabOpti
     S.ROLE === "WP_SITE" && /* @__PURE__ */ k(
       Ki,
       {
-        show: N1,
-        onHide: () => P1(!1),
+        show: T1,
+        onHide: () => W1(!1),
         amenity: $,
         selectedAmenityMapObjName: X,
         mapObjectName: t,