@colabcommerce/elements 0.0.3 → 0.0.4

package/dist/StoreLocator.js

@@ -1,10 +1,10 @@
-import { jsx as s, jsxs as l, Fragment as se } from "react/jsx-runtime";
+import { jsx as s, jsxs as d, Fragment as se } from "react/jsx-runtime";
 import * as B from "react";
-import T, { useState as k, useRef as pe, useEffect as D, useLayoutEffect as Ee, useMemo as he, useCallback as Te, Suspense as He } from "react";
-import { a as E, b as je, c, d as Y, n as We, o as C, C as ne, p as U, q as F, T as Re, r as Be, t as De, E as fe, s as Fe, v as Pe, R as ge, e as Ae, h as Q, i as ze, B as oe, F as w, I as Ge, l as Le, m as Ue } from "./globals-C3lGVSJ0.js";
-import { C as qe, u as H, L as Je, d as Qe, l as Ve, a as Xe, S as Ke, b as Ye, A as Ze, c as et, w as tt, e as st, f as at } from "./addressComponentsToAddress-CNK2WJ24.js";
-import { S as nt } from "./index-TPy0P4tu.js";
-import { A as rt, d as it, u as ct, a as ot, B as lt, F as dt, b as mt, g as ut, M as V } from "./Modal-BqRDRCTs.js";
+import T, { useState as $, useRef as pe, useEffect as D, useLayoutEffect as Ee, useMemo as he, useCallback as Te, Suspense as He } from "react";
+import { a as E, b as je, c, d as Y, n as We, o as C, C as ne, p as U, q as F, T as Re, r as Be, t as De, E as fe, s as Fe, v as Pe, R as ge, e as Ae, h as Q, i as ze, B as oe, F as w, I as Le, l as Ge, m as Ue } from "./globals-B8-hYoIU.js";
+import { C as qe, u as H, L as Je, d as Qe, l as Ve, a as Xe, S as Ke, b as Ye, A as Ze, c as et, w as tt, e as st, f as at } from "./addressComponentsToAddress-DCL-K8mn.js";
+import { S as nt } from "./index-FM02Uq_P.js";
+import { A as rt, d as it, u as ct, a as ot, B as lt, F as dt, b as mt, g as ut, M as V } from "./Modal-DTBKy_6d.js";
 const pt = "-E4vU", ht = "Y9kow", ft = "x0-tL", gt = "XBGE-", vt = "oUgyZ", yt = "_5xvIm", wt = "yR8v8", Nt = "-FfTB", bt = "mPv4I", _t = "DizAj", Ct = "pL7JB", It = "uUoP0", N = {
   wrapper: pt,
   title: ht,
@@ -23,34 +23,34 @@ const pt = "-E4vU", ht = "Y9kow", ft = "x0-tL", gt = "XBGE-", vt = "oUgyZ", yt =
   i.setUTCHours(t.open_at_hour - t.utc_offset_minute / 60, t.open_at_minute, 0, 0);
   const r = /* @__PURE__ */ new Date();
   r.setUTCHours(t.close_at_hour - t.utc_offset_minute / 60, t.close_at_minute, 0, 0);
-  const d = i.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" }), m = r.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" });
-  return /* @__PURE__ */ l("div", { className: `${N.subHours} ${t.day === (/* @__PURE__ */ new Date()).getDay() ? N.today : ""}`, children: [
+  const u = i.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" }), l = r.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" });
+  return /* @__PURE__ */ d("div", { className: `${N.subHours} ${t.day === (/* @__PURE__ */ new Date()).getDay() ? N.today : ""}`, children: [
     /* @__PURE__ */ s("div", { children: n(`store.days.${t.day}`) }),
-    /* @__PURE__ */ l("div", { children: [
-      d.format(i),
+    /* @__PURE__ */ d("div", { children: [
+      u.format(i),
       " - ",
-      m.format(r)
+      l.format(r)
     ] })
   ] }, t.day);
-}, Ot = ({ hours: e, defaultOpen: t = !1 }) => {
-  const { t: n, locale: a } = E(), { isOpen: i, openingSoon: r, closingSoon: d, openAt: m, closeAt: u, openFormatter: p, closeAtFormatter: f } = je(e), [y, _] = k(t), o = (/* @__PURE__ */ new Date()).getDay();
-  if (!(e == null ? void 0 : e.find((O) => O.day === o))) return null;
-  const W = i, I = e.sort((O, M) => O.day - M.day);
+}, Mt = ({ hours: e, defaultOpen: t = !1 }) => {
+  const { t: n, locale: a } = E(), { isOpen: i, openingSoon: r, closingSoon: u, openAt: l, closeAt: m, openFormatter: p, closeAtFormatter: f } = je(e), [y, _] = $(t), o = (/* @__PURE__ */ new Date()).getDay();
+  if (!(e == null ? void 0 : e.find((M) => M.day === o))) return null;
+  const W = i, I = e.sort((M, x) => M.day - x.day);
   let S = null, h = null;
-  return W ? d ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.closingSoon") })) : (h = c(N.hours, N.open), S = /* @__PURE__ */ s("span", { children: n("store.openNow") })) : r ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.openingSoon") })) : (h = c(N.hours, N.closed), S = /* @__PURE__ */ s("span", { children: n("store.closedNow") })), /* @__PURE__ */ l("div", { className: y ? c(N.wrapper, N.shown) : c(N.wrapper), children: [
-    /* @__PURE__ */ l("div", { className: c(N.title), onClick: () => _(!y), children: [
-      /* @__PURE__ */ l("span", { className: h, children: [
+  return W ? u ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.closingSoon") })) : (h = c(N.hours, N.open), S = /* @__PURE__ */ s("span", { children: n("store.openNow") })) : r ? (h = c(N.hours, N.soon), S = /* @__PURE__ */ s("span", { children: n("store.openingSoon") })) : (h = c(N.hours, N.closed), S = /* @__PURE__ */ s("span", { children: n("store.closedNow") })), /* @__PURE__ */ d("div", { className: y ? c(N.wrapper, N.shown) : c(N.wrapper), children: [
+    /* @__PURE__ */ d("div", { className: c(N.title), onClick: () => _(!y), children: [
+      /* @__PURE__ */ d("span", { className: h, children: [
         /* @__PURE__ */ s("i", { className: "lpe-icons", children: "clock" }),
         S
       ] }),
-      /* @__PURE__ */ l("span", { className: N.shownHours, children: [
-        p.format(m),
+      /* @__PURE__ */ d("span", { className: N.shownHours, children: [
+        p.format(l),
         " - ",
-        f.format(u)
+        f.format(m)
       ] }),
       /* @__PURE__ */ s("i", { className: c("lpe-icons", N.toggle), children: "arrow" })
     ] }),
-    /* @__PURE__ */ s(qe, { in: y, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: c(N.subHoursWrapper), children: I.map((O, M) => /* @__PURE__ */ s(St, { i: M, hour: O }, O.day)) }) }) })
+    /* @__PURE__ */ s(qe, { in: y, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: c(N.subHoursWrapper), children: I.map((M, x) => /* @__PURE__ */ s(St, { i: x, hour: M }, M.day)) }) }) })
   ] });
 };
 var ve = {
@@ -59,10 +59,10 @@ var ve = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, le = T.createContext && /* @__PURE__ */ T.createContext(ve), xt = ["attr", "size", "title"];
-function Mt(e, t) {
+}, le = T.createContext && /* @__PURE__ */ T.createContext(ve), Ot = ["attr", "size", "title"];
+function xt(e, t) {
   if (e == null) return {};
-  var n = $t(e, t), a, i;
+  var n = kt(e, t), a, i;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
     for (i = 0; i < r.length; i++)
@@ -70,7 +70,7 @@ function Mt(e, t) {
   }
   return n;
 }
-function $t(e, t) {
+function kt(e, t) {
   if (e == null) return {};
   var n = {};
   for (var a in e)
@@ -104,14 +104,14 @@ function K(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? de(Object(n), !0).forEach(function(a) {
-      kt(e, a, n[a]);
+      $t(e, a, n[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : de(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function kt(e, t, n) {
+function $t(e, t, n) {
   return t = Et(t), t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
 function Et(e) {
@@ -144,18 +144,18 @@ function jt(e) {
       attr: a,
       size: i,
       title: r
-    } = e, d = Mt(e, xt), m = i || n.size || "1em", u;
-    return n.className && (u = n.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", X({
+    } = e, u = xt(e, Ot), l = i || n.size || "1em", m;
+    return n.className && (m = n.className), e.className && (m = (m ? m + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, a, d, {
-      className: u,
+    }, n.attr, a, u, {
+      className: m,
       style: K(K({
         color: e.color || n.color
       }, n.style), e.style),
-      height: m,
-      width: m,
+      height: l,
+      width: l,
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ T.createElement("title", null, r), e.children);
   };
@@ -217,14 +217,14 @@ const zt = [
       key: "9njp5v"
     }
   ]
-], Gt = Y("phone", zt), Lt = () => {
-  const { t: e } = E(), { locationName: t, setLocationName: n, setSearchCenter: a, setMapCenter: i, setShowFilters: r, setLoadingGeo: d, getPosition: m } = H(), u = pe(null), [p, f] = k(null), y = We("places");
+], Lt = Y("phone", zt), Gt = () => {
+  const { t: e } = E(), { locationName: t, setLocationName: n, setSearchCenter: a, setMapCenter: i, setShowFilters: r, setLoadingGeo: u, getPosition: l } = H(), m = pe(null), [p, f] = $(null), y = We("places");
   return D(() => {
-    if (!y || !u.current) return;
+    if (!y || !m.current) return;
     const b = {
       fields: ["geometry", "name", "formatted_address"]
     };
-    f(new y.Autocomplete(u.current, b));
+    f(new y.Autocomplete(m.current, b));
   }, [y]), D(() => {
     p && p.addListener("place_changed", () => {
       const b = p.getPlace();
@@ -236,7 +236,7 @@ const zt = [
       i(o), a(o), n(b.formatted_address);
     });
   }, [p, n]), /* @__PURE__ */ s(Je, { locationName: t, setLocationName: n, setSearchCenter: a, setMapCenter: i, handleLocate: () => {
-    d(!0), m();
+    u(!0), l();
   } });
 }, Ut = typeof global < "u" && // @ts-ignore
 global.navigator && // @ts-ignore
@@ -263,21 +263,21 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   dismissable: ps
 }, hs = ({ id: e, location: t, dismissable: n }) => {
   var q, P, A, z, J;
-  const a = "store-locator-sidebar-list-item", { selectedLocation: i, searchCenter: r, showDetails: d, setShowDetails: m, setMessageModalOpen: u, setSelectedLocationId: p } = H(), { t: f, i18n: y } = E(), _ = y == null ? void 0 : y.language, [b, o] = k(!1), [j, W] = k(!1), I = () => {
-    u(!0);
+  const a = "store-locator-sidebar-list-item", { selectedLocation: i, searchCenter: r, showDetails: u, setShowDetails: l, setMessageModalOpen: m, setSelectedLocationId: p } = H(), { t: f, i18n: y } = E(), _ = y == null ? void 0 : y.language, [b, o] = $(!1), [j, W] = $(!1), I = () => {
+    m(!0);
   }, S = () => {
     p(e);
     const R = new URLSearchParams(window.location.search);
     R.set("location", e), window.history.replaceState({}, "", `?${R.toString()}`);
   }, h = (R) => {
     b || (R.preventDefault(), o(!0));
-  }, O = Math.round(Qe({ lat: (q = t == null ? void 0 : t.address) == null ? void 0 : q.latitude, lng: (P = t == null ? void 0 : t.address) == null ? void 0 : P.longitude }, r) * 10) / 10, M = e === (i == null ? void 0 : i.id) ? C(["wrapper", "selected"], v, "sidebar-list-item") : C("wrapper", v, "sidebar-list-item");
-  return /* @__PURE__ */ l("div", { onClick: S, className: M, children: [
-    /* @__PURE__ */ l("section", { className: c(v.nameWrapper), children: [
-      /* @__PURE__ */ l("div", { className: c(v.name), children: [
+  }, M = Math.round(Qe({ lat: (q = t == null ? void 0 : t.address) == null ? void 0 : q.latitude, lng: (P = t == null ? void 0 : t.address) == null ? void 0 : P.longitude }, r) * 10) / 10, x = e === (i == null ? void 0 : i.id) ? C(["wrapper", "selected"], v, "sidebar-list-item") : C("wrapper", v, "sidebar-list-item");
+  return /* @__PURE__ */ d("div", { onClick: S, className: x, children: [
+    /* @__PURE__ */ d("section", { className: c(v.nameWrapper), children: [
+      /* @__PURE__ */ d("div", { className: c(v.name), children: [
         t == null ? void 0 : t.retailer_name,
-        /* @__PURE__ */ l("div", { className: `text-muted fw-normal mt-1 ${v.distance}`, children: [
-          Math.round(Xe(O, _) * 10) / 10,
+        /* @__PURE__ */ d("div", { className: `text-muted fw-normal mt-1 ${v.distance}`, children: [
+          Math.round(Xe(M, _) * 10) / 10,
           " ",
           Ve(_),
           " away"
@@ -286,10 +286,10 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
       /* @__PURE__ */ s("div", { className: "text-end d-flex align-items-center justify-content-end", children: /* @__PURE__ */ s(Ke, { type: t == null ? void 0 : t.store_type }) })
     ] }),
     /* @__PURE__ */ s("section", { className: `${v.hoursWrapper} d-flex justify-content-between align-items-center pe-3`, children: /* @__PURE__ */ s(Ye, { hours: t == null ? void 0 : t.retailer_location_hours }) }),
-    /* @__PURE__ */ s("section", { className: c(v.addressWrapper), children: /* @__PURE__ */ l("div", { className: c(v.address), children: [
+    /* @__PURE__ */ s("section", { className: c(v.addressWrapper), children: /* @__PURE__ */ d("div", { className: c(v.address), children: [
       /* @__PURE__ */ s("div", { children: t == null ? void 0 : t.address.street_line_one }),
       /* @__PURE__ */ s("div", { children: t == null ? void 0 : t.address.street_line_two }),
-      /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ d("div", { children: [
         t == null ? void 0 : t.address.city,
         ", ",
         t == null ? void 0 : t.address.province,
@@ -298,20 +298,20 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
       ] }),
       /* @__PURE__ */ s("div", { className: "d-none", children: t == null ? void 0 : t.address.country })
     ] }) }),
-    /* @__PURE__ */ l("section", { className: C("interactWrapper", v, "store-locator-sidebar-list-item"), children: [
-      (t == null ? void 0 : t.phone_number) && /* @__PURE__ */ l(
+    /* @__PURE__ */ d("section", { className: C("interactWrapper", v, "store-locator-sidebar-list-item"), children: [
+      (t == null ? void 0 : t.phone_number) && /* @__PURE__ */ d(
         "a",
         {
           href: `tel:${(A = t == null ? void 0 : t.phone_number) == null ? void 0 : A.phone_number}`,
           className: [C("interactItem", v, "store-locator-sidebar-list-item"), "cc-interact-item-phone"].join(" "),
           onClick: h,
           children: [
-            /* @__PURE__ */ s("div", { className: [v.interactIcon, "cc-interact-icon", "cc-interact-icon-phone"].join(" "), children: /* @__PURE__ */ s(Gt, { size: 20 }) }),
+            /* @__PURE__ */ s("div", { className: [v.interactIcon, "cc-interact-icon", "cc-interact-icon-phone"].join(" "), children: /* @__PURE__ */ s(Lt, { size: 20 }) }),
             /* @__PURE__ */ s("div", { className: [v.interactText, "cc-interact-text", "cc-interact-text-phone"].join(" "), children: b ? (z = t == null ? void 0 : t.phone_number) == null ? void 0 : z.formatted : f("general.phone") })
           ]
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ d(
         "a",
         {
           href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((J = t == null ? void 0 : t.address) == null ? void 0 : J.string)}=&destination_place_id=${t == null ? void 0 : t.place_id}`,
@@ -323,25 +323,25 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
           ]
         }
       ),
-      /* @__PURE__ */ l("button", { className: C("interactItem", v, a), onClick: I, children: [
+      /* @__PURE__ */ d("button", { className: C("interactItem", v, a), onClick: I, children: [
         /* @__PURE__ */ s("div", { className: C("interactIcon", v, a), children: /* @__PURE__ */ s(At, { size: 20 }) }),
         /* @__PURE__ */ s("div", { className: C("interactText", v, a), children: f("general.message") })
       ] }),
-      (t == null ? void 0 : t.website) && /* @__PURE__ */ l("a", { href: t == null ? void 0 : t.website, target: "_blank", className: C("interactItem", v, a), children: [
+      (t == null ? void 0 : t.website) && /* @__PURE__ */ d("a", { href: t == null ? void 0 : t.website, target: "_blank", className: C("interactItem", v, a), children: [
         /* @__PURE__ */ s("div", { className: C("interactIcon", v, a), children: /* @__PURE__ */ s(Ft, { size: 20 }) }),
         /* @__PURE__ */ s("div", { className: C("interactText", v, a), children: f("general.website") })
       ] })
     ] })
   ] });
-}, fs = "pCNHg", gs = "frwR4", vs = "sUqpG", G = {
+}, fs = "pCNHg", gs = "frwR4", vs = "sUqpG", L = {
   loading: fs,
   itemWrapper: gs,
   wrapper: vs
 }, ys = () => {
   const { t: e } = E(), { locations: t, isLoading: n, selectedLocationId: a } = H();
-  function i(r, d) {
-    if (!r || !d) return;
-    const m = r.getBoundingClientRect(), p = d.getBoundingClientRect().top - m.top + r.scrollTop;
+  function i(r, u) {
+    if (!r || !u) return;
+    const l = r.getBoundingClientRect(), p = u.getBoundingClientRect().top - l.top + r.scrollTop;
     r.scrollTo({
       top: p,
       behavior: "smooth"
@@ -350,20 +350,20 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   return D(() => {
     const r = document.getElementById(`location-${a}`);
     if (r) {
-      const d = document.getElementById("llw");
-      i(d, r);
+      const u = document.getElementById("llw");
+      i(u, r);
     }
-  }, [a]), n ? /* @__PURE__ */ s("div", { className: c(G.loading), children: /* @__PURE__ */ s("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ s("div", { id: "location-list", className: `${G.wrapper} ${a ? G.hasSelected : ""}`, children: t.map((r) => /* @__PURE__ */ s("div", { id: `location-${r.id}`, className: `${G.itemWrapper} ${a === r.id ? G.selected : ""}`, children: /* @__PURE__ */ s(hs, { id: r.id, location: r }) }, r.id)) });
-}, ws = "N2FHA", Ns = "BSoIL", bs = "xMDdB", _s = "-zMng", L = {
+  }, [a]), n ? /* @__PURE__ */ s("div", { className: c(L.loading), children: /* @__PURE__ */ s("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ s("div", { id: "location-list", className: `${L.wrapper} ${a ? L.hasSelected : ""}`, children: t.map((r) => /* @__PURE__ */ s("div", { id: `location-${r.id}`, className: `${L.itemWrapper} ${a === r.id ? L.selected : ""}`, children: /* @__PURE__ */ s(hs, { id: r.id, location: r }) }, r.id)) });
+}, ws = "N2FHA", Ns = "BSoIL", bs = "xMDdB", _s = "-zMng", G = {
   wrapper: ws,
   top: Ns,
   searchWrapper: bs,
   listWrapper: _s
 }, Cs = () => {
   const { showMap: e, showFilters: t, setShowFilters: n, locale: a, selectedLocationId: i } = H();
-  return /* @__PURE__ */ l(ne, { xs: { order: 1 }, lg: { order: 0, span: 4 }, xxl: { order: 0, span: 3 }, className: c(L.wrapper), children: [
-    /* @__PURE__ */ s("div", { className: c(L.top), children: /* @__PURE__ */ s("div", { className: c(L.searchWrapper), children: /* @__PURE__ */ s("div", { className: "mb-3", children: /* @__PURE__ */ s(Lt, {}) }) }) }),
-    /* @__PURE__ */ s("div", { className: `${L.listWrapper} ${i ? L.hasSelected : ""}`, id: "llw", children: /* @__PURE__ */ s(ys, {}) })
+  return /* @__PURE__ */ d(ne, { xs: { order: 1 }, lg: { order: 0, span: 4 }, xxl: { order: 0, span: 3 }, className: c(G.wrapper), children: [
+    /* @__PURE__ */ s("div", { className: c(G.top), children: /* @__PURE__ */ s("div", { className: c(G.searchWrapper), children: /* @__PURE__ */ s("div", { className: "mb-3", children: /* @__PURE__ */ s(Gt, {}) }) }) }),
+    /* @__PURE__ */ s("div", { className: `${G.listWrapper} ${i ? G.hasSelected : ""}`, id: "llw", children: /* @__PURE__ */ s(ys, {}) })
   ] });
 }, ae = /* @__PURE__ */ new WeakMap(), me = (e, t) => {
   if (!e || !t) return;
@@ -373,48 +373,48 @@ global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt
   return a || (a = t.matchMedia(e), a.refCount = 0, n.set(a.media, a)), a;
 };
 function Is(e, t = typeof window > "u" ? void 0 : window) {
-  const n = me(e, t), [a, i] = k(() => n ? n.matches : !1);
+  const n = me(e, t), [a, i] = $(() => n ? n.matches : !1);
   return Jt(() => {
     let r = me(e, t);
     if (!r)
       return i(!1);
-    let d = ae.get(t);
-    const m = () => {
+    let u = ae.get(t);
+    const l = () => {
       i(r.matches);
     };
-    return r.refCount++, r.addListener(m), m(), () => {
-      r.removeListener(m), r.refCount--, r.refCount <= 0 && (d == null || d.delete(r.media)), r = void 0;
+    return r.refCount++, r.addListener(l), l(), () => {
+      r.removeListener(l), r.refCount--, r.refCount <= 0 && (u == null || u.delete(r.media)), r = void 0;
     };
   }, [e]), a;
 }
 function Ss(e) {
   const t = Object.keys(e);
-  function n(m, u) {
-    return m === u ? u : m ? `${m} and ${u}` : u;
+  function n(l, m) {
+    return l === m ? m : l ? `${l} and ${m}` : m;
   }
-  function a(m) {
-    return t[Math.min(t.indexOf(m) + 1, t.length - 1)];
+  function a(l) {
+    return t[Math.min(t.indexOf(l) + 1, t.length - 1)];
   }
-  function i(m) {
-    const u = a(m);
-    let p = e[u];
+  function i(l) {
+    const m = a(l);
+    let p = e[m];
     return typeof p == "number" ? p = `${p - 0.2}px` : p = `calc(${p} - 0.2px)`, `(max-width: ${p})`;
   }
-  function r(m) {
-    let u = e[m];
-    return typeof u == "number" && (u = `${u}px`), `(min-width: ${u})`;
+  function r(l) {
+    let m = e[l];
+    return typeof m == "number" && (m = `${m}px`), `(min-width: ${m})`;
   }
-  function d(m, u, p) {
+  function u(l, m, p) {
     let f;
-    typeof m == "object" ? (f = m, p = u, u = !0) : (u = u || !0, f = {
-      [m]: u
+    typeof l == "object" ? (f = l, p = m, m = !0) : (m = m || !0, f = {
+      [l]: m
     });
     let y = he(() => Object.entries(f).reduce((_, [b, o]) => ((o === "up" || o === !0) && (_ = n(_, r(b))), (o === "down" || o === !0) && (_ = n(_, i(b))), _), ""), [JSON.stringify(f)]);
     return Is(y, p);
   }
-  return d;
+  return u;
 }
-const Os = Ss({
+const Ms = Ss({
   xs: 0,
   sm: 576,
   md: 768,
@@ -432,7 +432,7 @@ const Os = Ss({
   ...a
 })));
 we.displayName = "OffcanvasBody";
-const xs = {
+const Os = {
   [fe]: "show",
   [Pe]: "show"
 }, Ne = /* @__PURE__ */ B.forwardRef(({
@@ -442,20 +442,20 @@ const xs = {
   in: a = !1,
   mountOnEnter: i = !1,
   unmountOnExit: r = !1,
-  appear: d = !1,
-  ...m
-}, u) => (e = U(e, "offcanvas"), /* @__PURE__ */ s(Re, {
-  ref: u,
+  appear: u = !1,
+  ...l
+}, m) => (e = U(e, "offcanvas"), /* @__PURE__ */ s(Re, {
+  ref: m,
   addEndListener: De,
   in: a,
   mountOnEnter: i,
   unmountOnExit: r,
-  appear: d,
-  ...m,
+  appear: u,
+  ...l,
   childRef: Be(n),
   children: (p, f) => /* @__PURE__ */ B.cloneElement(n, {
     ...f,
-    className: F(t, n.props.className, (p === fe || p === Fe) && `${e}-toggling`, xs[p])
+    className: F(t, n.props.className, (p === fe || p === Fe) && `${e}-toggling`, Os[p])
   })
 })));
 Ne.displayName = "OffcanvasToggling";
@@ -473,10 +473,10 @@ const be = /* @__PURE__ */ B.forwardRef(({
   closeButton: a
 })));
 be.displayName = "OffcanvasHeader";
-const Ms = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
+const xs = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
   className: e,
   bsPrefix: t,
-  as: n = Ms,
+  as: n = xs,
   ...a
 }, i) => (t = U(t, "offcanvas-title"), /* @__PURE__ */ s(n, {
   ref: i,
@@ -484,12 +484,12 @@ const Ms = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
   ...a
 })));
 _e.displayName = "OffcanvasTitle";
-function $s(e) {
+function ks(e) {
   return /* @__PURE__ */ s(Ne, {
     ...e
   });
 }
-function ks(e) {
+function $s(e) {
   return /* @__PURE__ */ s(dt, {
     ...e
   });
@@ -502,9 +502,9 @@ const Ce = /* @__PURE__ */ B.forwardRef(({
   placement: i = "start",
   responsive: r,
   /* BaseModal props */
-  show: d = !1,
-  backdrop: m = !0,
-  keyboard: u = !0,
+  show: u = !1,
+  backdrop: l = !0,
+  keyboard: m = !0,
   scroll: p = !1,
   onEscapeKeyDown: f,
   onShow: y,
@@ -516,8 +516,8 @@ const Ce = /* @__PURE__ */ B.forwardRef(({
   restoreFocusOptions: I,
   onEntered: S,
   onExit: h,
-  onExiting: O,
-  onEnter: M,
+  onExiting: M,
+  onEnter: x,
   onEntering: q,
   onExited: P,
   backdropClassName: A,
@@ -527,41 +527,41 @@ const Ce = /* @__PURE__ */ B.forwardRef(({
 }, Ie) => {
   const Z = pe();
   e = U(e, "offcanvas");
-  const [re, Se] = k(!1), ee = ct(_), ie = Os(r || "xs", "up");
+  const [re, Se] = $(!1), ee = ct(_), ie = Ms(r || "xs", "up");
   D(() => {
-    Se(r ? d && !ie : d);
-  }, [d, r, ie]);
-  const Oe = he(() => ({
+    Se(r ? u && !ie : u);
+  }, [u, r, ie]);
+  const Me = he(() => ({
     onHide: ee
   }), [ee]);
-  function xe() {
+  function Oe() {
     return z || (p ? (Z.current || (Z.current = new mt({
       handleContainerOverflow: !1
     })), Z.current) : ut());
   }
-  const Me = (x, ...te) => {
-    x && (x.style.visibility = "visible"), M == null || M(x, ...te);
-  }, $e = (x, ...te) => {
-    x && (x.style.visibility = ""), P == null || P(...te);
-  }, ke = Te((x) => /* @__PURE__ */ s("div", {
-    ...x,
+  const xe = (O, ...te) => {
+    O && (O.style.visibility = "visible"), x == null || x(O, ...te);
+  }, ke = (O, ...te) => {
+    O && (O.style.visibility = ""), P == null || P(...te);
+  }, $e = Te((O) => /* @__PURE__ */ s("div", {
+    ...O,
     className: F(`${e}-backdrop`, A)
-  }), [A, e]), ce = (x) => /* @__PURE__ */ s("div", {
-    ...x,
+  }), [A, e]), ce = (O) => /* @__PURE__ */ s("div", {
+    ...O,
     ...R,
     className: F(t, r ? `${e}-${r}` : e, `${e}-${i}`),
     "aria-labelledby": a,
     children: n
   });
-  return /* @__PURE__ */ l(se, {
+  return /* @__PURE__ */ d(se, {
     children: [!re && (r || J) && ce({}), /* @__PURE__ */ s(ot.Provider, {
-      value: Oe,
+      value: Me,
       children: /* @__PURE__ */ s(lt, {
         show: re,
         ref: Ie,
-        backdrop: m,
+        backdrop: l,
         container: b,
-        keyboard: u,
+        keyboard: m,
         autoFocus: o,
         enforceFocus: j && !p,
         restoreFocus: W,
@@ -569,16 +569,16 @@ const Ce = /* @__PURE__ */ B.forwardRef(({
         onEscapeKeyDown: f,
         onShow: y,
         onHide: ee,
-        onEnter: Me,
+        onEnter: xe,
         onEntering: q,
         onEntered: S,
         onExit: h,
-        onExiting: O,
-        onExited: $e,
-        manager: xe(),
-        transition: $s,
-        backdropTransition: ks,
-        renderBackdrop: ke,
+        onExiting: M,
+        onExited: ke,
+        manager: Oe(),
+        transition: ks,
+        backdropTransition: $s,
+        renderBackdrop: $e,
         renderDialog: ce
       })
     })]
@@ -590,45 +590,45 @@ const ue = Object.assign(Ce, {
   Header: be,
   Title: _e
 }), g = {}, Es = () => {
-  var m, u, p;
+  var l, m, p;
   const { selectedLocation: e, showDetails: t, setShowDetails: n, setMessageModalOpen: a } = H(), { t: i } = E(), r = () => {
     n(!1);
-  }, d = () => {
+  }, u = () => {
     a(!0);
   };
-  return /* @__PURE__ */ s(ue, { show: t, onHide: r, backdrop: !1, placement: "start", className: c(g.wrapper), scroll: !0, children: /* @__PURE__ */ l(ue.Body, { className: "px-0", children: [
-    /* @__PURE__ */ l("section", { className: c(g.nameWrapper), children: [
-      /* @__PURE__ */ l("div", { className: c(g.close), onClick: r, children: [
+  return /* @__PURE__ */ s(ue, { show: t, onHide: r, backdrop: !1, placement: "start", className: c(g.wrapper), scroll: !0, children: /* @__PURE__ */ d(ue.Body, { className: "px-0", children: [
+    /* @__PURE__ */ d("section", { className: c(g.nameWrapper), children: [
+      /* @__PURE__ */ d("div", { className: c(g.close), onClick: r, children: [
         /* @__PURE__ */ s("i", { className: "lpe-icons", children: "back" }),
         " ",
         i("general.viewAll")
       ] }),
       /* @__PURE__ */ s("div", { className: c(g.name), children: e == null ? void 0 : e.retailer_name })
     ] }),
-    /* @__PURE__ */ l("section", { className: c(g.interactWrapper), children: [
-      /* @__PURE__ */ l("a", { href: `tel:${(m = e == null ? void 0 : e.phone_number) == null ? void 0 : m.phone_number}`, className: c(g.interactItem), children: [
+    /* @__PURE__ */ d("section", { className: c(g.interactWrapper), children: [
+      /* @__PURE__ */ d("a", { href: `tel:${(l = e == null ? void 0 : e.phone_number) == null ? void 0 : l.phone_number}`, className: c(g.interactItem), children: [
         /* @__PURE__ */ s("div", { className: c(g.interactIcon), children: /* @__PURE__ */ s("i", { className: "lpe-icons", children: "phone" }) }),
         /* @__PURE__ */ s("div", { className: c(g.interactText), children: i("general.phone") })
       ] }),
-      /* @__PURE__ */ l("a", { href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((u = e == null ? void 0 : e.address) == null ? void 0 : u.string)}=&destination_place_id=${e == null ? void 0 : e.place_id}`, target: "new", className: c(g.interactItem), children: [
+      /* @__PURE__ */ d("a", { href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((m = e == null ? void 0 : e.address) == null ? void 0 : m.string)}=&destination_place_id=${e == null ? void 0 : e.place_id}`, target: "new", className: c(g.interactItem), children: [
         /* @__PURE__ */ s("div", { className: c(g.interactIcon), children: /* @__PURE__ */ s("i", { className: "lpe-icons", children: "direction" }) }),
         /* @__PURE__ */ s("div", { className: c(g.interactText), children: i("general.directions") })
       ] }),
-      /* @__PURE__ */ l("a", { className: c(g.interactItem), onClick: d, children: [
+      /* @__PURE__ */ d("a", { className: c(g.interactItem), onClick: u, children: [
         /* @__PURE__ */ s("div", { className: c(g.interactIcon), children: /* @__PURE__ */ s(Wt, {}) }),
         /* @__PURE__ */ s("div", { className: c(g.interactText), children: i("general.message") })
       ] }),
-      /* @__PURE__ */ l("a", { href: e == null ? void 0 : e.website, target: "_blank", className: c(g.interactItem), children: [
+      /* @__PURE__ */ d("a", { href: e == null ? void 0 : e.website, target: "_blank", className: c(g.interactItem), children: [
         /* @__PURE__ */ s("div", { className: c(g.interactIcon), children: /* @__PURE__ */ s("i", { className: "lpe-icons", children: "world" }) }),
         /* @__PURE__ */ s("div", { className: c(g.interactText), children: i("general.website") })
       ] })
     ] }),
-    /* @__PURE__ */ l("section", { className: c(g.addressWrapper), children: [
+    /* @__PURE__ */ d("section", { className: c(g.addressWrapper), children: [
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("i", { className: "lpe-icons", children: "marker" }) }),
-      /* @__PURE__ */ l("div", { className: c(g.address), children: [
+      /* @__PURE__ */ d("div", { className: c(g.address), children: [
         /* @__PURE__ */ s("div", { children: e == null ? void 0 : e.address.street_line_one }),
         /* @__PURE__ */ s("div", { children: e == null ? void 0 : e.address.street_line_two }),
-        /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ d("div", { children: [
           e == null ? void 0 : e.address.city,
           ", ",
           e == null ? void 0 : e.address.province,
@@ -638,28 +638,28 @@ const ue = Object.assign(Ce, {
         /* @__PURE__ */ s("div", { children: e == null ? void 0 : e.address.country })
       ] })
     ] }),
-    /* @__PURE__ */ s("section", { className: c(g.hoursWrapper), children: /* @__PURE__ */ s(Ot, { hours: e == null ? void 0 : e.retailer_location_hours }) }),
-    /* @__PURE__ */ l("section", { className: "container", children: [
+    /* @__PURE__ */ s("section", { className: c(g.hoursWrapper), children: /* @__PURE__ */ s(Mt, { hours: e == null ? void 0 : e.retailer_location_hours }) }),
+    /* @__PURE__ */ d("section", { className: "container", children: [
       /* @__PURE__ */ s("h5", { className: c(g.productTitle), children: i("store_locator.products") }),
-      /* @__PURE__ */ s(ge, { children: (p = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : p.map((f, y) => /* @__PURE__ */ s(ne, { xs: 6, className: "mb-3", children: /* @__PURE__ */ l("div", { className: c(g.product), children: [
+      /* @__PURE__ */ s(ge, { children: (p = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : p.map((f, y) => /* @__PURE__ */ s(ne, { xs: 6, className: "mb-3", children: /* @__PURE__ */ d("div", { className: c(g.product), children: [
         /* @__PURE__ */ s("img", { src: f.image_url || `https://placehold.co/400x400?text=${f.name}`, alt: f.name, className: c(g.productImage) }),
         /* @__PURE__ */ s("div", { className: c(g.productName), children: f.name }),
         /* @__PURE__ */ s("div", { className: c(g.productPrice), children: f.price })
       ] }) }, y)) })
     ] })
   ] }) });
-}, Ts = "_3k9so", Hs = "-sMg9", js = "IGCsG", Ws = "Ri4DF", Rs = "AmPYE", $ = {
+}, Ts = "_3k9so", Hs = "-sMg9", js = "IGCsG", Ws = "Ri4DF", Rs = "AmPYE", k = {
   title: Ts,
   formGroup: Hs,
   submit: js,
   error: Ws,
   success: Rs
 }, Bs = () => {
-  const { id: e, messageModalOpen: t, setMessageModalOpen: n, selectedLocation: a, locale: i, searchCenter: r } = H(), { t: d } = E("default", { lng: i }), [m, u] = k(!1), [p, f] = k(!1), y = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, _ = Ae({
-    name: Q().required(d("message.validation.name")),
-    email: Q().email(d("message.validation.email")).required(d("message.validation.email")),
+  const { id: e, messageModalOpen: t, setMessageModalOpen: n, selectedLocation: a, locale: i, searchCenter: r } = H(), { t: u } = E("default", { lng: i }), [l, m] = $(!1), [p, f] = $(!1), y = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/, _ = Ae({
+    name: Q().required(u("message.validation.name")),
+    email: Q().email(u("message.validation.email")).required(u("message.validation.email")),
     phone: Q().matches(y, "Phone number is not valid"),
-    message: Q().required(d("message.validation.message"))
+    message: Q().required(u("message.validation.message"))
   }), o = ze({
     initialValues: {
       name: "",
@@ -707,34 +707,34 @@ const ue = Object.assign(Ce, {
           }
         })
       })).ok) {
-        o.setErrors({ general: d("message.validation.general") }), f(!1);
+        o.setErrors({ general: u("message.validation.general") }), f(!1);
         return;
       }
-      u(!0), f(!1);
+      m(!0), f(!1);
     }
   }), j = () => {
-    n(!1), u(!1), o.resetForm();
+    n(!1), m(!1), o.resetForm();
   }, W = typeof window < "u" ? document.querySelector(".cc") : null;
-  return /* @__PURE__ */ l(V, { container: W, show: t, centered: !0, dialogClassName: "cc", onHide: j, children: [
-    m && /* @__PURE__ */ l("div", { className: "p-5 d-flex align-items-center justify-content-center flex-column", style: { display: m ? "flex" : "none" }, children: [
+  return /* @__PURE__ */ d(V, { container: W, show: t, centered: !0, dialogClassName: "cc", onHide: j, children: [
+    l && /* @__PURE__ */ d("div", { className: "p-5 d-flex align-items-center justify-content-center flex-column", style: { display: l ? "flex" : "none" }, children: [
       /* @__PURE__ */ s("div", { className: "fw-bold fs-2", children: "Thank you!" }),
       /* @__PURE__ */ s("div", { className: "fw-bold mb-3", children: "Your Palliser retailer will be in touch soon" }),
       /* @__PURE__ */ s(oe, { variant: "dark", onClick: j, children: "Close" })
     ] }),
-    !m && /* @__PURE__ */ l(se, { children: [
-      /* @__PURE__ */ s(V.Header, { closeButton: !0, children: /* @__PURE__ */ l(V.Title, { className: c($.title), children: [
-        d("message.title"),
+    !l && /* @__PURE__ */ d(se, { children: [
+      /* @__PURE__ */ s(V.Header, { closeButton: !0, children: /* @__PURE__ */ d(V.Title, { className: c(k.title), children: [
+        u("message.title"),
         " ",
         a == null ? void 0 : a.retailer_name
       ] }) }),
-      /* @__PURE__ */ s(V.Body, { children: /* @__PURE__ */ l(w, { onSubmit: o.handleSubmit, children: [
-        /* @__PURE__ */ l(w.Group, { className: c($.formGroup), children: [
-          /* @__PURE__ */ s(w.Label, { htmlFor: "name", children: d("message.name") }),
+      /* @__PURE__ */ s(V.Body, { children: /* @__PURE__ */ d(w, { onSubmit: o.handleSubmit, children: [
+        /* @__PURE__ */ d(w.Group, { className: c(k.formGroup), children: [
+          /* @__PURE__ */ s(w.Label, { htmlFor: "name", children: u("message.name") }),
           /* @__PURE__ */ s(w.Control, { type: "text", name: "name", isInvalid: !!o.errors.name && o.touched.name, value: o.values.name, onChange: o.handleChange }),
           /* @__PURE__ */ s(w.Control.Feedback, { type: "invalid", style: { display: o.errors.name && o.touched.name ? "block" : "none" }, children: o.errors.name })
         ] }),
-        /* @__PURE__ */ l(w.Group, { className: c($.formGroup), children: [
-          /* @__PURE__ */ s(w.Label, { htmlFor: "email", children: d("message.email") }),
+        /* @__PURE__ */ d(w.Group, { className: c(k.formGroup), children: [
+          /* @__PURE__ */ s(w.Label, { htmlFor: "email", children: u("message.email") }),
           /* @__PURE__ */ s(
             w.Control,
             {
@@ -747,44 +747,48 @@ const ue = Object.assign(Ce, {
           ),
           /* @__PURE__ */ s(w.Control.Feedback, { type: "invalid", style: { display: o.errors.email && o.touched.email ? "block" : "none" }, children: o.errors.email })
         ] }),
-        /* @__PURE__ */ l(w.Group, { className: c($.formGroup), children: [
-          /* @__PURE__ */ s(w.Label, { children: d("message.phone") }),
+        /* @__PURE__ */ d(w.Group, { className: c(k.formGroup), children: [
+          /* @__PURE__ */ s(w.Label, { children: u("message.phone") }),
           /* @__PURE__ */ s(w.Control, { type: "tel", name: "phone", isInvalid: !!o.errors.phone && o.touched.phone, value: o.values.phone, onChange: o.handleChange }),
           /* @__PURE__ */ s(w.Control.Feedback, { type: "invalid", style: { display: o.errors.phone && o.touched.phone ? "block" : "none" }, children: o.errors.phone })
         ] }),
-        /* @__PURE__ */ l(w.Group, { className: c($.formGroup), children: [
-          /* @__PURE__ */ s(w.Label, { children: d("message.message") }),
+        /* @__PURE__ */ d(w.Group, { className: c(k.formGroup), children: [
+          /* @__PURE__ */ s(w.Label, { children: u("message.message") }),
           /* @__PURE__ */ s(w.Control, { as: "textarea", name: "message", isInvalid: !!o.errors.message && o.touched.message, value: o.values.message, onChange: o.handleChange }),
           /* @__PURE__ */ s(w.Control.Feedback, { type: "invalid", style: { display: o.errors.message && o.touched.message ? "block" : "none" }, children: o.errors.message })
         ] }),
-        /* @__PURE__ */ l(oe, { className: c($.submit), variant: "dark", type: "submit", disabled: o.isSubmitting || m, children: [
-          !m && /* @__PURE__ */ s(se, { children: o.isSubmitting ? d("message.sending") : d("message.send") }),
-          m && d("message.sent"),
+        /* @__PURE__ */ d(oe, { className: c(k.submit), variant: "dark", type: "submit", disabled: o.isSubmitting || l, children: [
+          !l && /* @__PURE__ */ s(se, { children: o.isSubmitting ? u("message.sending") : u("message.send") }),
+          l && u("message.sent"),
           o.isSubmitting && /* @__PURE__ */ s("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", alt: "Loading", width: 20, height: 20 })
         ] }),
-        /* @__PURE__ */ s(w.Text, { className: c($.success), children: m && d("message.success") }),
-        /* @__PURE__ */ s(w.Text, { className: c($.error), children: o.errors.general })
+        /* @__PURE__ */ s(w.Text, { className: c(k.success), children: l && u("message.success") }),
+        /* @__PURE__ */ s(w.Text, { className: c(k.error), children: o.errors.general })
       ] }) })
     ] })
   ] });
 }, Ds = {}, Fs = ({ id: e, locale: t, baseUrl: n = "/retailers" }) => {
-  var d;
-  const { t: a, i18n: i } = E("default"), { settings: r } = H();
-  return D(() => {
+  var m;
+  const { t: a, i18n: i } = E("default"), { settings: r, setSelectedLocationId: u } = H();
+  D(() => {
     i.changeLanguage(t);
-  }, [t]), /* @__PURE__ */ l("div", { className: "cc", children: [
-    /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: ((d = r == null ? void 0 : r.entity) == null ? void 0 : d.store_locator_css) || "" } }),
-    /* @__PURE__ */ l(ge, { children: [
+  }, [t]);
+  const l = (p) => {
+    u(p.id);
+  };
+  return /* @__PURE__ */ d("div", { className: "cc", children: [
+    /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: ((m = r == null ? void 0 : r.entity) == null ? void 0 : m.store_locator_css) || "" } }),
+    /* @__PURE__ */ d(ge, { children: [
       /* @__PURE__ */ s(Cs, {}),
-      /* @__PURE__ */ s(ne, { xs: { order: 0 }, lg: { order: 1 }, className: c(Ds.noMap, "position-relative"), children: /* @__PURE__ */ l("div", { className: "position-relative", children: [
+      /* @__PURE__ */ s(ne, { xs: { order: 0 }, lg: { order: 1 }, className: c(Ds.noMap, "position-relative"), children: /* @__PURE__ */ d("div", { className: "position-relative", children: [
         /* @__PURE__ */ s(at, {}),
-        /* @__PURE__ */ s(nt, {})
+        /* @__PURE__ */ s(nt, { onMarkerClick: l })
       ] }) })
     ] }),
     /* @__PURE__ */ s(Es, {}),
     /* @__PURE__ */ s(Bs, {})
   ] });
-}, qs = ({ id: e, locale: t }) => /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(Ge, { i18n: Le, children: /* @__PURE__ */ l(Ue, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: [
+}, qs = ({ id: e, locale: t }) => /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(Le, { i18n: Ge, children: /* @__PURE__ */ d(Ue, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: [
   /* @__PURE__ */ s("script", { src: "https://maps.googleapis.com/maps/api/js?key=AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M&libraries=places" }),
   /* @__PURE__ */ s(st, { id: e, lngLocale: t, autolocate: !0, children: /* @__PURE__ */ s(Fs, { id: e, locale: t }) })
 ] }) }) });