@colabcommerce/elements 0.0.4 → 0.9.1

package/dist/StoreLocator.js

@@ -1,797 +0,0 @@
-import { jsx as s, jsxs as d, Fragment as se } from "react/jsx-runtime";
-import * as B from "react";
-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,
-  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 r = /* @__PURE__ */ new Date();
-  r.setUTCHours(t.close_at_hour - t.utc_offset_minute / 60, t.close_at_minute, 0, 0);
-  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__ */ d("div", { children: [
-      u.format(i),
-      " - ",
-      l.format(r)
-    ] })
-  ] }, t.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 ? 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__ */ d("span", { className: N.shownHours, children: [
-        p.format(l),
-        " - ",
-        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((M, x) => /* @__PURE__ */ s(St, { i: x, hour: M }, M.day)) }) }) })
-  ] });
-};
-var ve = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, le = T.createContext && /* @__PURE__ */ T.createContext(ve), Ot = ["attr", "size", "title"];
-function xt(e, t) {
-  if (e == null) return {};
-  var n = kt(e, t), a, i;
-  if (Object.getOwnPropertySymbols) {
-    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 n;
-}
-function kt(e, t) {
-  if (e == null) return {};
-  var n = {};
-  for (var a in e)
-    if (Object.prototype.hasOwnProperty.call(e, a)) {
-      if (t.indexOf(a) >= 0) continue;
-      n[a] = e[a];
-    }
-  return n;
-}
-function X() {
-  return X = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, X.apply(this, arguments);
-}
-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;
-    })), n.push.apply(n, a);
-  }
-  return n;
-}
-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) {
-      $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 $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) {
-  var t = Tt(e, "string");
-  return typeof t == "symbol" ? t : t + "";
-}
-function Tt(e, t) {
-  if (typeof e != "object" || !e) return e;
-  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 ye(e) {
-  return e && e.map((t, n) => /* @__PURE__ */ T.createElement(t.tag, K({
-    key: n
-  }, t.attr), ye(t.child)));
-}
-function Ht(e) {
-  return (t) => /* @__PURE__ */ T.createElement(jt, X({
-    attr: K({}, e.attr)
-  }, t), ye(e.child));
-}
-function jt(e) {
-  var t = (n) => {
-    var {
-      attr: a,
-      size: i,
-      title: r
-    } = 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, u, {
-      className: m,
-      style: K(K({
-        color: e.color || n.color
-      }, n.style), e.style),
-      height: l,
-      width: l,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), r && /* @__PURE__ */ T.createElement("title", null, r), e.children);
-  };
-  return le !== void 0 ? /* @__PURE__ */ T.createElement(le.Consumer, null, (n) => t(n)) : t(ve);
-}
-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
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-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" }]
-], 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 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" }]
-], 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 Pt = [
-  [
-    "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" }]
-], 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 zt = [
-  [
-    "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"
-    }
-  ]
-], 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 || !m.current) return;
-    const b = {
-      fields: ["geometry", "name", "formatted_address"]
-    };
-    f(new y.Autocomplete(m.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: () => {
-    u(!0), l();
-  } });
-}, Ut = typeof global < "u" && // @ts-ignore
-global.navigator && // @ts-ignore
-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: 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));
-  }, 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__ */ d("div", { className: `text-muted fw-normal mt-1 ${v.distance}`, children: [
-          Math.round(Xe(M, _) * 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__ */ 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__ */ 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__ */ s("div", { className: "d-none", children: t == null ? void 0 : t.address.country })
-    ] }) }),
-    /* @__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(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__ */ 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}`,
-          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__ */ 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__ */ 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", L = {
-  loading: fs,
-  itemWrapper: gs,
-  wrapper: vs
-}, ys = () => {
-  const { t: e } = E(), { locations: t, isLoading: n, selectedLocationId: a } = H();
-  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"
-    });
-  }
-  return D(() => {
-    const r = document.getElementById(`location-${a}`);
-    if (r) {
-      const u = document.getElementById("llw");
-      i(u, r);
-    }
-  }, [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__ */ 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;
-  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 Is(e, t = typeof window > "u" ? void 0 : window) {
-  const n = me(e, t), [a, i] = $(() => n ? n.matches : !1);
-  return Jt(() => {
-    let r = me(e, t);
-    if (!r)
-      return i(!1);
-    let u = ae.get(t);
-    const l = () => {
-      i(r.matches);
-    };
-    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(l, m) {
-    return l === m ? m : l ? `${l} and ${m}` : m;
-  }
-  function a(l) {
-    return t[Math.min(t.indexOf(l) + 1, t.length - 1)];
-  }
-  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(l) {
-    let m = e[l];
-    return typeof m == "number" && (m = `${m}px`), `(min-width: ${m})`;
-  }
-  function u(l, m, p) {
-    let f;
-    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 u;
-}
-const Ms = Ss({
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1400
-}), we = /* @__PURE__ */ B.forwardRef(({
-  className: e,
-  bsPrefix: t,
-  as: n = "div",
-  ...a
-}, i) => (t = U(t, "offcanvas-body"), /* @__PURE__ */ s(n, {
-  ref: i,
-  className: F(e, t),
-  ...a
-})));
-we.displayName = "OffcanvasBody";
-const Os = {
-  [fe]: "show",
-  [Pe]: "show"
-}, Ne = /* @__PURE__ */ B.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  children: n,
-  in: a = !1,
-  mountOnEnter: i = !1,
-  unmountOnExit: r = !1,
-  appear: u = !1,
-  ...l
-}, m) => (e = U(e, "offcanvas"), /* @__PURE__ */ s(Re, {
-  ref: m,
-  addEndListener: De,
-  in: a,
-  mountOnEnter: i,
-  unmountOnExit: r,
-  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`, Os[p])
-  })
-})));
-Ne.displayName = "OffcanvasToggling";
-const be = /* @__PURE__ */ B.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  closeLabel: n = "Close",
-  closeButton: a = !1,
-  ...i
-}, r) => (e = U(e, "offcanvas-header"), /* @__PURE__ */ s(rt, {
-  ref: r,
-  ...i,
-  className: F(t, e),
-  closeLabel: n,
-  closeButton: a
-})));
-be.displayName = "OffcanvasHeader";
-const xs = it("h5"), _e = /* @__PURE__ */ B.forwardRef(({
-  className: e,
-  bsPrefix: t,
-  as: n = xs,
-  ...a
-}, i) => (t = U(t, "offcanvas-title"), /* @__PURE__ */ s(n, {
-  ref: i,
-  className: F(e, t),
-  ...a
-})));
-_e.displayName = "OffcanvasTitle";
-function ks(e) {
-  return /* @__PURE__ */ s(Ne, {
-    ...e
-  });
-}
-function $s(e) {
-  return /* @__PURE__ */ s(dt, {
-    ...e
-  });
-}
-const Ce = /* @__PURE__ */ B.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  children: n,
-  "aria-labelledby": a,
-  placement: i = "start",
-  responsive: r,
-  /* BaseModal props */
-  show: u = !1,
-  backdrop: l = !0,
-  keyboard: m = !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: M,
-  onEnter: x,
-  onEntering: q,
-  onExited: P,
-  backdropClassName: A,
-  manager: z,
-  renderStaticNode: J = !1,
-  ...R
-}, Ie) => {
-  const Z = pe();
-  e = U(e, "offcanvas");
-  const [re, Se] = $(!1), ee = ct(_), ie = Ms(r || "xs", "up");
-  D(() => {
-    Se(r ? u && !ie : u);
-  }, [u, r, ie]);
-  const Me = he(() => ({
-    onHide: ee
-  }), [ee]);
-  function Oe() {
-    return z || (p ? (Z.current || (Z.current = new mt({
-      handleContainerOverflow: !1
-    })), Z.current) : ut());
-  }
-  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 = (O) => /* @__PURE__ */ s("div", {
-    ...O,
-    ...R,
-    className: F(t, r ? `${e}-${r}` : e, `${e}-${i}`),
-    "aria-labelledby": a,
-    children: n
-  });
-  return /* @__PURE__ */ d(se, {
-    children: [!re && (r || J) && ce({}), /* @__PURE__ */ s(ot.Provider, {
-      value: Me,
-      children: /* @__PURE__ */ s(lt, {
-        show: re,
-        ref: Ie,
-        backdrop: l,
-        container: b,
-        keyboard: m,
-        autoFocus: o,
-        enforceFocus: j && !p,
-        restoreFocus: W,
-        restoreFocusOptions: I,
-        onEscapeKeyDown: f,
-        onShow: y,
-        onHide: ee,
-        onEnter: xe,
-        onEntering: q,
-        onEntered: S,
-        onExit: h,
-        onExiting: M,
-        onExited: ke,
-        manager: Oe(),
-        transition: ks,
-        backdropTransition: $s,
-        renderBackdrop: $e,
-        renderDialog: ce
-      })
-    })]
-  });
-});
-Ce.displayName = "Offcanvas";
-const ue = Object.assign(Ce, {
-  Body: we,
-  Header: be,
-  Title: _e
-}), g = {}, Es = () => {
-  var l, m, p;
-  const { selectedLocation: e, showDetails: t, setShowDetails: n, setMessageModalOpen: a } = H(), { t: i } = E(), r = () => {
-    n(!1);
-  }, u = () => {
-    a(!0);
-  };
-  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__ */ 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__ */ 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__ */ 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__ */ 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__ */ d("section", { className: c(g.addressWrapper), children: [
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("i", { className: "lpe-icons", children: "marker" }) }),
-      /* @__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__ */ 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__ */ s("div", { children: e == null ? void 0 : e.address.country })
-      ] })
-    ] }),
-    /* @__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__ */ 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", 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: 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(u("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: u("message.validation.general") }), f(!1);
-        return;
-      }
-      m(!0), f(!1);
-    }
-  }), j = () => {
-    n(!1), m(!1), o.resetForm();
-  }, W = typeof window < "u" ? document.querySelector(".cc") : null;
-  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" })
-    ] }),
-    !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__ */ 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__ */ d(w.Group, { className: c(k.formGroup), children: [
-          /* @__PURE__ */ s(w.Label, { htmlFor: "email", children: u("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__ */ 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__ */ 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__ */ 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(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 m;
-  const { t: a, i18n: i } = E("default"), { settings: r, setSelectedLocationId: u } = H();
-  D(() => {
-    i.changeLanguage(t);
-  }, [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__ */ d("div", { className: "position-relative", children: [
-        /* @__PURE__ */ s(at, {}),
-        /* @__PURE__ */ s(nt, { onMarkerClick: l })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ s(Es, {}),
-    /* @__PURE__ */ s(Bs, {})
-  ] });
-}, 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 }) })
-] }) }) });
-export {
-  qs as default
-};