@xyo-network/react-map 2.37.1 → 2.37.3

package/dist/esm/Components/AnimatedHetaMapLoaded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHetaMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHetaMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAQ7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA0BtE,CAAA"}
+{"version":3,"file":"AnimatedHetaMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHetaMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAQ7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmCtE,CAAA"}

package/dist/esm/Components/AnimatedHetaMapLoaded.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertTitle } from '@mui/material';
 import { FlexCol } from '@xylabs/react-flexbox';
 import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings';
 import { useFetchPayloads, useFindHashes, useHeatMapColors } from '../hooks';
@@ -7,12 +7,15 @@ import { AnimatedHeatMap } from './AnimatedHeatMap';
 import { AnimatedHeatMapLegend } from './Legend';
 export const AnimatedHeatMapLoaded = ({ accessToken, ...props }) => {
     const hashes = useFindHashes();
-    const { multipleFeatureSets } = useFetchPayloads(hashes);
+    const { multipleFeatureSets, apiError } = useFetchPayloads(hashes);
     const { heatMapColorProps, legendProps } = useHeatMapColors();
     const MapBoxHeatProps = {
         flexGrow: 1,
         legend: legendProps ? _jsx(AnimatedHeatMapLegend, { ...legendProps }) : null,
     };
+    if (apiError) {
+        return (_jsxs(Alert, { sx: { mt: 2 }, children: [_jsx(AlertTitle, { children: "Error Loading Map" }), "You might try authenticating again."] }));
+    }
     return (_jsx(FlexCol, { alignItems: "stretch", ...props, children: hashes !== undefined ? (_jsx(AnimatedHeatMap, { accessToken: accessToken, defaultMapSettings: AnimatedHeatMapSettings, animatedFeatureSets: multipleFeatureSets.slice(1, multipleFeatureSets.length), staticFeatureSet: multipleFeatureSets[0], heatMapColorProps: heatMapColorProps, ...MapBoxHeatProps })) : (_jsx(Alert, { children: "Missing answer hash for heat map query" })) }));
 };
 //# sourceMappingURL=AnimatedHetaMapLoaded.js.map

package/dist/esm/Components/AnimatedHetaMapLoaded.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHetaMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHetaMapLoaded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAMhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvG,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI;KACxE,CAAA;IAED,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YACpC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,uBAAuB,EAC3C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAyB,EACrG,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAuB,EAC9D,iBAAiB,EAAE,iBAAiB,KAChC,eAAe,GACnB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,yDAA+C,CACtD,GACO,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AnimatedHetaMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHetaMapLoaded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAMhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvG,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAClE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI;KACxE,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAClB,KAAC,UAAU,oCAA+B,2CAEpC,CACT,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YACpC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,uBAAuB,EAC3C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAyB,EACrG,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAuB,EAC9D,iBAAiB,EAAE,iBAAiB,KAChC,eAAe,GACnB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,yDAA+C,CACtD,GACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -10,13 +10,13 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^2.15.0",
-    "@xylabs/react-shared": "^2.15.0",
-    "@xyo-network/react-app-settings": "^2.37.1",
-    "@xyo-network/react-archive": "^2.37.1",
-    "@xyo-network/react-archivist-api": "^2.37.1",
-    "@xyo-network/react-network": "^2.37.1",
-    "@xyo-network/react-shared": "^2.37.1",
+    "@xylabs/react-flexbox": "^2.15.1",
+    "@xylabs/react-shared": "^2.15.1",
+    "@xyo-network/react-app-settings": "^2.37.3",
+    "@xyo-network/react-archive": "^2.37.3",
+    "@xyo-network/react-archivist-api": "^2.37.3",
+    "@xyo-network/react-network": "^2.37.3",
+    "@xyo-network/react-shared": "^2.37.3",
     "@xyo-network/sdk-geo": "^2.6.20",
     "geojson": "^0.5.0",
     "mapbox-gl": "^2.10.0",
@@ -79,5 +79,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.1"
+  "version": "2.37.3"
 }

package/src/Components/AnimatedHetaMapLoaded.tsx

@@ -1,4 +1,4 @@
-import { Alert } from '@mui/material'
+import { Alert, AlertTitle } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { Feature, Polygon } from 'geojson'
 
@@ -13,7 +13,7 @@ export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
 
 export const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ accessToken, ...props }) => {
   const hashes = useFindHashes()
-  const { multipleFeatureSets } = useFetchPayloads(hashes)
+  const { multipleFeatureSets, apiError } = useFetchPayloads(hashes)
   const { heatMapColorProps, legendProps } = useHeatMapColors()
 
   const MapBoxHeatProps = {
@@ -21,6 +21,15 @@ export const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ ac
     legend: legendProps ? <AnimatedHeatMapLegend {...legendProps} /> : null,
   }
 
+  if (apiError) {
+    return (
+      <Alert sx={{ mt: 2 }}>
+        <AlertTitle>Error Loading Map</AlertTitle>
+        You might try authenticating again.
+      </Alert>
+    )
+  }
+
   return (
     <FlexCol alignItems="stretch" {...props}>
       {hashes !== undefined ? (