@colabcommerce/elements 0.0.1

package/dist/StoreLocator.js

@@ -0,0 +1,652 @@
+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();
+  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),
+      " - ",
+      l.format(c)
+    ] })
+  ] }, 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
+      ] }),
+      /* @__PURE__ */ d("span", { className: v.shownHours, children: [
+        m.format(l),
+        " - ",
+        h.format(o)
+      ] }),
+      /* @__PURE__ */ r("i", { className: n("lpe-icons", v.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)) }) }) })
+  ] });
+};
+var le = {
+  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) {
+  if (e == null) return {};
+  var s = bt(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]);
+  }
+  return s;
+}
+function bt(e, t) {
+  if (e == null) return {};
+  var s = {};
+  for (var a in e)
+    if (Object.prototype.hasOwnProperty.call(e, a)) {
+      if (t.indexOf(a) >= 0) continue;
+      s[a] = e[a];
+    }
+  return s;
+}
+function F() {
+  return F = 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]);
+    }
+    return e;
+  }, F.apply(this, arguments);
+}
+function te(e, t) {
+  var s = 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);
+  }
+  return s;
+}
+function L(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));
+    });
+  }
+  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 Ot(e) {
+  var t = St(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function St(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var a = s.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 Mt(e) {
+  return (t) => /* @__PURE__ */ $.createElement(It, F({
+    attr: L({}, e.attr)
+  }, t), de(e.child));
+}
+function It(e) {
+  var t = (s) => {
+    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({
+      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,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), c && /* @__PURE__ */ $.createElement("title", null, c), e.children);
+  };
+  return ee !== void 0 ? /* @__PURE__ */ $.createElement(ee.Consumer, null, (s) => t(s)) : t(le);
+}
+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);
+}
+/**
+ * @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 Ct = [
+  ["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);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ],
+  ["path", { d: "M7 11h10", key: "1twpyw" }],
+  ["path", { d: "M7 15h6", key: "d9of3u" }],
+  ["path", { d: "M7 7h8", key: "af5zfr" }]
+], jt = U("message-square-text", Tt);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+], Wt = U("phone", Dt), kt = 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) => {
+  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;
+};
+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)
+      return i(!1);
+    let p = Z.get(t);
+    const l = () => {
+      i(c.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;
+    };
+  }, [e]), a;
+}
+function At(e) {
+  const t = Object.keys(e);
+  function s(l, o) {
+    return l === o ? o : l ? `${l} and ${o}` : o;
+  }
+  function a(l) {
+    return t[Math.min(t.indexOf(l) + 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 c(l) {
+    let o = e[l];
+    return typeof o == "number" && (o = `${o}px`), `(min-width: ${o})`;
+  }
+  function p(l, o, m) {
+    let h;
+    typeof l == "object" ? (h = l, m = o, o = !0) : (o = o || !0, h = {
+      [l]: o
+    });
+    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);
+  }
+  return p;
+}
+const zt = At({
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+}), me = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: s = "div",
+  ...a
+}, i) => (t = A(t, "offcanvas-body"), /* @__PURE__ */ r(s, {
+  ref: i,
+  className: T(e, t),
+  ...a
+})));
+me.displayName = "OffcanvasBody";
+const Ft = {
+  [ie]: "show",
+  [De]: "show"
+}, pe = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  children: s,
+  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,
+  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])
+  })
+})));
+pe.displayName = "OffcanvasToggling";
+const ue = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  closeLabel: s = "Close",
+  closeButton: a = !1,
+  ...i
+}, c) => (e = A(e, "offcanvas-header"), /* @__PURE__ */ r(Ve, {
+  ref: c,
+  ...i,
+  className: T(t, e),
+  closeLabel: s,
+  closeButton: a
+})));
+ue.displayName = "OffcanvasHeader";
+const Lt = Xe("h5"), he = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: s = Lt,
+  ...a
+}, i) => (t = A(t, "offcanvas-title"), /* @__PURE__ */ r(s, {
+  ref: i,
+  className: T(e, t),
+  ...a
+})));
+he.displayName = "OffcanvasTitle";
+function Ut(e) {
+  return /* @__PURE__ */ r(pe, {
+    ...e
+  });
+}
+function Gt(e) {
+  return /* @__PURE__ */ r(tt, {
+    ...e
+  });
+}
+const fe = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  children: s,
+  "aria-labelledby": a,
+  placement: i = "start",
+  responsive: c,
+  /* 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,
+  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({
+      handleContainerOverflow: !1
+    })), Q.current) : st());
+  }
+  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}`),
+    "aria-labelledby": a,
+    children: s
+  });
+  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
+      })
+    })]
+  });
+});
+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 = () => {
+    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" }),
+        " ",
+        i("general.viewAll")
+      ] }),
+      /* @__PURE__ */ r("div", { className: n(u.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__ */ 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__ */ 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__ */ 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__ */ 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: [
+          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__ */ 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)) })
+    ] })
+  ] }) });
+}, 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 })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ r(vr, {}),
+    /* @__PURE__ */ r(at, {})
+  ] });
+}, 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 }) }) })
+] }) }) });
+export {
+  Mr as default
+};