@esri/solutions-components 5.1.0-next.155 → 5.1.0-next.156

package/dist/components/solutions-deploy-app/customElement.js

@@ -10,7 +10,7 @@ import { createRef as o, ref as a } from "lit-html/directives/ref.js";
 import { C as y } from "../../chunks/CardsFetcher.js";
 import { g as O } from "../../chunks/cardFetchingUtils.js";
 import { useContextProvider as b } from "@arcgis/lumina/context";
-import { c as F, b as L, i as $ } from "../../chunks/deployAppContexts.js";
+import { c as F, b as $, i as L } from "../../chunks/deployAppContexts.js";
 import { t as M } from "../../chunks/solution-builder-assistant.js";
 import { h as k, a as E } from "../../chunks/cardsHelpers.js";
 import "@esri/solution-common";
@@ -677,7 +677,7 @@ const R = S`.back-color-override{background-color:var(--calcite-color-surface-3)
 };
 class V extends w {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isViewportMobile = window.innerWidth <= 800, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._fabTooltipDismissed = !1, this._activeTab = "all-solutions", this._activeResourcesMenuItem = "getStarted", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = b({ context: F }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = o(), this._builderDesignContextProvider = b({ context: L }), this._isMobileContextProvider = b({ context: $ }), this._handleWindowResize = () => {
+    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isViewportMobile = window.innerWidth <= 800, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._fabTooltipDismissed = !1, this._activeTab = "all-solutions", this._activeResourcesMenuItem = "getStarted", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = b({ context: F }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = o(), this._builderDesignContextProvider = b({ context: $ }), this._isMobileContextProvider = b({ context: L }), this._handleWindowResize = () => {
       const e = window.innerWidth <= 800;
       this._isViewportMobile !== e && (this._isViewportMobile = e, e && (this._isAssistantOpen = !1, this._builderVisible = !1));
     }, this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._resourcesShell = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new m(), this.deployAppTabSelected = c(), this.deployedCardFetchFailed = c(), this.detailsCardSelected = c(), this.deployedCardSelected = c(), this.metaTagStringsReady = c(), this.sessionRefreshed = c(), this.tabChanged = c(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (e) => this.selectTab(e.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
@@ -742,7 +742,7 @@ class V extends w {
           if (this.authentication?.IsSignedIn) {
             if (this._forceInit = !0, this._isLoaded = !1, this._cardFetcherDeployed && await this._getDeployedSolution(e.tabTitleOrId), this._deployedSolutions?.cards?.length > 0) {
               let s;
-              this._deployedSolutions.cards.some((l) => l.id === e.tabTitleOrId ? (s = l, this.deployedCardSelected.emit({ card: s }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
+              this._deployedSolutions.cards.some((n) => n.id === e.tabTitleOrId ? (s = n, this.deployedCardSelected.emit({ card: s }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
             } else
               return this._isLoaded = !0, this._forceInit = !1, this.selectTab({ tabTitleOrId: "", tabType: "deployments" }, t);
             break;
@@ -811,7 +811,7 @@ class V extends w {
     const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
     return d`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${a(this._mainContentRef)}>${this._isSearchToolbarShowing() && d`<div class="border"></div>` || ""}${this._activeTab !== "resources" && d`<solutions-searchsort-toolbar ${a(async (i) => {
       i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i);
-    })}></solutions-searchsort-toolbar>` || ""}${this._activeTab === "resources" && d`<div class="border"></div><div class="resources-menu-container"><calcite-menu label="Resources Navigation" class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} label="Get Started" text="Get Started" @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} label=Documentation text=Documentation @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} label=Support text=Support @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${_(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && d`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+    })}></solutions-searchsort-toolbar>` || ""}${this._activeTab === "resources" && d`<div class="border"></div><div class="resources-menu-container"><calcite-menu .label=${this._translations.resourcesNavigationMenuLabel} class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} .label=${this._translations.resourcesGetStarted} .text=${this._translations.resourcesGetStarted} @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} .label=${this._translations.resourcesDocumentation} .text=${this._translations.resourcesDocumentation} @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} .label=${this._translations.resourcesSupport} .text=${this._translations.resourcesSupport} @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${_(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && d`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
       this._openAssistant(), this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
     }} scale=l></calcite-fab>${!this._fabTooltipDismissed && d`<calcite-popover closable class=${`assistant-fab-popover${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} .label=${this._translations.assistantFabTooltip} overlay-positioning=fixed @calcitePopoverClose=${() => {
       this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
@@ -876,13 +876,13 @@ class V extends w {
     if (!((e === "details" || e === "deployed-card") && !t) && i) {
       const s = [];
       if ((e === "details" || e === "deployed-card") && t) {
-        const n = t;
-        s.push(n.title || ""), s.push(n.deployCommonId || ""), s.push(n.deployVersion || ""), s.push(""), s.push(P(n.typeKeywords));
+        const l = t;
+        s.push(l.title || ""), s.push(l.deployCommonId || ""), s.push(l.deployVersion || ""), s.push(""), s.push(P(l.typeKeywords));
       }
-      const l = e === "deployed-card" ? "Open" : "View";
+      const n = e === "deployed-card" ? "Open" : "View";
       this._telemetry?.logEvent({
         category: i,
-        action: l,
+        action: n,
         dimensions: s.length > 0 ? s : void 0
       });
     }
@@ -982,11 +982,11 @@ class V extends w {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
       const s = A(t);
       try {
-        const l = await O(t, i, this._cardsFetcher, this._cardFetcherDeployed, x, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", e);
-        l.cards.length === 0 || l.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = l;
-      } catch (l) {
-        const n = l.message;
-        n.indexOf("CONT_0001") > -1 || n.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : n.indexOf("GWM_0003") > -1 || n.indexOf("You do not have permissions to access this resource or perform this operation.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(l);
+        const n = await O(t, i, this._cardsFetcher, this._cardFetcherDeployed, x, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", e);
+        n.cards.length === 0 || n.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = n;
+      } catch (n) {
+        const l = n.message;
+        l.indexOf("CONT_0001") > -1 || l.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : l.indexOf("GWM_0003") > -1 || l.indexOf("You do not have permissions to access this resource or perform this operation.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(n);
       }
     }
   }
@@ -999,12 +999,12 @@ class V extends w {
   _getDefaultSearchOptions(e) {
     let t;
     if (e) {
-      const i = e.domain, s = e.industry === "AEC" ? I.AEC : e.industry, l = e.offerType, n = e.searchTerm, g = "";
+      const i = e.domain, s = e.industry === "AEC" ? I.AEC : e.industry, n = e.offerType, l = e.searchTerm, g = "";
       let r = e.sortField;
       const p = e.owner, u = e.filter;
       r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), t = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (t = t ? { ...t, domain: i } : { domain: i }), s && (t = t ? { ...t, industry: s } : { industry: s }), n && (t = t ? { ...t, searchTerm: n } : { searchTerm: n }), t && (t = { ...t, displayValue: g }), r && (t = t ? { ...t, sortType: r } : { sortType: r }), l && (r = l.toLowerCase(), t = t ? { ...t, sortType: r } : { sortType: r }), p && (t = t ? { ...t, owner: p } : { owner: p }), u && (t = t ? { ...t, filter: u } : { filter: u });
+      } : void 0, i && (t = t ? { ...t, domain: i } : { domain: i }), s && (t = t ? { ...t, industry: s } : { industry: s }), l && (t = t ? { ...t, searchTerm: l } : { searchTerm: l }), t && (t = { ...t, displayValue: g }), r && (t = t ? { ...t, sortType: r } : { sortType: r }), n && (r = n.toLowerCase(), t = t ? { ...t, sortType: r } : { sortType: r }), p && (t = t ? { ...t, owner: p } : { owner: p }), u && (t = t ? { ...t, filter: u } : { filter: u });
     }
     return t;
   }
@@ -1017,14 +1017,14 @@ class V extends w {
   _setRefreshInterval() {
     const { userSession: e, authentication: t } = this._configContextProvider.value;
     if (e && e.tokenDuration && t?.IsSignedIn) {
-      const i = Date.now(), l = (t.Credential?.expires - i) * 0.95;
+      const i = Date.now(), n = (t.Credential?.expires - i) * 0.95;
       setInterval(async () => {
         if (t.Credential && t.Credential.expires) {
           await t.Credential?.refreshToken();
-          const n = new Date(t.Credential.expires);
-          e.updateToken(t.Credential.token, n), this.sessionRefreshed.emit(e.token);
+          const l = new Date(t.Credential.expires);
+          e.updateToken(t.Credential.token, l), this.sessionRefreshed.emit(e.token);
         }
-      }, l);
+      }, n);
     }
   }
 }