@colabcommerce/elements 0.0.1 → 0.0.3

package/dist/StoreLocator.js

@@ -1,168 +1,168 @@
-import { jsx as r, jsxs as d, Fragment as Me } from "react/jsx-runtime";
-import * as E from "react";
-import $, { useState as C, useLayoutEffect as Ie, useEffect as H, useMemo as ne, useRef as ce, useCallback as $e, Suspense as Ce } from "react";
-import { a as x, b as xe, c as n, d as U, j as A, k as T, T as Ee, l as He, t as Te, E as ie, m as je, n as De, o as We, C as V, R as oe, I as ke, i as Be, h as Re } from "./globals-D3YPIcjZ.js";
-import { C as Pe, u as j, L as Ae, d as ze, l as Fe, a as Le, S as Ue, b as Ge, c as Qe, e as Je, f as Ke } from "./index-BComOHrk.js";
-import { S as Ze } from "./index-Dv5Y39GK.js";
-import { A as Ve, d as Xe, u as Ye, a as qe, B as et, F as tt, b as rt, g as st, M as at } from "./index-Ot1CirR6.js";
-const nt = "-E4vU", ct = "Y9kow", it = "x0-tL", ot = "XBGE-", lt = "oUgyZ", dt = "_5xvIm", mt = "yR8v8", pt = "-FfTB", ut = "mPv4I", ht = "DizAj", ft = "pL7JB", gt = "uUoP0", v = {
-  wrapper: nt,
-  title: ct,
-  hours: it,
-  open: ot,
-  closed: lt,
-  soon: dt,
-  subHoursWrapper: mt,
-  subHours: pt,
-  today: ut,
-  toggle: ht,
-  shown: ft,
-  shownHours: gt
-}, vt = ({ i: e, hour: t }) => {
-  const { t: s, locale: a } = x(), i = /* @__PURE__ */ new Date();
+import { jsx as s, jsxs as l, 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";
+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,
+  hours: ft,
+  open: gt,
+  closed: vt,
+  soon: yt,
+  subHoursWrapper: wt,
+  subHours: Nt,
+  today: bt,
+  toggle: _t,
+  shown: Ct,
+  shownHours: It
+}, St = ({ i: e, hour: t }) => {
+  const { t: n, locale: a } = E(), i = /* @__PURE__ */ new Date();
   i.setUTCHours(t.open_at_hour - t.utc_offset_minute / 60, t.open_at_minute, 0, 0);
-  const c = /* @__PURE__ */ new Date();
-  c.setUTCHours(t.close_at_hour - t.utc_offset_minute / 60, t.close_at_minute, 0, 0);
-  const p = i.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" }), l = c.getUTCMinutes() === 0 ? new Intl.DateTimeFormat(a, { hour: "numeric" }) : new Intl.DateTimeFormat(a, { hour: "numeric", minute: "2-digit" });
-  return /* @__PURE__ */ d("div", { className: `${v.subHours} ${t.day === (/* @__PURE__ */ new Date()).getDay() ? v.today : ""}`, children: [
-    /* @__PURE__ */ r("div", { children: s(`store.days.${t.day}`) }),
-    /* @__PURE__ */ d("div", { children: [
-      p.format(i),
+  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: [
+    /* @__PURE__ */ s("div", { children: n(`store.days.${t.day}`) }),
+    /* @__PURE__ */ l("div", { children: [
+      d.format(i),
       " - ",
-      l.format(c)
+      m.format(r)
     ] })
   ] }, t.day);
-}, wt = ({ hours: e, defaultOpen: t = !1 }) => {
-  const { t: s, locale: a } = x(), { isOpen: i, openingSoon: c, closingSoon: p, openAt: l, closeAt: o, openFormatter: m, closeAtFormatter: h } = xe(e), [g, N] = C(t), y = (/* @__PURE__ */ new Date()).getDay();
-  if (!(e == null ? void 0 : e.find((b) => b.day === y))) return null;
-  const D = i, W = e.sort((b, M) => b.day - M.day);
-  let O = null, S = null;
-  return D ? p ? (S = n(v.hours, v.soon), O = /* @__PURE__ */ r("span", { children: s("store.closingSoon") })) : (S = n(v.hours, v.open), O = /* @__PURE__ */ r("span", { children: s("store.openNow") })) : c ? (S = n(v.hours, v.soon), O = /* @__PURE__ */ r("span", { children: s("store.openingSoon") })) : (S = n(v.hours, v.closed), O = /* @__PURE__ */ r("span", { children: s("store.closedNow") })), /* @__PURE__ */ d("div", { className: g ? n(v.wrapper, v.shown) : n(v.wrapper), children: [
-    /* @__PURE__ */ d("div", { className: n(v.title), onClick: () => N(!g), children: [
-      /* @__PURE__ */ d("span", { className: S, children: [
-        /* @__PURE__ */ r("i", { className: "lpe-icons", children: "clock" }),
-        O
+}, 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);
+  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: [
+        /* @__PURE__ */ s("i", { className: "lpe-icons", children: "clock" }),
+        S
       ] }),
-      /* @__PURE__ */ d("span", { className: v.shownHours, children: [
-        m.format(l),
+      /* @__PURE__ */ l("span", { className: N.shownHours, children: [
+        p.format(m),
         " - ",
-        h.format(o)
+        f.format(u)
       ] }),
-      /* @__PURE__ */ r("i", { className: n("lpe-icons", v.toggle), children: "arrow" })
+      /* @__PURE__ */ s("i", { className: c("lpe-icons", N.toggle), children: "arrow" })
     ] }),
-    /* @__PURE__ */ r(Pe, { in: g, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("div", { className: n(v.subHoursWrapper), children: W.map((b, M) => /* @__PURE__ */ r(vt, { i: M, hour: b }, b.day)) }) }) })
+    /* @__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)) }) }) })
   ] });
 };
-var le = {
+var ve = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, ee = $.createContext && /* @__PURE__ */ $.createContext(le), Nt = ["attr", "size", "title"];
-function yt(e, t) {
+}, le = T.createContext && /* @__PURE__ */ T.createContext(ve), xt = ["attr", "size", "title"];
+function Mt(e, t) {
   if (e == null) return {};
-  var s = bt(e, t), a, i;
+  var n = $t(e, t), a, i;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < c.length; i++)
-      a = c[i], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (s[a] = e[a]);
+    var r = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < r.length; i++)
+      a = r[i], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
   }
-  return s;
+  return n;
 }
-function bt(e, t) {
+function $t(e, t) {
   if (e == null) return {};
-  var s = {};
+  var n = {};
   for (var a in e)
     if (Object.prototype.hasOwnProperty.call(e, a)) {
       if (t.indexOf(a) >= 0) continue;
-      s[a] = e[a];
+      n[a] = e[a];
     }
-  return s;
+  return n;
 }
-function F() {
-  return F = Object.assign ? Object.assign.bind() : function(e) {
+function X() {
+  return X = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var s = arguments[t];
-      for (var a in s)
-        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+      var n = arguments[t];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
     }
     return e;
-  }, F.apply(this, arguments);
+  }, X.apply(this, arguments);
 }
-function te(e, t) {
-  var s = Object.keys(e);
+function de(e, t) {
+  var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
     t && (a = a.filter(function(i) {
       return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), s.push.apply(s, a);
+    })), n.push.apply(n, a);
   }
-  return s;
+  return n;
 }
-function L(e) {
+function K(e) {
   for (var t = 1; t < arguments.length; t++) {
-    var s = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? te(Object(s), !0).forEach(function(a) {
-      _t(e, a, s[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(s)) : te(Object(s)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(s, a));
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? de(Object(n), !0).forEach(function(a) {
+      kt(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 _t(e, t, s) {
-  return t = Ot(t), t in e ? Object.defineProperty(e, t, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = s, e;
+function kt(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 Ot(e) {
-  var t = St(e, "string");
+function Et(e) {
+  var t = Tt(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function St(e, t) {
+function Tt(e, t) {
   if (typeof e != "object" || !e) return e;
-  var s = e[Symbol.toPrimitive];
-  if (s !== void 0) {
-    var a = s.call(e, t);
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var a = n.call(e, t);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function de(e) {
-  return e && e.map((t, s) => /* @__PURE__ */ $.createElement(t.tag, L({
-    key: s
-  }, t.attr), de(t.child)));
+function ye(e) {
+  return e && e.map((t, n) => /* @__PURE__ */ T.createElement(t.tag, K({
+    key: n
+  }, t.attr), ye(t.child)));
 }
-function Mt(e) {
-  return (t) => /* @__PURE__ */ $.createElement(It, F({
-    attr: L({}, e.attr)
-  }, t), de(e.child));
+function Ht(e) {
+  return (t) => /* @__PURE__ */ T.createElement(jt, X({
+    attr: K({}, e.attr)
+  }, t), ye(e.child));
 }
-function It(e) {
-  var t = (s) => {
+function jt(e) {
+  var t = (n) => {
     var {
       attr: a,
       size: i,
-      title: c
-    } = e, p = yt(e, Nt), l = i || s.size || "1em", o;
-    return s.className && (o = s.className), e.className && (o = (o ? o + " " : "") + e.className), /* @__PURE__ */ $.createElement("svg", F({
+      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({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, s.attr, a, p, {
-      className: o,
-      style: L(L({
-        color: e.color || s.color
-      }, s.style), e.style),
-      height: l,
-      width: l,
+    }, n.attr, a, d, {
+      className: u,
+      style: K(K({
+        color: e.color || n.color
+      }, n.style), e.style),
+      height: m,
+      width: m,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ $.createElement("title", null, c), e.children);
+    }), r && /* @__PURE__ */ T.createElement("title", null, r), e.children);
   };
-  return ee !== void 0 ? /* @__PURE__ */ $.createElement(ee.Consumer, null, (s) => t(s)) : t(le);
+  return le !== void 0 ? /* @__PURE__ */ T.createElement(le.Consumer, null, (n) => t(n)) : t(ve);
 }
-function $t(e) {
-  return Mt({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" }, child: [] }] })(e);
+function Wt(e) {
+  return Ht({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" }, child: [] }] })(e);
 }
 /**
  * @license lucide-react v0.542.0 - ISC
@@ -170,28 +170,28 @@ function $t(e) {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ct = [
+const Rt = [
   ["path", { d: "m15 14 5-5-5-5", key: "12vg1m" }],
   ["path", { d: "M4 20v-7a4 4 0 0 1 4-4h12", key: "1lu4f8" }]
-], xt = U("corner-up-right", Ct);
+], Bt = Y("corner-up-right", Rt);
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Et = [
+const Dt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], Ht = U("globe", Et);
+], Ft = Y("globe", Dt);
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tt = [
+const Pt = [
   [
     "path",
     {
@@ -202,14 +202,14 @@ const Tt = [
   ["path", { d: "M7 11h10", key: "1twpyw" }],
   ["path", { d: "M7 15h6", key: "d9of3u" }],
   ["path", { d: "M7 7h8", key: "af5zfr" }]
-], jt = U("message-square-text", Tt);
+], At = Y("message-square-text", Pt);
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = [
+const zt = [
   [
     "path",
     {
@@ -217,436 +217,577 @@ const Dt = [
       key: "9njp5v"
     }
   ]
-], Wt = U("phone", Dt), kt = typeof global < "u" && // @ts-ignore
+], 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");
+  return D(() => {
+    if (!y || !u.current) return;
+    const b = {
+      fields: ["geometry", "name", "formatted_address"]
+    };
+    f(new y.Autocomplete(u.current, b));
+  }, [y]), D(() => {
+    p && p.addListener("place_changed", () => {
+      const b = p.getPlace();
+      if (!b.geometry) {
+        console.log("Returned place contains no geometry");
+        return;
+      }
+      const o = { lat: b.geometry.location.lat(), lng: b.geometry.location.lng() };
+      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();
+  } });
+}, Ut = typeof global < "u" && // @ts-ignore
 global.navigator && // @ts-ignore
-global.navigator.product === "ReactNative", Bt = typeof document < "u", Rt = Bt || kt ? Ie : H, Z = /* @__PURE__ */ new WeakMap(), re = (e, t) => {
+global.navigator.product === "ReactNative", qt = typeof document < "u", Jt = qt || Ut ? Ee : D, Qt = "_0KWD0", Vt = "g3FBG", Xt = "CLUyb", Kt = "npnV3", Yt = "BIswH", Zt = "-m7UC", es = "-q7GQ", ts = "YbQl1", ss = "N8xLz", as = "I-G0P", ns = "OuZOS", rs = "WA4AC", is = "xkI8T", cs = "frXG0", os = "xm9kk", ls = "owF5c", ds = "FeU6b", ms = "XSAWh", us = "RmHU1", ps = "VFB9v", v = {
+  wrapper: Qt,
+  selected: Vt,
+  nameWrapper: Xt,
+  details: Kt,
+  distance: Yt,
+  name: Zt,
+  address: es,
+  interactWrapper: ts,
+  interactItem: ss,
+  interactIcon: as,
+  interactText: ns,
+  addressWrapper: rs,
+  viewProducts: is,
+  rotateIcon: cs,
+  slide: os,
+  productItem: ls,
+  productImage: ds,
+  productName: ms,
+  productsWrapper: us,
+  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);
+  }, 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: [
+        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,
+          " ",
+          Ve(_),
+          " away"
+        ] })
+      ] }),
+      /* @__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("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: [
+        t == null ? void 0 : t.address.city,
+        ", ",
+        t == null ? void 0 : t.address.province,
+        " ",
+        t == null ? void 0 : t.address.postal_code
+      ] }),
+      /* @__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(
+        "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.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(
+        "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}`,
+          target: "new",
+          className: [C("interactItem", v, a), "cc-interact-item-directions"].join(" "),
+          children: [
+            /* @__PURE__ */ s("div", { className: [C("interactIcon", v, a), "cc-interact-icon-directions"].join(" "), children: /* @__PURE__ */ s(Bt, { size: 20 }) }),
+            /* @__PURE__ */ s("div", { className: [C("interactText", v, a), "cc-interact-text-directions"].join(" "), children: f("general.directions") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("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: [
+        /* @__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 = {
+  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;
+    r.scrollTo({
+      top: p,
+      behavior: "smooth"
+    });
+  }
+  return D(() => {
+    const r = document.getElementById(`location-${a}`);
+    if (r) {
+      const d = document.getElementById("llw");
+      i(d, 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 = {
+  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, {}) })
+  ] });
+}, ae = /* @__PURE__ */ new WeakMap(), me = (e, t) => {
   if (!e || !t) return;
-  const s = Z.get(t) || /* @__PURE__ */ new Map();
-  Z.set(t, s);
-  let a = s.get(e);
-  return a || (a = t.matchMedia(e), a.refCount = 0, s.set(a.media, a)), a;
+  const n = ae.get(t) || /* @__PURE__ */ new Map();
+  ae.set(t, n);
+  let a = n.get(e);
+  return a || (a = t.matchMedia(e), a.refCount = 0, n.set(a.media, a)), a;
 };
-function Pt(e, t = typeof window > "u" ? void 0 : window) {
-  const s = re(e, t), [a, i] = C(() => s ? s.matches : !1);
-  return Rt(() => {
-    let c = re(e, t);
-    if (!c)
+function Is(e, t = typeof window > "u" ? void 0 : window) {
+  const n = me(e, t), [a, i] = k(() => n ? n.matches : !1);
+  return Jt(() => {
+    let r = me(e, t);
+    if (!r)
       return i(!1);
-    let p = Z.get(t);
-    const l = () => {
-      i(c.matches);
+    let d = ae.get(t);
+    const m = () => {
+      i(r.matches);
     };
-    return c.refCount++, c.addListener(l), l(), () => {
-      c.removeListener(l), c.refCount--, c.refCount <= 0 && (p == null || p.delete(c.media)), c = void 0;
+    return r.refCount++, r.addListener(m), m(), () => {
+      r.removeListener(m), r.refCount--, r.refCount <= 0 && (d == null || d.delete(r.media)), r = void 0;
     };
   }, [e]), a;
 }
-function At(e) {
+function Ss(e) {
   const t = Object.keys(e);
-  function s(l, o) {
-    return l === o ? o : l ? `${l} and ${o}` : o;
+  function n(m, u) {
+    return m === u ? u : m ? `${m} and ${u}` : u;
   }
-  function a(l) {
-    return t[Math.min(t.indexOf(l) + 1, t.length - 1)];
+  function a(m) {
+    return t[Math.min(t.indexOf(m) + 1, t.length - 1)];
   }
-  function i(l) {
-    const o = a(l);
-    let m = e[o];
-    return typeof m == "number" ? m = `${m - 0.2}px` : m = `calc(${m} - 0.2px)`, `(max-width: ${m})`;
+  function i(m) {
+    const u = a(m);
+    let p = e[u];
+    return typeof p == "number" ? p = `${p - 0.2}px` : p = `calc(${p} - 0.2px)`, `(max-width: ${p})`;
   }
-  function c(l) {
-    let o = e[l];
-    return typeof o == "number" && (o = `${o}px`), `(min-width: ${o})`;
+  function r(m) {
+    let u = e[m];
+    return typeof u == "number" && (u = `${u}px`), `(min-width: ${u})`;
   }
-  function p(l, o, m) {
-    let h;
-    typeof l == "object" ? (h = l, m = o, o = !0) : (o = o || !0, h = {
-      [l]: o
+  function d(m, u, p) {
+    let f;
+    typeof m == "object" ? (f = m, p = u, u = !0) : (u = u || !0, f = {
+      [m]: u
     });
-    let g = ne(() => Object.entries(h).reduce((N, [w, y]) => ((y === "up" || y === !0) && (N = s(N, c(w))), (y === "down" || y === !0) && (N = s(N, i(w))), N), ""), [JSON.stringify(h)]);
-    return Pt(g, 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 p;
+  return d;
 }
-const zt = At({
+const Os = Ss({
   xs: 0,
   sm: 576,
   md: 768,
   lg: 992,
   xl: 1200,
   xxl: 1400
-}), me = /* @__PURE__ */ E.forwardRef(({
+}), we = /* @__PURE__ */ B.forwardRef(({
   className: e,
   bsPrefix: t,
-  as: s = "div",
+  as: n = "div",
   ...a
-}, i) => (t = A(t, "offcanvas-body"), /* @__PURE__ */ r(s, {
+}, i) => (t = U(t, "offcanvas-body"), /* @__PURE__ */ s(n, {
   ref: i,
-  className: T(e, t),
+  className: F(e, t),
   ...a
 })));
-me.displayName = "OffcanvasBody";
-const Ft = {
-  [ie]: "show",
-  [De]: "show"
-}, pe = /* @__PURE__ */ E.forwardRef(({
+we.displayName = "OffcanvasBody";
+const xs = {
+  [fe]: "show",
+  [Pe]: "show"
+}, Ne = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  children: s,
+  children: n,
   in: a = !1,
   mountOnEnter: i = !1,
-  unmountOnExit: c = !1,
-  appear: p = !1,
-  ...l
-}, o) => (e = A(e, "offcanvas"), /* @__PURE__ */ r(Ee, {
-  ref: o,
-  addEndListener: Te,
+  unmountOnExit: r = !1,
+  appear: d = !1,
+  ...m
+}, u) => (e = U(e, "offcanvas"), /* @__PURE__ */ s(Re, {
+  ref: u,
+  addEndListener: De,
   in: a,
   mountOnEnter: i,
-  unmountOnExit: c,
-  appear: p,
-  ...l,
-  childRef: He(s),
-  children: (m, h) => /* @__PURE__ */ E.cloneElement(s, {
-    ...h,
-    className: T(t, s.props.className, (m === ie || m === je) && `${e}-toggling`, Ft[m])
+  unmountOnExit: r,
+  appear: d,
+  ...m,
+  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])
   })
 })));
-pe.displayName = "OffcanvasToggling";
-const ue = /* @__PURE__ */ E.forwardRef(({
+Ne.displayName = "OffcanvasToggling";
+const be = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  closeLabel: s = "Close",
+  closeLabel: n = "Close",
   closeButton: a = !1,
   ...i
-}, c) => (e = A(e, "offcanvas-header"), /* @__PURE__ */ r(Ve, {
-  ref: c,
+}, r) => (e = U(e, "offcanvas-header"), /* @__PURE__ */ s(rt, {
+  ref: r,
   ...i,
-  className: T(t, e),
-  closeLabel: s,
+  className: F(t, e),
+  closeLabel: n,
   closeButton: a
 })));
-ue.displayName = "OffcanvasHeader";
-const Lt = Xe("h5"), he = /* @__PURE__ */ E.forwardRef(({
+be.displayName = "OffcanvasHeader";
+const Ms = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
   className: e,
   bsPrefix: t,
-  as: s = Lt,
+  as: n = Ms,
   ...a
-}, i) => (t = A(t, "offcanvas-title"), /* @__PURE__ */ r(s, {
+}, i) => (t = U(t, "offcanvas-title"), /* @__PURE__ */ s(n, {
   ref: i,
-  className: T(e, t),
+  className: F(e, t),
   ...a
 })));
-he.displayName = "OffcanvasTitle";
-function Ut(e) {
-  return /* @__PURE__ */ r(pe, {
+_e.displayName = "OffcanvasTitle";
+function $s(e) {
+  return /* @__PURE__ */ s(Ne, {
     ...e
   });
 }
-function Gt(e) {
-  return /* @__PURE__ */ r(tt, {
+function ks(e) {
+  return /* @__PURE__ */ s(dt, {
     ...e
   });
 }
-const fe = /* @__PURE__ */ E.forwardRef(({
+const Ce = /* @__PURE__ */ B.forwardRef(({
   bsPrefix: e,
   className: t,
-  children: s,
+  children: n,
   "aria-labelledby": a,
   placement: i = "start",
-  responsive: c,
+  responsive: r,
   /* BaseModal props */
-  show: p = !1,
-  backdrop: l = !0,
-  keyboard: o = !0,
-  scroll: m = !1,
-  onEscapeKeyDown: h,
-  onShow: g,
-  onHide: N,
-  container: w,
-  autoFocus: y = !0,
-  enforceFocus: G = !0,
-  restoreFocus: D = !0,
-  restoreFocusOptions: W,
-  onEntered: O,
-  onExit: S,
-  onExiting: b,
+  show: d = !1,
+  backdrop: m = !0,
+  keyboard: u = !0,
+  scroll: p = !1,
+  onEscapeKeyDown: f,
+  onShow: y,
+  onHide: _,
+  container: b,
+  autoFocus: o = !0,
+  enforceFocus: j = !0,
+  restoreFocus: W = !0,
+  restoreFocusOptions: I,
+  onEntered: S,
+  onExit: h,
+  onExiting: O,
   onEnter: M,
-  onEntering: z,
-  onExited: k,
-  backdropClassName: B,
-  manager: I,
-  renderStaticNode: ge = !1,
-  ...ve
-}, we) => {
-  const Q = ce();
-  e = A(e, "offcanvas");
-  const [X, Ne] = C(!1), J = Ye(N), Y = zt(c || "xs", "up");
-  H(() => {
-    Ne(c ? p && !Y : p);
-  }, [p, c, Y]);
-  const ye = ne(() => ({
-    onHide: J
-  }), [J]);
-  function be() {
-    return I || (m ? (Q.current || (Q.current = new rt({
+  onEntering: q,
+  onExited: P,
+  backdropClassName: A,
+  manager: z,
+  renderStaticNode: J = !1,
+  ...R
+}, Ie) => {
+  const Z = pe();
+  e = U(e, "offcanvas");
+  const [re, Se] = k(!1), ee = ct(_), ie = Os(r || "xs", "up");
+  D(() => {
+    Se(r ? d && !ie : d);
+  }, [d, r, ie]);
+  const Oe = he(() => ({
+    onHide: ee
+  }), [ee]);
+  function xe() {
+    return z || (p ? (Z.current || (Z.current = new mt({
       handleContainerOverflow: !1
-    })), Q.current) : st());
+    })), Z.current) : ut());
   }
-  const _e = (_, ...K) => {
-    _ && (_.style.visibility = "visible"), M == null || M(_, ...K);
-  }, Oe = (_, ...K) => {
-    _ && (_.style.visibility = ""), k == null || k(...K);
-  }, Se = $e((_) => /* @__PURE__ */ r("div", {
-    ..._,
-    className: T(`${e}-backdrop`, B)
-  }), [B, e]), q = (_) => /* @__PURE__ */ r("div", {
-    ..._,
-    ...ve,
-    className: T(t, c ? `${e}-${c}` : e, `${e}-${i}`),
+  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,
+    className: F(`${e}-backdrop`, A)
+  }), [A, e]), ce = (x) => /* @__PURE__ */ s("div", {
+    ...x,
+    ...R,
+    className: F(t, r ? `${e}-${r}` : e, `${e}-${i}`),
     "aria-labelledby": a,
-    children: s
+    children: n
   });
-  return /* @__PURE__ */ d(Me, {
-    children: [!X && (c || ge) && q({}), /* @__PURE__ */ r(qe.Provider, {
-      value: ye,
-      children: /* @__PURE__ */ r(et, {
-        show: X,
-        ref: we,
-        backdrop: l,
-        container: w,
-        keyboard: o,
-        autoFocus: y,
-        enforceFocus: G && !m,
-        restoreFocus: D,
-        restoreFocusOptions: W,
-        onEscapeKeyDown: h,
-        onShow: g,
-        onHide: J,
-        onEnter: _e,
-        onEntering: z,
-        onEntered: O,
-        onExit: S,
-        onExiting: b,
-        onExited: Oe,
-        manager: be(),
-        transition: Ut,
-        backdropTransition: Gt,
-        renderBackdrop: Se,
-        renderDialog: q
+  return /* @__PURE__ */ l(se, {
+    children: [!re && (r || J) && ce({}), /* @__PURE__ */ s(ot.Provider, {
+      value: Oe,
+      children: /* @__PURE__ */ s(lt, {
+        show: re,
+        ref: Ie,
+        backdrop: m,
+        container: b,
+        keyboard: u,
+        autoFocus: o,
+        enforceFocus: j && !p,
+        restoreFocus: W,
+        restoreFocusOptions: I,
+        onEscapeKeyDown: f,
+        onShow: y,
+        onHide: ee,
+        onEnter: Me,
+        onEntering: q,
+        onEntered: S,
+        onExit: h,
+        onExiting: O,
+        onExited: $e,
+        manager: xe(),
+        transition: $s,
+        backdropTransition: ks,
+        renderBackdrop: ke,
+        renderDialog: ce
       })
     })]
   });
 });
-fe.displayName = "Offcanvas";
-const se = Object.assign(fe, {
-  Body: me,
-  Header: ue,
-  Title: he
-}), Qt = () => {
-  const { t: e } = x(), { locationName: t, setLocationName: s, setSearchCenter: a, setMapCenter: i, setShowFilters: c, setLoadingGeo: p, getPosition: l } = j(), o = ce(null), [m, h] = C(null), g = We("places");
-  return H(() => {
-    if (!g || !o.current) return;
-    const w = {
-      fields: ["geometry", "name", "formatted_address"]
-    };
-    h(new g.Autocomplete(o.current, w));
-  }, [g]), H(() => {
-    m && m.addListener("place_changed", () => {
-      const w = m.getPlace();
-      if (!w.geometry) {
-        console.log("Returned place contains no geometry");
-        return;
-      }
-      const y = { lat: w.geometry.location.lat(), lng: w.geometry.location.lng() };
-      i(y), a(y), s(w.formatted_address);
-    });
-  }, [m, s]), /* @__PURE__ */ r(Ae, { locationName: t, setLocationName: s, setSearchCenter: a, setMapCenter: i, handleLocate: () => {
-    p(!0), l();
-  } });
-}, Jt = "_0KWD0", Kt = "g3FBG", Zt = "CLUyb", Vt = "BIswH", Xt = "-m7UC", Yt = "-q7GQ", qt = "YbQl1", er = "N8xLz", tr = "I-G0P", rr = "OuZOS", sr = "WA4AC", f = {
-  wrapper: Jt,
-  selected: Kt,
-  nameWrapper: Zt,
-  distance: Vt,
-  name: Xt,
-  address: Yt,
-  interactWrapper: qt,
-  interactItem: er,
-  interactIcon: tr,
-  interactText: rr,
-  addressWrapper: sr
-}, ar = ({ id: e, location: t, dismissable: s }) => {
-  var b, M, z, k, B;
-  const { selectedLocation: a, searchCenter: i, showDetails: c, setShowDetails: p, setMessageModalOpen: l, setSelectedLocationId: o } = j(), { t: m, i18n: h } = x(), g = h == null ? void 0 : h.language;
-  console.log("locale:", g);
-  const [N, w] = C(!1), [y, G] = C(!1), D = () => {
-    l(!0);
-  }, W = () => {
-    o(e);
-    const I = new URLSearchParams(window.location.search);
-    I.set("location", e), window.history.replaceState({}, "", `?${I.toString()}`);
-  }, O = (I) => {
-    N || (I.preventDefault(), w(!0));
-  }, S = Math.round(ze({ lat: (b = t == null ? void 0 : t.address) == null ? void 0 : b.latitude, lng: (M = t == null ? void 0 : t.address) == null ? void 0 : M.longitude }, i) * 10) / 10;
-  return /* @__PURE__ */ d("div", { onClick: W, className: `${f.wrapper} ${e === (a == null ? void 0 : a.id) ? n(f.selected) : ""}`, children: [
-    /* @__PURE__ */ d("section", { className: n(f.nameWrapper), children: [
-      /* @__PURE__ */ d("div", { className: n(f.name), children: [
-        t == null ? void 0 : t.retailer_name,
-        /* @__PURE__ */ d("div", { className: `text-muted fw-normal mt-1 ${f.distance}`, children: [
-          Math.round(Le(S, g) * 10) / 10,
-          " ",
-          Fe(g),
-          " away"
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "text-end d-flex align-items-center justify-content-end", children: /* @__PURE__ */ r(Ue, { type: t == null ? void 0 : t.store_type }) })
-    ] }),
-    /* @__PURE__ */ r("section", { className: `${f.hoursWrapper} d-flex justify-content-between align-items-center pe-3`, children: /* @__PURE__ */ r(Ge, { hours: t == null ? void 0 : t.retailer_location_hours }) }),
-    /* @__PURE__ */ r("section", { className: n(f.addressWrapper), children: /* @__PURE__ */ d("div", { className: n(f.address), children: [
-      /* @__PURE__ */ r("div", { children: t == null ? void 0 : t.address.street_line_one }),
-      /* @__PURE__ */ r("div", { children: t == null ? void 0 : t.address.street_line_two }),
-      /* @__PURE__ */ d("div", { children: [
-        t == null ? void 0 : t.address.city,
-        ", ",
-        t == null ? void 0 : t.address.province,
-        " ",
-        t == null ? void 0 : t.address.postal_code
-      ] }),
-      /* @__PURE__ */ r("div", { className: "d-none", children: t == null ? void 0 : t.address.country })
-    ] }) }),
-    /* @__PURE__ */ d("section", { className: n(f.interactWrapper), children: [
-      (t == null ? void 0 : t.phone_number) && /* @__PURE__ */ d("a", { href: `tel:${(z = t == null ? void 0 : t.phone_number) == null ? void 0 : z.phone_number}`, className: n(f.interactItem), onClick: O, children: [
-        /* @__PURE__ */ r("div", { className: n(f.interactIcon), children: /* @__PURE__ */ r(Wt, {}) }),
-        /* @__PURE__ */ r("div", { className: n(f.interactText), children: N ? (k = t == null ? void 0 : t.phone_number) == null ? void 0 : k.formatted : m("general.phone") })
-      ] }),
-      /* @__PURE__ */ d("a", { href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((B = t == null ? void 0 : t.address) == null ? void 0 : B.string)}=&destination_place_id=${t == null ? void 0 : t.place_id}`, target: "new", className: n(f.interactItem), children: [
-        /* @__PURE__ */ r("div", { className: n(f.interactIcon), children: /* @__PURE__ */ r(xt, {}) }),
-        /* @__PURE__ */ r("div", { className: n(f.interactText), children: m("general.directions") })
-      ] }),
-      /* @__PURE__ */ d("button", { className: n(f.interactItem), onClick: D, children: [
-        /* @__PURE__ */ r("div", { className: n(f.interactIcon), children: /* @__PURE__ */ r(jt, {}) }),
-        /* @__PURE__ */ r("div", { className: n(f.interactText), children: m("general.message") })
-      ] }),
-      (t == null ? void 0 : t.website) && /* @__PURE__ */ d("a", { href: t == null ? void 0 : t.website, target: "_blank", className: n(f.interactItem), children: [
-        /* @__PURE__ */ r("div", { className: n(f.interactIcon), children: /* @__PURE__ */ r(Ht, {}) }),
-        /* @__PURE__ */ r("div", { className: n(f.interactText), children: m("general.website") })
-      ] })
-    ] })
-  ] });
-}, nr = "pCNHg", cr = "frwR4", ir = "sUqpG", or = "xVDe4", lr = "DZ-Z2", R = {
-  loading: nr,
-  itemWrapper: cr,
-  wrapper: ir,
-  hasSelected: or,
-  selected: lr
-}, dr = () => {
-  const { t: e } = x(), { locations: t, isLoading: s, selectedLocationId: a } = j();
-  function i(c, p) {
-    if (!c || !p) return;
-    const l = c.getBoundingClientRect(), m = p.getBoundingClientRect().top - l.top + c.scrollTop;
-    c.scrollTo({
-      top: m,
-      behavior: "smooth"
-    });
-  }
-  return H(() => {
-    const c = document.getElementById(`location-${a}`);
-    if (c) {
-      const p = document.getElementById("llw");
-      i(p, c);
-    }
-  }, [a]), s ? /* @__PURE__ */ r("div", { className: n(R.loading), children: /* @__PURE__ */ r("img", { src: "https://images.sofasandsectionals.com/cc/pal-loader.svg", width: "50", height: "50", alt: e("store_locator.loading") }) }) : /* @__PURE__ */ r("div", { id: "location-list", className: `${R.wrapper} ${a ? R.hasSelected : ""}`, children: t.map((c) => /* @__PURE__ */ r("div", { id: `location-${c.id}`, className: `${R.itemWrapper} ${a === c.id ? R.selected : ""}`, children: /* @__PURE__ */ r(ar, { id: c.id, location: c }) }, c.id)) });
-}, mr = "N2FHA", pr = "BSoIL", ur = "xMDdB", hr = "-zMng", fr = "gz4We", P = {
-  wrapper: mr,
-  top: pr,
-  searchWrapper: ur,
-  listWrapper: hr,
-  hasSelected: fr
-}, gr = () => {
-  const { showMap: e, showFilters: t, setShowFilters: s, locale: a, selectedLocationId: i } = j();
-  return /* @__PURE__ */ d(V, { xs: { order: 1 }, lg: { order: 0, span: 4 }, xxl: { order: 0, span: 3 }, className: n(P.wrapper), children: [
-    /* @__PURE__ */ r("div", { className: n(P.top), children: /* @__PURE__ */ r("div", { className: n(P.searchWrapper), children: /* @__PURE__ */ r("div", { className: "mb-3", children: /* @__PURE__ */ r(Qt, {}) }) }) }),
-    /* @__PURE__ */ r("div", { className: `${P.listWrapper} ${i ? P.hasSelected : ""}`, id: "llw", children: /* @__PURE__ */ r(dr, {}) })
-  ] });
-}, u = {}, vr = () => {
-  var l, o, m;
-  const { selectedLocation: e, showDetails: t, setShowDetails: s, setMessageModalOpen: a } = j(), { t: i } = x(), c = () => {
-    s(!1);
-  }, p = () => {
+Ce.displayName = "Offcanvas";
+const ue = Object.assign(Ce, {
+  Body: we,
+  Header: be,
+  Title: _e
+}), g = {}, Es = () => {
+  var m, u, p;
+  const { selectedLocation: e, showDetails: t, setShowDetails: n, setMessageModalOpen: a } = H(), { t: i } = E(), r = () => {
+    n(!1);
+  }, d = () => {
     a(!0);
   };
-  return /* @__PURE__ */ r(se, { show: t, onHide: c, backdrop: !1, placement: "start", className: n(u.wrapper), scroll: !0, children: /* @__PURE__ */ d(se.Body, { className: "px-0", children: [
-    /* @__PURE__ */ d("section", { className: n(u.nameWrapper), children: [
-      /* @__PURE__ */ d("div", { className: n(u.close), onClick: c, children: [
-        /* @__PURE__ */ r("i", { className: "lpe-icons", children: "back" }),
+  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: [
+        /* @__PURE__ */ s("i", { className: "lpe-icons", children: "back" }),
         " ",
         i("general.viewAll")
       ] }),
-      /* @__PURE__ */ r("div", { className: n(u.name), children: e == null ? void 0 : e.retailer_name })
+      /* @__PURE__ */ s("div", { className: c(g.name), children: e == null ? void 0 : e.retailer_name })
     ] }),
-    /* @__PURE__ */ d("section", { className: n(u.interactWrapper), children: [
-      /* @__PURE__ */ d("a", { href: `tel:${(l = e == null ? void 0 : e.phone_number) == null ? void 0 : l.phone_number}`, className: n(u.interactItem), children: [
-        /* @__PURE__ */ r("div", { className: n(u.interactIcon), children: /* @__PURE__ */ r("i", { className: "lpe-icons", children: "phone" }) }),
-        /* @__PURE__ */ r("div", { className: n(u.interactText), children: i("general.phone") })
+    /* @__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__ */ 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__ */ d("a", { href: `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent((o = e == null ? void 0 : e.address) == null ? void 0 : o.string)}=&destination_place_id=${e == null ? void 0 : e.place_id}`, target: "new", className: n(u.interactItem), children: [
-        /* @__PURE__ */ r("div", { className: n(u.interactIcon), children: /* @__PURE__ */ r("i", { className: "lpe-icons", children: "direction" }) }),
-        /* @__PURE__ */ r("div", { className: n(u.interactText), children: i("general.directions") })
+      /* @__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__ */ 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__ */ d("a", { className: n(u.interactItem), onClick: p, children: [
-        /* @__PURE__ */ r("div", { className: n(u.interactIcon), children: /* @__PURE__ */ r($t, {}) }),
-        /* @__PURE__ */ r("div", { className: n(u.interactText), children: i("general.message") })
+      /* @__PURE__ */ l("a", { className: c(g.interactItem), onClick: d, children: [
+        /* @__PURE__ */ s("div", { className: c(g.interactIcon), children: /* @__PURE__ */ s(Wt, {}) }),
+        /* @__PURE__ */ s("div", { className: c(g.interactText), children: i("general.message") })
       ] }),
-      /* @__PURE__ */ d("a", { href: e == null ? void 0 : e.website, target: "_blank", className: n(u.interactItem), children: [
-        /* @__PURE__ */ r("div", { className: n(u.interactIcon), children: /* @__PURE__ */ r("i", { className: "lpe-icons", children: "world" }) }),
-        /* @__PURE__ */ r("div", { className: n(u.interactText), children: i("general.website") })
+      /* @__PURE__ */ l("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__ */ d("section", { className: n(u.addressWrapper), children: [
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("i", { className: "lpe-icons", children: "marker" }) }),
-      /* @__PURE__ */ d("div", { className: n(u.address), children: [
-        /* @__PURE__ */ r("div", { children: e == null ? void 0 : e.address.street_line_one }),
-        /* @__PURE__ */ r("div", { children: e == null ? void 0 : e.address.street_line_two }),
-        /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ l("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__ */ 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: [
           e == null ? void 0 : e.address.city,
           ", ",
           e == null ? void 0 : e.address.province,
           " ",
           e == null ? void 0 : e.address.postal_code
         ] }),
-        /* @__PURE__ */ r("div", { children: e == null ? void 0 : e.address.country })
+        /* @__PURE__ */ s("div", { children: e == null ? void 0 : e.address.country })
       ] })
     ] }),
-    /* @__PURE__ */ r("section", { className: n(u.hoursWrapper), children: /* @__PURE__ */ r(wt, { hours: e == null ? void 0 : e.retailer_location_hours }) }),
-    /* @__PURE__ */ d("section", { className: "container", children: [
-      /* @__PURE__ */ r("h5", { className: n(u.productTitle), children: i("store_locator.products") }),
-      /* @__PURE__ */ r(oe, { children: (m = e == null ? void 0 : e.retailer_location_products) == null ? void 0 : m.map((h, g) => /* @__PURE__ */ r(V, { xs: 6, className: "mb-3", children: /* @__PURE__ */ d("div", { className: n(u.product), children: [
-        /* @__PURE__ */ r("img", { src: h.image_url || `https://placehold.co/400x400?text=${h.name}`, alt: h.name, className: n(u.productImage) }),
-        /* @__PURE__ */ r("div", { className: n(u.productName), children: h.name }),
-        /* @__PURE__ */ r("div", { className: n(u.productPrice), children: h.price })
-      ] }) }, g)) })
+    /* @__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("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("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)) })
     ] })
   ] }) });
-}, ae = {}, wr = ({ id: e, locale: t, baseUrl: s = "/retailers" }) => {
-  const { showMap: a, setShowMap: i, searchLocation: c } = j(), { t: p, i18n: l } = x("default"), [o, m] = C({ lat: -47, lng: 100 });
-  return H(() => {
-    l.changeLanguage(t);
-  }, [t]), /* @__PURE__ */ d("div", { className: "cc", children: [
-    /* @__PURE__ */ d(oe, { children: [
-      /* @__PURE__ */ r(gr, {}),
-      /* @__PURE__ */ r(V, { xs: { order: 0 }, lg: { order: 1 }, className: a ? n(ae.map) : n(ae.noMap, "p-3", "position-relative"), children: /* @__PURE__ */ d("div", { className: "position-relative", children: [
-        /* @__PURE__ */ r(Ke, { mapCenter: o }),
-        /* @__PURE__ */ r(Ze, { mapCenter: o, setMapCenter: m })
+}, Ts = "_3k9so", Hs = "-sMg9", js = "IGCsG", Ws = "Ri4DF", Rs = "AmPYE", $ = {
+  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")),
+    phone: Q().matches(y, "Phone number is not valid"),
+    message: Q().required(d("message.validation.message"))
+  }), o = ze({
+    initialValues: {
+      name: "",
+      email: "",
+      phone: "",
+      message: "",
+      optIn: !1
+    },
+    enableReinitialize: !0,
+    validationSchema: _,
+    onSubmit: async (I) => {
+      f(!0), tt("AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M");
+      const S = await Ze(r == null ? void 0 : r.lat, r == null ? void 0 : r.lng), h = et(S.results[0].address_components);
+      if (!(await fetch("https://api.colabcommerce.com/widget_api/leads", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          id: e,
+          lead: {
+            name: I.name,
+            emails_attributes: [{ email: I.email }],
+            phone_numbers_attributes: [{ phone_number: I.phone, country_code: "US" }],
+            message: I.message,
+            opt_in: I.optIn,
+            location_attributes: {
+              street_line_one: h == null ? void 0 : h.addressLine1,
+              street_line_two: h == null ? void 0 : h.addressLine2,
+              city: h == null ? void 0 : h.city,
+              province: h == null ? void 0 : h.province,
+              postal_code: h == null ? void 0 : h.postalCode,
+              country: h == null ? void 0 : h.country,
+              latitude: (r == null ? void 0 : r.lat) || null,
+              longitude: (r == null ? void 0 : r.lng) || null
+            },
+            assignee_id: (a == null ? void 0 : a.id) || null,
+            assignee_type: "CompanyRetailerLocation",
+            lead_activities_attributes: [{
+              type: "LeadActivity::Referral",
+              message: I.message,
+              source_type: "Company",
+              source_id: e
+            }]
+          }
+        })
+      })).ok) {
+        o.setErrors({ general: d("message.validation.general") }), f(!1);
+        return;
+      }
+      u(!0), f(!1);
+    }
+  }), j = () => {
+    n(!1), u(!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: [
+      /* @__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"),
+        " ",
+        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(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__ */ s(
+            w.Control,
+            {
+              type: "email",
+              name: "email",
+              isInvalid: !!o.errors.email && o.touched.email,
+              value: o.values.email,
+              onChange: o.handleChange
+            }
+          ),
+          /* @__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__ */ 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__ */ 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"),
+          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 })
+      ] }) })
+    ] })
+  ] });
+}, Ds = {}, Fs = ({ id: e, locale: t, baseUrl: n = "/retailers" }) => {
+  var d;
+  const { t: a, i18n: i } = E("default"), { settings: r } = H();
+  return 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: [
+      /* @__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(at, {}),
+        /* @__PURE__ */ s(nt, {})
       ] }) })
     ] }),
-    /* @__PURE__ */ r(vr, {}),
-    /* @__PURE__ */ r(at, {})
+    /* @__PURE__ */ s(Es, {}),
+    /* @__PURE__ */ s(Bs, {})
   ] });
-}, Mr = ({ id: e, locale: t }) => /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ke, { i18n: Be, children: /* @__PURE__ */ d(Re, { apiKey: "AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M", libraries: ["places"], children: [
-  /* @__PURE__ */ r("script", { src: "https://maps.googleapis.com/maps/api/js?key=AIzaSyAnJmWEU1r63DiRWHkjczxzHyIEq3dhj4M&libraries=places" }),
-  /* @__PURE__ */ r(Qe, { id: e, children: /* @__PURE__ */ r(Je, { lngLocale: t, autolocate: !0, children: /* @__PURE__ */ r(wr, { id: e, locale: t }) }) })
+}, qs = ({ id: e, locale: t }) => /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(Ge, { i18n: Le, children: /* @__PURE__ */ l(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 }) })
 ] }) }) });
 export {
-  Mr as default
+  qs as default
 };