@colabcommerce/elements 0.0.1 → 0.0.2

package/dist/index-Dv5Y39GK.js

@@ -1,98 +0,0 @@
-import { jsxs as I, jsx as L } from "react/jsx-runtime";
-import { useState as y, useEffect as C, useCallback as x } from "react";
-import { e as Z, A as v, a as z, g as E, M as k, c as D } from "./globals-D3YPIcjZ.js";
-import { g as P, u as B } from "./index-BComOHrk.js";
-const T = "lzEEu", U = {
-  label: T
-}, _ = ({ location: t }) => {
-  var s, r, d;
-  const { storeIcons: a, storeIcon: i } = P(), { setSelectedLocationId: l, selectedLocationId: g, setShowDetails: p } = B(), [u, M] = y(!1), c = () => {
-    l(t.id);
-  }, e = () => {
-    M(!0);
-  }, h = () => {
-    M(!1);
-  }, m = Z(), w = g === t.id, S = (t == null ? void 0 : t.store_type) === "Palliser Studio", o = a == null ? void 0 : a.find((f) => f.name === t.store_type);
-  return o != null && o.url || (S ? m.studioSelected : m.standardSelected), /* @__PURE__ */ I(
-    v,
-    {
-      onClick: c,
-      onMouseEnter: e,
-      onMouseLeave: h,
-      zIndex: w ? u ? 3 : 2 : u ? 1 : 0,
-      position: { lat: ((s = t == null ? void 0 : t.address) == null ? void 0 : s.latitude) * 1, lng: ((r = t.address) == null ? void 0 : r.longitude) * 1 },
-      children: [
-        u && /* @__PURE__ */ L("div", { className: U.label, children: t.retailer_name }),
-        /* @__PURE__ */ L("img", { src: ((d = o == null ? void 0 : o.icon) == null ? void 0 : d.url) || (i == null ? void 0 : i.url), width: w ? 40 : 30 })
-      ]
-    }
-  );
-}, $ = "wdRt8", j = {
-  map: $
-}, q = () => {
-  const {
-    locations: t,
-    selectedLocationId: a,
-    searchCenter: i,
-    mapCenter: l,
-    setMapCenter: g,
-    zoom: p,
-    setZoom: u
-  } = B(), { t: M } = z(), c = E(), [e, h] = y(null);
-  C(() => {
-    c && h(c);
-  }, [c, h]);
-  const m = x((n) => {
-    var r, d, f, b;
-    if (!e) return;
-    g({ lat: (r = e == null ? void 0 : e.getCenter()) == null ? void 0 : r.lat(), lng: (d = e == null ? void 0 : e.getCenter()) == null ? void 0 : d.lng() });
-    const s = new URLSearchParams(window.location.search);
-    s.set("lat", ((f = e == null ? void 0 : e.getCenter()) == null ? void 0 : f.lat()) * 1), s.set("lng", ((b = e == null ? void 0 : e.getCenter()) == null ? void 0 : b.lng()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
-  }, [e, g]), w = x((n) => {
-    if (!e) return;
-    u(e == null ? void 0 : e.getZoom());
-    const s = new URLSearchParams(window.location.search);
-    s.set("zoom", (e == null ? void 0 : e.getZoom()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
-  }, [e, u]), S = () => {
-    if (!e) return;
-    let n = 0;
-    if (t.forEach((r) => {
-      var d;
-      (d = e == null ? void 0 : e.getBounds()) != null && d.contains({ lat: r.address.latitude * 1, lng: r.address.longitude * 1 }) && n++;
-    }), n >= 2) return;
-    const s = new window.google.maps.LatLngBounds();
-    t.slice(0, 2).map((r) => {
-      s.extend({ lat: r.address.latitude * 1, lng: r.address.longitude * 1 });
-    }), s.extend(l), e.fitBounds(s, 15);
-  }, o = (n) => {
-    var r;
-    if (!e) return;
-    const s = new window.google.maps.LatLngBounds();
-    (r = e == null ? void 0 : e.getBounds()) != null && r.contains({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 }) || (s.extend({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 }), s.extend(i), e.fitBounds(s, 150));
-  };
-  return C(() => {
-    if (a && t.length > 0) {
-      const n = t.find((s) => s.id === a);
-      n && o(n);
-    } else t.length > 0 && S();
-  }, [a, t, e]), C(() => {
-    t.length > 0 && S();
-  }, [t]), !l.lat || !l.lng ? null : /* @__PURE__ */ L(
-    k,
-    {
-      className: D(j.map),
-      defaultZoom: p,
-      defaultCenter: l,
-      mapId: "fb10c7a27b297863",
-      gestureHandling: "greedy",
-      disableDefaultUI: !0,
-      zoomControl: !0,
-      onDragend: m,
-      onZoomChanged: w,
-      children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ L(_, { location: n }, n.id))
-    }
-  );
-};
-export {
-  q as S
-};