@esri/solutions-components 0.8.4 → 0.8.5

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -1571,6 +1571,38 @@ const LayerTable = class {
 };
 LayerTable.style = layerTableCss;
 
+function joinAppProxies(map, config, appProxies) {
+    if (appProxies) {
+        appProxies.forEach((proxy) => {
+            map.allLayers.forEach((layer) => {
+                if (layer && layer.url === proxy.sourceUrl) {
+                    // directly change the layer url to the proxy url
+                    layer.url = proxy.proxyUrl;
+                    // Replace the layer's portalItem's url with the proxy url too, otherwise anonymous viewers get a sign-in prompt.
+                    if (layer.portalItem) {
+                        layer.portalItem.when(() => {
+                            // layer.portalItem exists, see above. Not sure why typescript thinks it could be undefined here.
+                            layer.portalItem.url = proxy.proxyUrl;
+                        });
+                    }
+                    // also add a request interceptor in case we missed any requests to the original url, or the jsapi team adds new requests in the future.
+                    config.request?.interceptors?.push({
+                        // this interceptor only applies to requests made to this proxy's sourceUrl (the layer's original url).
+                        urls: proxy.sourceUrl,
+                        before: (params) => {
+                            // change requests from the original url to the proxy url
+                            if (params.url && params.url === proxy.sourceUrl) {
+                                params.url = proxy.proxyUrl;
+                            }
+                        },
+                    });
+                }
+            });
+        });
+    }
+    return map;
+}
+
 const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 51px)}.height-full{height:100%}.box-shadow{box-shadow:none !important}.visibility-hidden-1{visibility:hidden;height:1px;}.display-none{display:none}";
 
 const MapCard = class {
@@ -1586,6 +1618,7 @@ const MapCard = class {
          * string: the id of map currently displayed
          */
         this._loadedId = "";
+        this.appProxies = undefined;
         this.defaultWebmapId = "";
         this.enableHome = undefined;
         this.enableLegend = undefined;
@@ -1662,14 +1695,16 @@ const MapCard = class {
      * @protected
      */
     async _initModules() {
-        const [WebMap, MapView, Home] = await locale.loadModules([
+        const [WebMap, MapView, Home, esriConfig] = await locale.loadModules([
             "esri/WebMap",
             "esri/views/MapView",
-            "esri/widgets/Home"
+            "esri/widgets/Home",
+            "esri/config"
         ]);
         this.WebMap = WebMap;
         this.MapView = MapView;
         this.Home = Home;
+        this.esriConfig = esriConfig;
     }
     /**
      * Load the webmap for the provided webMapInfo
@@ -1690,6 +1725,10 @@ const MapCard = class {
             const webMap = new this.WebMap({
                 portalItem: { id }
             });
+            if (this.appProxies) {
+                await webMap.load();
+                await joinAppProxies(webMap, this.esriConfig, this.appProxies);
+            }
             this.mapView = new this.MapView({
                 container: this._mapDiv,
                 map: webMap,

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -39,6 +39,7 @@ const CrowdsourceManager = class {
          * MapView.when is not fired when mapView is not currently visible
          */
         this._shouldSetMapView = false;
+        this.appProxies = undefined;
         this.defaultCenter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
@@ -326,7 +327,7 @@ const CrowdsourceManager = class {
     _getMapNode(panelOpen) {
         var _a;
         const mapContainerClass = this._layoutMode === interfaces.ELayoutMode.HORIZONTAL && (!this._isMobile || panelOpen) ? "" : "adjusted-height-50";
-        return (index.h("div", { class: `${mapContainerClass} overflow-hidden` }, index.h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", defaultWebmapId: this.defaultWebmap, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: true, hidden: this._expandPopup && !this._isMobile, homeZoomIndex: 3, homeZoomPosition: "top-left", homeZoomToolsSize: "s", mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false), mapWidgetsIndex: 0, mapWidgetsPosition: "top-right", mapWidgetsSize: "m", stackTools: true, theme: this.theme, toolOrder: ["legend", "search", "fullscreen", "basemap", "floorfilter"] })));
+        return (index.h("div", { class: `${mapContainerClass} overflow-hidden` }, index.h("map-card", { appProxies: this.appProxies, basemapConfig: this.basemapConfig, class: "width-full", defaultWebmapId: this.defaultWebmap, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: true, hidden: this._expandPopup && !this._isMobile, homeZoomIndex: 3, homeZoomPosition: "top-left", homeZoomToolsSize: "s", mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false), mapWidgetsIndex: 0, mapWidgetsPosition: "top-right", mapWidgetsSize: "m", stackTools: true, theme: this.theme, toolOrder: ["legend", "search", "fullscreen", "basemap", "floorfilter"] })));
     }
     /**
      * Get the expand node for the popup information