@cloudparse/up-miniapps-sdk 0.7.3 → 0.9.0

package/dist/index.cjs

@@ -147,8 +147,7 @@ var MOCK_ACHIEVEMENTS = [
     slug: "first-journey",
     title: "First Steps",
     totalActionCount: 1,
-    upReward: 20,
-    xpReward: 40
+    pointsReward: 10
   },
   {
     completed: false,
@@ -158,8 +157,7 @@ var MOCK_ACHIEVEMENTS = [
     slug: "explore-5-pois",
     title: "Explorer",
     totalActionCount: 5,
-    upReward: 50,
-    xpReward: 100
+    pointsReward: 15
   },
   {
     completed: false,
@@ -169,8 +167,7 @@ var MOCK_ACHIEVEMENTS = [
     slug: "scan-10-qrcodes",
     title: "Code Breaker",
     totalActionCount: 10,
-    upReward: 80,
-    xpReward: 150
+    pointsReward: 20
   }
 ];
 function mockAchievement(slug) {
@@ -184,8 +181,7 @@ function mockAchievement(slug) {
     slug: slug || "unknown-achievement",
     title: slug || "Unknown Achievement",
     totalActionCount: 1,
-    upReward: 0,
-    xpReward: 0
+    pointsReward: 0
   };
 }
 function mockAchievements() {
@@ -2065,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);
@@ -2125,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;
@@ -2182,6 +2181,8 @@ var useLiveRouting = ({
     if (lastResetDestKey.current !== destKey) {
       lastResetDestKey.current = destKey;
       setMode(initialMode);
+      setRoute(null);
+      setTotalDistance(null);
     }
     if (destChanged) {
       calculate(calculationOrigin, destination, true);
@@ -2207,6 +2208,7 @@ var useLiveRouting = ({
   return {
     currentDistanceMeters,
     error,
+    hasArrived,
     isCalculating,
     mode,
     recalculate: () => calculationOrigin && destination && calculate(calculationOrigin, destination, false),
@@ -2272,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",
@@ -2327,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",
@@ -2371,7 +2375,8 @@ var RouteLayer = ({
   geometry,
   color = "#3b82f6",
   width = 5,
-  opacity = 0.8
+  opacity = 0.8,
+  dashArray
 }) => {
   if (!geometry) return null;
   const data = {
@@ -2404,7 +2409,8 @@ var RouteLayer = ({
         paint: {
           "line-color": color,
           "line-opacity": opacity,
-          "line-width": width
+          "line-width": width,
+          ...dashArray ? { "line-dasharray": dashArray } : {}
         },
         type: "line"
       }
@@ -2831,6 +2837,7 @@ var MapInternal = ({
   pois = [],
   onPoiClick,
   route: externalRoute,
+  routeStyle,
   showNavigationUI: externalShowNavigationUI,
   navigationData: externalNavigationData,
   onNavigationAbort,
@@ -2855,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,
@@ -3015,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: () => {
@@ -3189,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,
@@ -3226,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 })
@@ -3631,7 +3665,7 @@ var RoutingService = {
 };
 
 // package.json
-var version = "0.7.3";
+var version = "0.9.0";
 
 // src/sdk.ts
 function deepFreeze(obj) {
@@ -4068,8 +4102,7 @@ var MOCK_ACHIEVEMENTS2 = [
     slug: "first-journey",
     title: "First Steps",
     totalActionCount: 1,
-    upReward: 20,
-    xpReward: 40
+    pointsReward: 10
   },
   {
     completed: false,
@@ -4079,8 +4112,7 @@ var MOCK_ACHIEVEMENTS2 = [
     slug: "explore-5-pois",
     title: "Explorer",
     totalActionCount: 5,
-    upReward: 50,
-    xpReward: 100
+    pointsReward: 15
   },
   {
     completed: false,
@@ -4090,8 +4122,7 @@ var MOCK_ACHIEVEMENTS2 = [
     slug: "scan-10-qrcodes",
     title: "Code Breaker",
     totalActionCount: 10,
-    upReward: 80,
-    xpReward: 150
+    pointsReward: 20
   }
 ];
 var AVATAR_MOUTH_VARIANTS = [
@@ -4156,10 +4187,8 @@ function buildMockProfile(mockJWTToken) {
     fullName,
     lastName: lastNameParts.join(" ") || "Caveman",
     localNumber: "0600000000",
-    ups: 100,
     username,
-    uuid,
-    xp: 500
+    uuid
   };
 }
 var getBearing = (p1, p2) => {
@@ -4464,8 +4493,7 @@ var BridgeMocker = ({
             slug: slug || "unknown-achievement",
             title: slug || "Unknown Achievement",
             totalActionCount: 1,
-            upReward: 0,
-            xpReward: 0
+            pointsReward: 0
           }
         );
       }