@aguacerowx/react-native 0.0.52 → 0.0.54

package/lib/module/nws/NwsAlertsOverlay.native.js

@@ -1,165 +1,98 @@
-/**
- * NWS watches/warnings for React Native (iOS + Android) — parity with {@link NwsWatchesWarningsOverlay}
- * (archived / slider time via {@link NwsWatchesWarningsOverlay#syncWithMode}, same customization options).
- *
- * Uses the javascript-sdk NWS overlay engine with a stub Mapbox GL object; GeoJSON + layers render via @rnmapbox/maps.
- */
-
-import './eventSourceRnPolyfill.js';
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import Mapbox from '@rnmapbox/maps';
-/** Subpath imports avoid Metro/barrel init ordering where the package root can yield undefined named exports during RN startup. */
-import { NwsWatchesWarningsOverlay, NWS_DEFAULT_LINE_BEFORE_LAYER_ID } from '@aguacerowx/javascript-sdk/nws/NwsWatchesWarningsOverlay.js';
-import { buildNwsLineDasharrayLiteralExpression } from '@aguacerowx/javascript-sdk/nws/nwsSdkConstants.js';
-import { buildAlertClickPayload, normalizeFeatureCollectionForMapboxGl } from '@aguacerowx/javascript-sdk/nws/nwsAlertsSupport.js';
-import { computeNwsAlertsFetchHoursFromAguaceroState } from '@aguacerowx/javascript-sdk/nws/nwsAlertsFetchSpec.js';
-import { mapRegistry } from '../MapRegistry';
-import { AGUACERO_NEXRAD_MAP_LAYER_ID, AGUACERO_SATELLITE_MAP_LAYER_ID } from './nwsAndroidConstants.js';
-const SOURCE_ID = 'aguacero-nws-alerts-source';
-const FILL_ID = 'aguacero-nws-alerts-fill';
-const LINE_CASING_ID = 'aguacero-nws-alerts-line-casing';
-const LINE_CORE_ID = 'aguacero-nws-alerts-line-core';
-class AndroidNwsOverlay extends NwsWatchesWarningsOverlay {
-  /**
-   * @param {object} map
-   * @param {object} options
-   * @param {(paint: object) => void} onPaint
-   */
-  constructor(map, options, onPaint) {
-    super(map, options);
-    this._onPaint = onPaint;
+import "./eventSourceRnPolyfill.js";
+import I, { useCallback as K, useEffect as g, useLayoutEffect as X, useMemo as V, useRef as b, useState as A } from "react";
+import x from "@rnmapbox/maps";
+import { NwsWatchesWarningsOverlay as z, NWS_DEFAULT_LINE_BEFORE_LAYER_ID as Y } from "@aguacerowx/javascript-sdk/nws/NwsWatchesWarningsOverlay.js";
+import { buildNwsLineDasharrayLiteralExpression as Q } from "@aguacerowx/javascript-sdk/nws/nwsSdkConstants.js";
+import { buildAlertClickPayload as Z, normalizeFeatureCollectionForMapboxGl as $ } from "@aguacerowx/javascript-sdk/nws/nwsAlertsSupport.js";
+import { computeNwsAlertsFetchHoursFromAguaceroState as ee } from "@aguacerowx/javascript-sdk/nws/nwsAlertsFetchSpec.js";
+import { mapRegistry as P } from "../MapRegistry";
+import { AGUACERO_NEXRAD_MAP_LAYER_ID as te, AGUACERO_SATELLITE_MAP_LAYER_ID as re } from "./nwsAndroidConstants.js";
+const O = "aguacero-nws-alerts-source",
+  m = "aguacero-nws-alerts-fill",
+  h = "aguacero-nws-alerts-line-casing",
+  L = "aguacero-nws-alerts-line-core";
+class ae extends z {
+  constructor(t, a, n) {
+    super(t, a), this._onPaint = n;
   }
-
-  /**
-   * @rnmapbox/maps does not support data-driven `line-dasharray` (match on `event_name`).
-   * Keep web parity for colors; dash style follows {@link NwsWatchesWarningsOverlay} default `lineDash` only on RN.
-   */
   _buildPaint() {
-    const p = super._buildPaint();
-    const mode = this._nwsAlertSettings?.lineDash ?? 'solid';
+    const t = super._buildPaint(),
+      a = this._nwsAlertSettings?.lineDash ?? "solid";
     return {
-      ...p,
-      lineDashExpr: buildNwsLineDasharrayLiteralExpression(mode),
-      fillOpacityExpr: Array.isArray(p.fillOpacityExpr) && p.fillOpacityExpr.length > 2 ? p.fillOpacityExpr[2] : p.fillOpacityExpr,
-      lineOpacityExpr: Array.isArray(p.lineOpacityExpr) && p.lineOpacityExpr.length > 2 ? p.lineOpacityExpr[2] : p.lineOpacityExpr
+      ...t,
+      lineDashExpr: Q(a),
+      fillOpacityExpr: Array.isArray(t.fillOpacityExpr) && t.fillOpacityExpr.length > 2 ? t.fillOpacityExpr[2] : t.fillOpacityExpr,
+      lineOpacityExpr: Array.isArray(t.lineOpacityExpr) && t.lineOpacityExpr.length > 2 ? t.lineOpacityExpr[2] : t.lineOpacityExpr
     };
   }
-
-  /**
-   * RN renders ShapeSource + layers declaratively (same ids). Only sync GeoJSON + paint; skip imperative addLayer.
-   */
   _ensureLayers() {
-    const m = this.map;
-    if (!m?.addSource) return;
-    const paint = this._buildPaint();
-    if (this._onPaint) this._onPaint(paint);
-    const sourceData = normalizeFeatureCollectionForMapboxGl(this._workingFc);
-    if (!m.getSource(this._sourceId)) {
-      m.addSource(this._sourceId, {
-        type: 'geojson',
-        data: sourceData
-      });
-    } else {
-      m.getSource(this._sourceId).setData(sourceData);
-    }
+    const t = this.map;
+    if (!t?.addSource) return;
+    const a = this._buildPaint();
+    this._onPaint && this._onPaint(a);
+    const n = $(this._workingFc);
+    t.getSource(this._sourceId) ? t.getSource(this._sourceId).setData(n) : t.addSource(this._sourceId, {
+      type: "geojson",
+      data: n
+    });
   }
   _refreshPaint() {
-    if (this._onPaint) this._onPaint(this._buildPaint());
+    this._onPaint && this._onPaint(this._buildPaint());
   }
   _applyLayerOrder() {}
   _syncClickHandler() {}
 }
-
-/**
- * @param {object} handlers
- * @param {() => import('@rnmapbox/maps').default | null} handlers.getMapboxMapView
- * @param {(shape: object) => void} handlers.onShape
- * @param {() => void} [handlers.onLayersCleared]
- */
-function createFeatureStateBatcher(handlers) {
-  /** @type {Map<string, object>} */
-  const pendingStates = new Map();
-  let rafId = null;
-  function flush() {
-    rafId = null;
-    if (handlers.onFeatureStates) {
-      const activeIds = [];
-      for (const [fid, state] of pendingStates) {
-        if (state && state.active !== false) {
-          activeIds.push(fid);
-        }
-      }
-      handlers.onFeatureStates(activeIds);
+function ne(l) {
+  const t = new Map();
+  let a = null;
+  function n() {
+    if (a = null, l.onFeatureStates) {
+      const i = [];
+      for (const [s, p] of t) p && p.active !== !1 && i.push(s);
+      l.onFeatureStates(i);
     }
   }
   return {
-    push(fid, state, sid) {
-      pendingStates.set(fid, state);
-      if (rafId == null) {
-        rafId = requestAnimationFrame(flush);
-      }
+    push(i, s, p) {
+      t.set(i, s), a == null && (a = requestAnimationFrame(n));
     },
     clear() {
-      pendingStates.clear();
-      if (rafId != null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-      }
-      if (handlers.onFeatureStates) {
-        handlers.onFeatureStates(null);
-      }
+      t.clear(), a != null && (cancelAnimationFrame(a), a = null), l.onFeatureStates && l.onFeatureStates(null);
     }
   };
 }
-function createAndroidNwsStubMap(handlers) {
-  let sourceAdded = false;
-  /** Declarative RN layers use the same ids — treat as present after first {@link AndroidNwsOverlay#_ensureLayers}. */
-  let declarativeLayersReady = false;
-  const featureStateBatcher = createFeatureStateBatcher(handlers);
+function ie(l) {
+  let t = !1,
+    a = !1;
+  const n = ne(l);
   return {
-    isStyleLoaded: () => true,
-    once(ev, fn) {
-      if (ev === 'style.load') {
-        queueMicrotask(() => fn({
-          target: {}
-        }));
-      }
+    isStyleLoaded: () => !0,
+    once(i, s) {
+      i === "style.load" && queueMicrotask(() => s({
+        target: {}
+      }));
     },
     __markDeclarativeLayersReady() {
-      declarativeLayersReady = true;
+      a = !0;
     },
-    addSource(id, spec) {
-      if (id === SOURCE_ID) {
-        sourceAdded = true;
-        if (spec?.data) handlers.onShape(spec.data);
-      }
+    addSource(i, s) {
+      i === O && (t = !0, s?.data && l.onShape(s.data));
     },
-    getSource(id) {
-      if (!sourceAdded || id !== SOURCE_ID) return null;
-      return {
-        setData: geojson => handlers.onShape(geojson)
+    getSource(i) {
+      return !t || i !== O ? null : {
+        setData: s => l.onShape(s)
       };
     },
     addLayer() {},
-    removeLayer(id) {
-      if ([FILL_ID, LINE_CASING_ID, LINE_CORE_ID].includes(id)) {
-        declarativeLayersReady = false;
-        featureStateBatcher.clear();
-        handlers.onLayersCleared?.();
-      }
+    removeLayer(i) {
+      [m, h, L].includes(i) && (a = !1, n.clear(), l.onLayersCleared?.());
     },
-    removeSource(id) {
-      if (id === SOURCE_ID) {
-        sourceAdded = false;
-        declarativeLayersReady = false;
-        featureStateBatcher.clear();
-        handlers.onLayersCleared?.();
-      }
+    removeSource(i) {
+      i === O && (t = !1, a = !1, n.clear(), l.onLayersCleared?.());
     },
-    getLayer(id) {
-      if (!declarativeLayersReady) return null;
-      return [FILL_ID, LINE_CASING_ID, LINE_CORE_ID].includes(id) ? {
-        id
+    getLayer(i) {
+      return a && [m, h, L].includes(i) ? {
+        id: i
       } : null;
     },
     getStyle() {
@@ -172,261 +105,203 @@ function createAndroidNwsStubMap(handlers) {
     on() {},
     off() {},
     fire() {},
-    setFeatureState(target, state) {
-      const sid = target?.source;
-      const fid = target?.id;
-      if (sid !== SOURCE_ID || fid == null) return;
-      try {
-        featureStateBatcher.push(fid, state, sid);
-      } catch {
-        /* ignore */
-      }
+    setFeatureState(i, s) {
+      const p = i?.source,
+        f = i?.id;
+      if (!(p !== O || f == null)) try {
+        n.push(f, s, p);
+      } catch {}
     }
   };
 }
-
-/**
- * @param {object} state - {@link AguaceroCore} state
- * @param {object} wopt - watches/warnings options (same shape as mapsgl {@link WeatherLayerManager#configureWatchesWarnings})
- * @returns {{ weatherLayerId: string | null, fillBelowId: string | null, lineBelowId: string }}
- */
-export function resolveNwsAndroidLayerAnchors(state, wopt) {
-  const manualFill = Object.prototype.hasOwnProperty.call(wopt, 'fillBeforeLayerId') ? wopt.fillBeforeLayerId ?? null : null;
-  let weatherLayerId = null;
-  if (state?.isNexrad) {
-    weatherLayerId = AGUACERO_NEXRAD_MAP_LAYER_ID;
-  } else if (state?.isSatellite) {
-    weatherLayerId = AGUACERO_SATELLITE_MAP_LAYER_ID;
-  } else if (state?.isMRMS && state?.variable) {
-    weatherLayerId = 'aguacero-weather-grid-custom';
-  }
-  const fillBelowId = manualFill != null && String(manualFill) !== '' ? String(manualFill) : weatherLayerId || NWS_DEFAULT_LINE_BEFORE_LAYER_ID;
-  const lineBelowId = wopt.lineBeforeLayerId || NWS_DEFAULT_LINE_BEFORE_LAYER_ID;
+export function resolveNwsAndroidLayerAnchors(l, t) {
+  const a = Object.prototype.hasOwnProperty.call(t, "fillBeforeLayerId") ? t.fillBeforeLayerId ?? null : null;
+  let n = null;
+  l?.isNexrad ? n = te : l?.isSatellite ? n = re : l?.isMRMS && l?.variable && (n = "aguacero-weather-grid-custom");
+  const i = a != null && String(a) !== "" ? String(a) : n || Y,
+    s = t.lineBeforeLayerId || Y;
   return {
-    weatherLayerId,
-    fillBelowId,
-    lineBelowId
+    weatherLayerId: n,
+    fillBelowId: i,
+    lineBelowId: s
   };
 }
-
-/**
- * @param {object} props
- * @param {import('@aguacerowx/javascript-sdk').AguaceroCore} props.core
- * @param {object} props.watchesWarnings - merged options ({ enabled, alertsBaseUrl, nwsAlertSettings, ... })
- * @param {(payload: object) => void} [props.onNwsAlertClick]
- */
-export default function NwsAlertsOverlay({
-  core,
-  watchesWarnings,
-  onNwsAlertClick
+export default function le({
+  core: l,
+  watchesWarnings: t,
+  onNwsAlertClick: a
 }) {
-  const [aguaceroState, setAguaceroState] = useState(() => core?.state);
-  useEffect(() => {
-    if (!core) return undefined;
-    const h = s => setAguaceroState(s);
-    core.on('state:change', h);
-    return () => core.off('state:change', h);
-  }, [core]);
-  const [shape, setShape] = useState({
-    type: 'FeatureCollection',
-    features: []
-  });
-  const [paint, setPaint] = useState(null);
-  const [activeIds, setActiveIds] = useState(null);
-  const overlayRef = useRef(null);
-  const stubRef = useRef(null);
-  const watchesRef = useRef(watchesWarnings);
-  const optsKeyRef = useRef('');
-  watchesRef.current = watchesWarnings;
-  const getMapboxMapView = useCallback(() => mapRegistry.getMap(), []);
-  const anchors = useMemo(() => resolveNwsAndroidLayerAnchors(aguaceroState, watchesWarnings || {}), [aguaceroState, watchesWarnings]);
-  useEffect(() => {
-    const onPaint = p => setPaint(p);
-    const stub = createAndroidNwsStubMap({
-      getMapboxMapView,
-      onShape: g => setShape(g),
-      onFeatureStates: ids => setActiveIds(ids),
-      onLayersCleared: () => {
-        setPaint(null);
-        setActiveIds(null);
-      }
-    });
-    stubRef.current = stub;
-    const w0 = watchesRef.current || {};
-    const overlay = new AndroidNwsOverlay(stub, w0, onPaint);
-    overlayRef.current = overlay;
-    return () => {
-      overlay.destroy();
-      overlayRef.current = null;
-      stubRef.current = null;
-    };
-  }, [getMapboxMapView]);
-  useEffect(() => {
-    const ov = overlayRef.current;
-    if (!ov) return;
-    const wopt = watchesWarnings || {};
-    const nwsAlertSettingsForOpts = {
-      ...(wopt.nwsAlertSettings ?? {}),
-      ...(wopt.activeOnlyRealtime !== undefined ? {
-        activeOnlyRealtime: wopt.activeOnlyRealtime
-      } : {})
+  const [n, i] = A(() => l?.state);
+  g(() => {
+    if (!l) return;
+    const o = e => i(e);
+    return l.on("state:change", o), () => l.off("state:change", o);
+  }, [l]);
+  const [s, p] = A({
+      type: "FeatureCollection",
+      features: []
+    }),
+    [f, R] = A(null),
+    [D, C] = A(null),
+    _ = b(null),
+    F = b(null),
+    B = b(t),
+    T = b("");
+  B.current = t;
+  const N = K(() => P.getMap(), []),
+    w = V(() => resolveNwsAndroidLayerAnchors(n, t || {}), [n, t]);
+  if (g(() => {
+    const o = r => R(r),
+      e = ie({
+        getMapboxMapView: N,
+        onShape: r => p(r),
+        onFeatureStates: r => C(r),
+        onLayersCleared: () => {
+          R(null), C(null);
+        }
+      });
+    F.current = e;
+    const u = B.current || {},
+      c = new ae(e, u, o);
+    return _.current = c, () => {
+      c.destroy(), _.current = null, F.current = null;
     };
-    const weatherLayerId = anchors.weatherLayerId;
-    const fillBeforeLayerId = Object.prototype.hasOwnProperty.call(wopt, 'fillBeforeLayerId') ? wopt.fillBeforeLayerId ?? null : null;
-    const nwsOptsKey = JSON.stringify({
-      weatherLayerId,
-      fillBeforeLayerId,
-      lineBeforeLayerId: wopt.lineBeforeLayerId,
-      alertsBaseUrl: wopt.alertsBaseUrl,
-      alertInteractionEnabled: wopt.alertInteractionEnabled,
-      deltaDebounceMs: wopt.deltaDebounceMs,
-      fillOpacity: wopt.fillOpacity,
-      lineOpacity: wopt.lineOpacity,
-      lineWidth: wopt.lineWidth,
-      nwsAlertSettings: nwsAlertSettingsForOpts
-    });
-    if (optsKeyRef.current !== nwsOptsKey) {
-      optsKeyRef.current = nwsOptsKey;
-      ov.updateOptions({
-        alertsBaseUrl: wopt.alertsBaseUrl,
-        alertInteractionEnabled: wopt.alertInteractionEnabled,
-        deltaDebounceMs: wopt.deltaDebounceMs,
-        fillOpacity: wopt.fillOpacity,
-        lineOpacity: wopt.lineOpacity,
-        lineWidth: wopt.lineWidth,
-        weatherLayerId,
-        fillBeforeLayerId,
-        lineBeforeLayerId: wopt.lineBeforeLayerId,
-        nwsAlertSettings: nwsAlertSettingsForOpts
+  }, [N]), g(() => {
+    const o = _.current;
+    if (!o) return;
+    const e = t || {},
+      u = {
+        ...(e.nwsAlertSettings ?? {}),
+        ...(e.activeOnlyRealtime !== void 0 ? {
+          activeOnlyRealtime: e.activeOnlyRealtime
+        } : {})
+      },
+      c = w.weatherLayerId,
+      r = Object.prototype.hasOwnProperty.call(e, "fillBeforeLayerId") ? e.fillBeforeLayerId ?? null : null,
+      y = JSON.stringify({
+        weatherLayerId: c,
+        fillBeforeLayerId: r,
+        lineBeforeLayerId: e.lineBeforeLayerId,
+        alertsBaseUrl: e.alertsBaseUrl,
+        alertInteractionEnabled: e.alertInteractionEnabled,
+        deltaDebounceMs: e.deltaDebounceMs,
+        fillOpacity: e.fillOpacity,
+        lineOpacity: e.lineOpacity,
+        lineWidth: e.lineWidth,
+        nwsAlertSettings: u
       });
-    }
-  }, [watchesWarnings, anchors.weatherLayerId]);
-  useEffect(() => {
-    const ov = overlayRef.current;
-    if (!ov || !aguaceroState) return;
-    const wopt = watchesWarnings || {};
-    const masterEnabled = wopt.enabled === true;
-    const enabled = masterEnabled;
-    let timelineUnix = null;
-    let timelineTimes = null;
-    const st = aguaceroState;
-    if (st.isSatellite) {
-      timelineUnix = st.satelliteTimestamp == null ? null : Number(st.satelliteTimestamp);
-      timelineTimes = st.availableSatelliteTimestamps;
-    } else if (st.isNexrad) {
-      timelineUnix = st.nexradTimestamp == null ? null : Number(st.nexradTimestamp);
-      timelineTimes = st.availableNexradTimestamps;
-    } else if (st.isMRMS) {
-      timelineUnix = st.mrmsTimestamp == null ? null : Number(st.mrmsTimestamp);
-      timelineTimes = st.availableTimestamps;
-    }
-    const hasObservationTimeline = !!(st.isSatellite || st.isNexrad || st.isMRMS);
-    const alertsFetchHours = computeNwsAlertsFetchHoursFromAguaceroState(st);
-    ov.syncWithMode({
-      enabled,
-      timelineUnix,
-      timelineTimes,
-      hasObservationTimeline,
-      alertsFetchHours
+    T.current !== y && (T.current = y, o.updateOptions({
+      alertsBaseUrl: e.alertsBaseUrl,
+      alertInteractionEnabled: e.alertInteractionEnabled,
+      deltaDebounceMs: e.deltaDebounceMs,
+      fillOpacity: e.fillOpacity,
+      lineOpacity: e.lineOpacity,
+      lineWidth: e.lineWidth,
+      weatherLayerId: c,
+      fillBeforeLayerId: r,
+      lineBeforeLayerId: e.lineBeforeLayerId,
+      nwsAlertSettings: u
+    }));
+  }, [t, w.weatherLayerId]), g(() => {
+    const o = _.current;
+    if (!o || !n) return;
+    const e = (t || {}).enabled === !0;
+    let u = null,
+      c = null;
+    const r = n;
+    r.isSatellite ? (u = r.satelliteTimestamp == null ? null : Number(r.satelliteTimestamp), c = r.availableSatelliteTimestamps) : r.isNexrad ? (u = r.nexradTimestamp == null ? null : Number(r.nexradTimestamp), c = r.availableNexradTimestamps) : r.isMRMS && (u = r.mrmsTimestamp == null ? null : Number(r.mrmsTimestamp), c = r.availableTimestamps);
+    const y = !!(r.isSatellite || r.isNexrad || r.isMRMS),
+      E = ee(r);
+    o.syncWithMode({
+      enabled: e,
+      timelineUnix: u,
+      timelineTimes: c,
+      hasObservationTimeline: y,
+      alertsFetchHours: E
     });
-  }, [aguaceroState, watchesWarnings]);
-  useLayoutEffect(() => {
-    const stub = stubRef.current;
-    const ov = overlayRef.current;
-    if (!stub || !ov || !paint) return;
-    stub.__markDeclarativeLayersReady();
-    try {
-      ov._applyTimeFilters();
-    } catch {
-      /* ignore */
+  }, [n, t]), X(() => {
+    const o = F.current,
+      e = _.current;
+    if (!(!o || !e || !f)) {
+      o.__markDeclarativeLayersReady();
+      try {
+        e._applyTimeFilters();
+      } catch {}
     }
-  }, [paint, shape, aguaceroState?.nexradTimestamp, aguaceroState?.mrmsTimestamp, aguaceroState?.satelliteTimestamp]);
-  useEffect(() => {
-    if (!onNwsAlertClick) return undefined;
-    const handler = async payload => {
-      const wopt = watchesRef.current || {};
-      if (!wopt.enabled || wopt.alertInteractionEnabled === false) return;
-      const mapView = mapRegistry.getMap();
-      if (!mapView?.queryRenderedFeaturesAtPoint) return;
-      let screenPoint = null;
-      if (payload?.properties?.screenPointX != null && payload?.properties?.screenPointY != null) {
-        screenPoint = [payload.properties.screenPointX, payload.properties.screenPointY];
-      } else if (payload?.point != null && Array.isArray(payload.point)) {
-        screenPoint = payload.point;
+  }, [f, s, n?.nexradTimestamp, n?.mrmsTimestamp, n?.satelliteTimestamp]), g(() => {
+    if (!a) return;
+    const o = async e => {
+      const u = B.current || {};
+      if (!u.enabled || u.alertInteractionEnabled === !1) return;
+      const c = P.getMap();
+      if (!c?.queryRenderedFeaturesAtPoint) return;
+      let r = null;
+      if (e?.properties?.screenPointX != null && e?.properties?.screenPointY != null ? r = [e.properties.screenPointX, e.properties.screenPointY] : e?.point != null && Array.isArray(e.point) && (r = e.point), !r) return;
+      let y = await c.queryRenderedFeaturesAtPoint(r, void 0, [m, h, L]);
+      if (!y?.length && e?.coordinates) {
+        const S = e.coordinates,
+          q = await c.getPointInView(S);
+        q && (y = await c.queryRenderedFeaturesAtPoint(q, void 0, [m, h, L]));
       }
-      if (!screenPoint) return;
-      let feats = await mapView.queryRenderedFeaturesAtPoint(screenPoint, undefined, [FILL_ID, LINE_CASING_ID, LINE_CORE_ID]);
-      if (!feats?.length && payload?.coordinates) {
-        const coord = payload.coordinates;
-        const pt = await mapView.getPointInView(coord);
-        if (pt) feats = await mapView.queryRenderedFeaturesAtPoint(pt, undefined, [FILL_ID, LINE_CASING_ID, LINE_CORE_ID]);
-      }
-      const hit = feats?.find(f => [FILL_ID, LINE_CASING_ID, LINE_CORE_ID].includes(f?.layer?.id));
-      if (!hit?.properties) return;
-      try {
-        const built = buildAlertClickPayload(hit);
-        onNwsAlertClick({
-          ...built,
-          feature: hit
+      const E = y?.find(S => [m, h, L].includes(S?.layer?.id));
+      if (E?.properties) try {
+        const S = Z(E);
+        a({
+          ...S,
+          feature: E
         });
-      } catch {
-        /* ignore */
-      }
+      } catch {}
     };
-    mapRegistry.addPressListener(handler);
-    return () => mapRegistry.removePressListener(handler);
-  }, [onNwsAlertClick]);
-  if (!paint) {
-    return null;
-  }
-  const p = paint;
-  const lineLayout = p.lineLayout ?? {};
-  const lineCap = lineLayout['line-cap'] ?? 'round';
-  const lineJoin = lineLayout['line-join'] ?? 'round';
-  const lineSortKey = lineLayout['line-sort-key'] ?? ['coalesce', ['get', '_nws_render_priority'], 0];
-  const fillSortKey = ['coalesce', ['get', '_nws_render_priority'], 0];
-  const fillStyle = {
-    fillColor: p.fillColorExpr,
-    fillOpacity: p.fillOpacityExpr,
-    fillSortKey
-  };
-  const casingStyle = {
-    lineColor: p.dualLine.casingColor,
-    lineWidth: p.dualLine.casingWidth,
-    lineOpacity: p.lineOpacityExpr,
-    lineDasharray: p.lineDashExpr,
-    lineCap,
-    lineJoin,
-    lineSortKey
-  };
-  const coreStyle = {
-    lineColor: p.dualLine.coreColor,
-    lineWidth: p.dualLine.coreWidth,
-    lineOpacity: p.lineOpacityExpr,
-    lineDasharray: p.lineDashExpr,
-    lineCap,
-    lineJoin,
-    lineSortKey
-  };
-  const activeFilter = activeIds ? activeIds.length > 0 ? ['in', ['id'], ['literal', activeIds]] : ['==', ['id'], -1] : ['==', ['id'], -1];
-  return /*#__PURE__*/React.createElement(Mapbox.ShapeSource, {
-    id: SOURCE_ID,
-    shape: shape
-  }, /*#__PURE__*/React.createElement(Mapbox.FillLayer, {
-    id: FILL_ID,
-    belowLayerID: anchors.fillBelowId,
-    style: fillStyle,
-    filter: activeFilter
-  }), /*#__PURE__*/React.createElement(Mapbox.LineLayer, {
-    id: LINE_CASING_ID,
-    belowLayerID: anchors.lineBelowId,
-    style: casingStyle,
-    filter: activeFilter
-  }), /*#__PURE__*/React.createElement(Mapbox.LineLayer, {
-    id: LINE_CORE_ID,
-    belowLayerID: anchors.lineBelowId,
-    style: coreStyle,
-    filter: activeFilter
+    return P.addPressListener(o), () => P.removePressListener(o);
+  }, [a]), !f) return null;
+  const d = f,
+    M = d.lineLayout ?? {},
+    W = M["line-cap"] ?? "round",
+    k = M["line-join"] ?? "round",
+    U = M["line-sort-key"] ?? ["coalesce", ["get", "_nws_render_priority"], 0],
+    j = ["coalesce", ["get", "_nws_render_priority"], 0],
+    G = {
+      fillColor: d.fillColorExpr,
+      fillOpacity: d.fillOpacityExpr,
+      fillSortKey: j
+    },
+    H = {
+      lineColor: d.dualLine.casingColor,
+      lineWidth: d.dualLine.casingWidth,
+      lineOpacity: d.lineOpacityExpr,
+      lineDasharray: d.lineDashExpr,
+      lineCap: W,
+      lineJoin: k,
+      lineSortKey: U
+    },
+    J = {
+      lineColor: d.dualLine.coreColor,
+      lineWidth: d.dualLine.coreWidth,
+      lineOpacity: d.lineOpacityExpr,
+      lineDasharray: d.lineDashExpr,
+      lineCap: W,
+      lineJoin: k,
+      lineSortKey: U
+    },
+    v = D ? D.length > 0 ? ["in", ["id"], ["literal", D]] : ["==", ["id"], -1] : ["==", ["id"], -1];
+  return /*#__PURE__*/I.createElement(x.ShapeSource, {
+    id: O,
+    shape: s
+  }, /*#__PURE__*/I.createElement(x.FillLayer, {
+    id: m,
+    belowLayerID: w.fillBelowId,
+    style: G,
+    filter: v
+  }), /*#__PURE__*/I.createElement(x.LineLayer, {
+    id: h,
+    belowLayerID: w.lineBelowId,
+    style: H,
+    filter: v
+  }), /*#__PURE__*/I.createElement(x.LineLayer, {
+    id: L,
+    belowLayerID: w.lineBelowId,
+    style: J,
+    filter: v
   }));
 }
 //# sourceMappingURL=NwsAlertsOverlay.native.js.map