@inploi/plugin-job-search 8.5.5 → 8.6.0

package/dist/map-31754467.js

@@ -1,162 +0,0 @@
-import { u as q, A as f, d as x, a as z, y as w, b as a } from "./utils-984ac273.js";
-import "@inploi/sdk";
-const T = ({ config: t, mapData: h, onBoundsChange: _, autoFit: j }) => {
-  const { t: y } = q(), C = f(null), c = f(null), m = f(!1), b = f(!0), [u, S] = x(null), [E, N] = x(), [R, I] = x(null), k = z(R, 250), M = f(null), { queryState: B, data: F } = h;
-  if (w(() => {
-    const e = C.current;
-    if (!e)
-      return;
-    let l = !1, g = !1, i = !1;
-    S(null), b.current = !0;
-    const d = () => {
-      const { width: r, height: o } = e.getBoundingClientRect();
-      return !l && g && r > 0 && o > 0;
-    }, s = async () => {
-      if (!(i || c.current || !d())) {
-        i = !0;
-        try {
-          const { default: r } = await import("./mapbox-gl-7594ce3a.js").then((v) => v.m);
-          if (i = !1, !d())
-            return;
-          r.accessToken = t == null ? void 0 : t.accessToken;
-          const o = new r.Map({
-            container: e,
-            style: (t == null ? void 0 : t.style) ?? "mapbox://styles/mapbox/light-v10",
-            center: (t == null ? void 0 : t.defaultCenter) ?? [-0.13, 51.51],
-            zoom: 3,
-            attributionControl: !1,
-            cooperativeGestures: !0
-          });
-          c.current = o, o.addControl(new r.NavigationControl()), o.addControl(new r.AttributionControl({ compact: !0 })), o.on("load", () => {
-            l || S({ map: o, gl: r });
-          }), o.on("move", (v) => {
-            v.originalEvent && I(o.getBounds());
-          }), n.disconnect(), p.disconnect();
-        } catch (r) {
-          l || N(r);
-        }
-      }
-    }, n = new IntersectionObserver(
-      (r) => {
-        g = r.some((o) => o.isIntersecting), s();
-      },
-      { rootMargin: "200px" }
-    ), p = new ResizeObserver(() => void s());
-    return n.observe(e), p.observe(e), () => {
-      var r;
-      l = !0, n.disconnect(), p.disconnect(), (r = c.current) == null || r.remove(), c.current = null, m.current = !1;
-    };
-  }, [t]), w(() => {
-    const e = k;
-    if (!e)
-      return;
-    const l = [
-      e.getSouthWest().lat.toFixed(2),
-      e.getSouthWest().lng.toFixed(2),
-      e.getNorthEast().lat.toFixed(2),
-      e.getNorthEast().lng.toFixed(2)
-    ].join(",");
-    l !== M.current && (M.current = l, _({
-      type: "bounds",
-      sw: { lat: e.getSouthWest().lat, lng: e.getSouthWest().lng },
-      ne: { lat: e.getNorthEast().lat, lng: e.getNorthEast().lng }
-    }));
-  }, [k, _]), w(() => {
-    if (B !== "loaded" || !u || u.map !== c.current)
-      return;
-    const { map: e, gl: l } = u;
-    (() => {
-      const i = F.results.filter((s) => s.raw.coordinates).map((s) => ({
-        type: "Feature",
-        properties: { id: s.id },
-        geometry: {
-          type: "Point",
-          coordinates: [s.raw.coordinates.lng, s.raw.coordinates.lat]
-        }
-      })), d = { type: "FeatureCollection", features: i };
-      if (e.getSource("jobs") ? e.getSource("jobs").setData(d) : e.addSource("jobs", {
-        type: "geojson",
-        data: d,
-        cluster: !0,
-        clusterRadius: 40,
-        clusterMaxZoom: 20
-      }), m.current || (e.addLayer({
-        id: "clusters",
-        type: "circle",
-        source: "jobs",
-        filter: ["has", "point_count"],
-        paint: {
-          "circle-color": (t == null ? void 0 : t.pinColor) ?? "#0066ff",
-          "circle-radius": ["step", ["get", "point_count"], 14, 10, 18, 50, 24]
-        }
-      }), e.addLayer({
-        id: "cluster-count",
-        type: "symbol",
-        source: "jobs",
-        filter: ["has", "point_count"],
-        layout: {
-          "text-field": "{point_count_abbreviated}",
-          "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
-          "text-size": 12
-        },
-        paint: { "text-color": "#ffffff" }
-      }), e.addLayer({
-        id: "unclustered-point",
-        type: "circle",
-        source: "jobs",
-        filter: ["!", ["has", "point_count"]],
-        paint: {
-          "circle-color": (t == null ? void 0 : t.pinColor) ?? "#0066ff",
-          "circle-radius": 6,
-          "circle-stroke-width": 1,
-          "circle-stroke-color": "#ffffff"
-        }
-      }), e.on("mouseenter", "clusters", () => e.getCanvas().style.cursor = "pointer"), e.on("mouseleave", "clusters", () => e.getCanvas().style.cursor = ""), e.on("click", "clusters", (s) => {
-        const n = e.queryRenderedFeatures(s.point, { layers: ["clusters"] });
-        if (!n.length)
-          return;
-        const p = n[0].properties.cluster_id;
-        e.getSource("jobs").getClusterExpansionZoom(p, (r, o) => {
-          e.easeTo({ center: n[0].geometry.coordinates, zoom: o });
-        });
-      }), m.current = !0), (b.current || j) && i.length) {
-        const s = new l.LngLatBounds();
-        i.forEach((n) => {
-          n.geometry.type === "Point" && s.extend(n.geometry.coordinates);
-        }), e.fitBounds(s, { padding: 50, duration: 500 }), b.current = !1;
-      }
-    })();
-  }, [t, B, F, j, u]), E)
-    throw E;
-  const L = (() => {
-    switch (h.queryState) {
-      case "loading":
-      case "revalidating":
-        return /* @__PURE__ */ a("span", { class: "animate-pulse", children: y("loading_jobs") });
-      case "error":
-        return /* @__PURE__ */ a("span", { class: "flex flex-col", style: "color: #e42d16;", children: y("map_jobs_error") });
-      case "loaded":
-        return h.data.pagination.has_more ? /* @__PURE__ */ a("span", { class: "flex flex-col", children: [
-          /* @__PURE__ */ a("span", { class: "font-weight-job-heading", children: y("map_has_more_title") }),
-          /* @__PURE__ */ a("span", { class: "text-style-job-card-info opacity-80", children: y("map_has_more_description") })
-        ] }) : null;
-      default:
-        return null;
-    }
-  })();
-  return /* @__PURE__ */ a("div", { class: "relative h-full w-full overflow-hidden", children: [
-    /* @__PURE__ */ a("div", { ref: C, id: "ijs-map", class: "h-full w-full" }),
-    !u && /* @__PURE__ */ a("div", { "aria-hidden": "true", class: "animate-skeleton bg-neutral-6 pointer-events-none absolute inset-0" }),
-    L && /* @__PURE__ */ a("div", { class: "pointer-events-none absolute left-12 right-12 top-2 flex items-center justify-center", children: /* @__PURE__ */ a(
-      "div",
-      {
-        class: "animate-selected-tag bg-app text-interactive-neutral-text border-section-weak-stroke text-style-job-card border-px  rounded-input font-family-tag font-weight-tag pointer-events-none px-3 py-2 text-center shadow-sm",
-        children: L
-      },
-      h.queryState
-    ) })
-  ] });
-};
-export {
-  T as Map
-};