@cloudparse/up-miniapps-sdk 0.8.0 → 0.9.0

package/dist/index.cjs

@@ -2061,13 +2061,15 @@ var useUserLocation = () => {
 
 // src/components/Map/hooks/useLiveRouting.ts
 var import_react9 = require("react");
+var DEFAULT_ARRIVAL_THRESHOLD_METERS = 15;
 var useLiveRouting = ({
   origin: manualOrigin,
   destination,
   profile = "driving",
   recalculateThreshold = 50,
   enabled = true,
-  initialMode = "preview"
+  initialMode = "preview",
+  arrivalThresholdMeters = DEFAULT_ARRIVAL_THRESHOLD_METERS
 }) => {
   const [route, setRoute] = (0, import_react9.useState)(null);
   const [totalDistance, setTotalDistance] = (0, import_react9.useState)(null);
@@ -2121,6 +2123,7 @@ var useLiveRouting = ({
     }
     return dist;
   }, [trackingLocation, route, destination, getDistance]);
+  const hasArrived = currentDistanceMeters !== null && currentDistanceMeters <= arrivalThresholdMeters;
   const calculate = (0, import_react9.useCallback)(
     async (origin, dest, isNewDest) => {
       if (isRequestInProgress.current) return;
@@ -2178,6 +2181,8 @@ var useLiveRouting = ({
     if (lastResetDestKey.current !== destKey) {
       lastResetDestKey.current = destKey;
       setMode(initialMode);
+      setRoute(null);
+      setTotalDistance(null);
     }
     if (destChanged) {
       calculate(calculationOrigin, destination, true);
@@ -2203,6 +2208,7 @@ var useLiveRouting = ({
   return {
     currentDistanceMeters,
     error,
+    hasArrived,
     isCalculating,
     mode,
     recalculate: () => calculationOrigin && destination && calculate(calculationOrigin, destination, false),
@@ -2268,6 +2274,7 @@ var useJourney = (options = {}) => {
   }, []);
   const effectiveOptions = progNav || navigation;
   const internalNav = useLiveRouting({
+    arrivalThresholdMeters: effectiveOptions?.arrivalThresholdMeters,
     destination: effectiveOptions?.destination || null,
     enabled: !isAborted && !!effectiveOptions?.destination,
     initialMode: effectiveOptions?.mode || "preview",
@@ -2323,6 +2330,7 @@ var useJourney = (options = {}) => {
     distanceRemainingMeters,
     error: isActive ? internalNav.error : null,
     etaMinutes,
+    hasArrived: isActive ? internalNav.hasArrived : false,
     isActive,
     isCalculating: isActive ? internalNav.isCalculating : false,
     mode: isActive ? internalNav.mode : "preview",
@@ -2367,7 +2375,8 @@ var RouteLayer = ({
   geometry,
   color = "#3b82f6",
   width = 5,
-  opacity = 0.8
+  opacity = 0.8,
+  dashArray
 }) => {
   if (!geometry) return null;
   const data = {
@@ -2400,7 +2409,8 @@ var RouteLayer = ({
         paint: {
           "line-color": color,
           "line-opacity": opacity,
-          "line-width": width
+          "line-width": width,
+          ...dashArray ? { "line-dasharray": dashArray } : {}
         },
         type: "line"
       }
@@ -2827,6 +2837,7 @@ var MapInternal = ({
   pois = [],
   onPoiClick,
   route: externalRoute,
+  routeStyle,
   showNavigationUI: externalShowNavigationUI,
   navigationData: externalNavigationData,
   onNavigationAbort,
@@ -2851,6 +2862,7 @@ var MapInternal = ({
   const hasIntegratedNav = journey.isActive;
   const navigationData = hasIntegratedNav ? {
     currentDistanceMeters: journey.distanceRemainingMeters,
+    hasArrived: journey.hasArrived,
     mode: journey.mode,
     route: journey.route,
     start: journey.start,
@@ -3011,6 +3023,7 @@ var MapInternal = ({
   const showEtaData = showNavigationUI && navigationData && route ? {
     distanceRemainingKm: kmRemaining,
     etaMins,
+    hasArrived: navigationData.hasArrived ?? false,
     label: mode === "navigation" ? "Walking Guidance Active" : "Route Preview",
     mode,
     onAbort: () => {
@@ -3185,7 +3198,23 @@ var MapInternal = ({
             initialViewState,
             interactiveLayerIds: mergedInteractiveLayerIds,
             mapStyle,
-            maxBounds,
+            maxBounds: (
+              // @vis.gl/react-maplibre's own <Map> component (aliased MapLibre
+              // here) types maxBounds as a flat [west, south, east, north]
+              // tuple — raw maplibre-gl's LngLatBoundsLike still accepts a
+              // pair-of-corners shape, this narrowing is the wrapper's own.
+              // This SDK's public MapProps.maxBounds keeps the
+              // [[lng, lat], [lng, lat]] pair-of-corners shape (matches every
+              // other coordinate prop in this SDK, e.g. flyTo), so it's
+              // flattened here at the point of use rather than changing the
+              // public API.
+              maxBounds ? [
+                maxBounds[0][0],
+                maxBounds[0][1],
+                maxBounds[1][0],
+                maxBounds[1][1]
+              ] : void 0
+            ),
             onClick: handleMapClick,
             onContextMenu,
             onDragStart: handleUserInteraction,
@@ -3222,7 +3251,16 @@ var MapInternal = ({
                   radiusMeters: mockLocation.radiusMeters
                 }
               ),
-              displayRoute && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RouteLayer, { geometry: displayRoute }),
+              displayRoute && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                RouteLayer,
+                {
+                  color: routeStyle?.color,
+                  dashArray: routeStyle?.dashArray,
+                  geometry: displayRoute,
+                  opacity: routeStyle?.opacity,
+                  width: routeStyle?.width
+                }
+              ),
               pois.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(POILayers, { pois }),
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(POIMarkers, { onClick: onPoiClick, pois })
@@ -3627,7 +3665,7 @@ var RoutingService = {
 };
 
 // package.json
-var version = "0.8.0";
+var version = "0.9.0";
 
 // src/sdk.ts
 function deepFreeze(obj) {