@esri/solutions-components 1.2.0-next.95 → 1.2.0-next.97

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

@@ -1,27 +1,27 @@
-import { c as m } from "../../chunks/runtime.js";
-import { css as g, html as u } from "lit";
-import { u as v } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as h, safeClassMap as p } from "@arcgis/lumina";
-import { T as _ } from "../../chunks/solutions-deploy-app-nav.js";
-import { n as S, T as n, m as C } from "../../chunks/interfaces.js";
-import { createRef as a, ref as l } from "lit-html/directives/ref.js";
-import { C as b, g as w } from "../../chunks/cardFetchingUtils.js";
-import { useContextProvider as y } from "@arcgis/lumina/context";
-import { c as L, i as I } from "../../chunks/deployAppContexts.js";
-import { f as x, a as A } from "../../chunks/cardsHelpers.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.96 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
+import { T as TelemetryManager } from "../../chunks/solutions-deploy-app-nav.js";
+import { n as BASE_SOLUTIONS_TERMS, T as TELEMETRY_CATEGORY, m as BASE_DEPLOYED_TERMS } from "../../chunks/interfaces.js";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { C as CardsFetcher, g as getDeployedSolutions } from "../../chunks/cardFetchingUtils.js";
+import { useContextProvider } from "@arcgis/lumina/context";
+import { c as configContext, i as isMobileContext } from "../../chunks/deployAppContexts.js";
+import { f as findSolutionByTitleOrId, a as findSolutionByTypeKeywordSolutionId } from "../../chunks/cardsHelpers.js";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { _ as O } from "../../chunks/solution-deploy-dialog.js";
+import { _ as _appConfig } from "../../chunks/solution-deploy-dialog.js";
 import "../solutions-all-shell/customElement.js";
 import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
 import "../solution-deployed-card-panel/customElement.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.94 */
-const k = g`/** @license
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -35,73 +35,256 @@ const k = g`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}`;
-class E extends f {
+ */
+
+.back-color-override {
+  background-color: var(--calcite-color-foreground-2);
+  --calcite-tab-border-color: var(--calcite-color-foreground-3);
+}
+
+.display-none {
+  display: none !important;
+}
+
+.height-100 {
+  height: 100%;
+}
+
+/* Calcite overrides */
+
+calcite-tab-nav {
+  padding-bottom: 6px;
+  padding-top: 6px;
+}
+
+calcite-tabs {
+  --calcite-color-focus: transparent;
+  height: 100%;
+}
+
+.tab-space-0 {
+  --calcite-tab-content-space-y: var(--calcite-spacing-none);
+}
+
+.tab-space-md {
+  --calcite-tab-content-space-y: var(--calcite-spacing-md);
+}
+
+solutions-searchsort-toolbar,
+solutions-deploy-app-nav,
+solution-details-panel,
+solutions-resources-shell,
+solutions-deployed-shell,
+solutions-all-shell,
+calcite-tab-nav,
+solution-deployed-card-panel {
+  width: 1440px;
+  display: block;
+  max-width: 96vw;
+  padding-right: var(--calcite-spacing-none);
+  padding-left: var(--calcite-spacing-none);
+  margin-left: auto;
+  margin-right: auto;
+  box-sizing: border-box;
+}
+
+.border {
+  height: var(--calcite-spacing-px);
+  border-bottom-color: var(--calcite-color-border-3);
+  border-bottom-style: solid;
+  border-bottom-width: var(--calcite-border-width-sm);
+  box-sizing: border-box;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+solution-details-panel {
+  scroll-margin-top: 3rem;
+}`;
+class SolutionsDeployApp extends LitElement {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._activeTab = "all-solutions", this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${S}`, this._allCards = [], this._allShell = a(), this._allTab = a(), this._allTabTitle = a(), this._resourcesTab = a(), this._resourcesTabTitle = a(), this._categories = [], this._configContextProvider = y({ context: L }), this._delay = !1, this._deployAppNav = a(), this._deployedCardPanel = a(), this._deployedCardTab = a(), this._deployedCardTabTitle = a(), this._detailsShell = a(), this._detailsTab = a(), this._detailsTabTitle = a(), this._forceInit = !1, this._getSuggested = !1, this._isMobileContextProvider = y({ context: I }), this._mySolutionsShell = a(), this._mySolutionsTab = a(), this._mySolutionsTabTitle = a(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new _(), this.deployAppTabSelected = h(), this.detailsCardSelected = h(), this.deployedCardSelected = h(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this.listenOn(window, "navTabSelected", this._setActiveTab), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super();
+    this.initTitleOrId = "";
+    this.sortType = "relevance";
+    this.useLocalAppConfig = false;
+    this.authentication = void 0;
+    this._isLoaded = false;
+    this.isMobile = false;
+    this._activeTab = "all-solutions";
+    this._translations = useT9n({ name: "solutions-deploy-app", blocking: true });
+    this._agoTerms = `${BASE_SOLUTIONS_TERMS}`;
+    this._allCards = [];
+    this._allShell = createRef();
+    this._allTab = createRef();
+    this._allTabTitle = createRef();
+    this._resourcesTab = createRef();
+    this._resourcesTabTitle = createRef();
+    this._categories = [];
+    this._configContextProvider = useContextProvider({ context: configContext });
+    this._delay = false;
+    this._deployAppNav = createRef();
+    this._deployedCardPanel = createRef();
+    this._deployedCardTab = createRef();
+    this._deployedCardTabTitle = createRef();
+    this._detailsShell = createRef();
+    this._detailsTab = createRef();
+    this._detailsTabTitle = createRef();
+    this._forceInit = false;
+    this._getSuggested = false;
+    this._isMobileContextProvider = useContextProvider({ context: isMobileContext });
+    this._mySolutionsShell = createRef();
+    this._mySolutionsTab = createRef();
+    this._mySolutionsTabTitle = createRef();
+    this._sortField = "relevance";
+    this._sortOrder = "desc";
+    this._telemetryManager = new TelemetryManager();
+    this.deployAppTabSelected = createEvent();
+    this.detailsCardSelected = createEvent();
+    this.deployedCardSelected = createEvent();
+    this.listenOn(window, "detailsCardSelected", this._detailsCardSelected);
+    this.listenOn(window, "deployedCardSelected", this._deployedCardSelected);
+    this.listenOn(window, "deployProgressEnd", this._deployProgressEnd);
+    this.listenOn(window, "navTabSelected", this._setActiveTab);
+    this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
-    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _activeTab: 16, _translations: 16 };
+    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: [5, {}, { type: Boolean }], authentication: [16, {}, { state: true }], _isLoaded: [16, {}, { state: true }], isMobile: [16, {}, { state: true }], _activeTab: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = k;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextProvider.value?.telemetrySession;
   }
-  async selectTab(t, e) {
+  async selectTab(tab, filters) {
     if (this._isLoaded || this._forceInit) {
-      const i = this._getDefaultSearchOptions(e);
-      switch (t.tabType) {
+      const searchOptions = this._getDefaultSearchOptions(filters);
+      switch (tab.tabType) {
         case "all-solutions":
-          this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, i && await this._allShell.value?.searchSolutions(i);
+          this._allTab.value.selected = true;
+          this._allTabTitle.value.selected = true;
+          if (searchOptions) {
+            await this._allShell.value?.searchSolutions(searchOptions);
+          }
           break;
         case "resources":
-          this._resourcesTab.value.selected = !0, this._resourcesTabTitle.value.selected = !0;
+          this._resourcesTab.value.selected = true;
+          this._resourcesTabTitle.value.selected = true;
           break;
         case "deployed-card":
-          if (this._forceInit = !0, this._isLoaded = !1, this._cardsFetcherDeployed && await this._getDeployedSolutions(), this._deployedSolutions?.cards?.length > 0) {
-            let s;
-            this._deployedSolutions.cards.some((o) => o.id === t.tabTitleOrId ? (s = o, this.deployedCardSelected.emit({ card: s }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
+          this._forceInit = true;
+          this._isLoaded = false;
+          if (this._cardsFetcherDeployed) {
+            await this._getDeployedSolutions();
+          }
+          if (this._deployedSolutions?.cards?.length > 0) {
+            let card;
+            this._deployedSolutions.cards.some((c) => {
+              if (c.id === tab.tabTitleOrId) {
+                card = c;
+                this.deployedCardSelected.emit({ card });
+                return true;
+              } else {
+                return false;
+              }
+            });
+            this._isLoaded = true;
+            this._forceInit = false;
           }
           break;
         case "details":
           if (this._allCards) {
-            let s = x(this._allCards, t.tabTitleOrId);
-            s = s || A(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
+            let card = findSolutionByTitleOrId(this._allCards, tab.tabTitleOrId);
+            card = card ? card : findSolutionByTypeKeywordSolutionId(this._allCards, tab.tabTitleOrId);
+            if (card) {
+              this._detailsTab.value.selected = true;
+              this._detailsTabTitle.value.selected = true;
+              this.detailsCardSelected.emit(card);
+            } else {
+              tab.tabType = "all-solutions";
+              this._allTab.value.selected = true;
+              this._allTabTitle.value.selected = true;
+            }
           }
           break;
         case "deployments":
-          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, i && await this._mySolutionsShell.value?.searchSolutions(i);
+          this._mySolutionsTab.value.selected = true;
+          this._mySolutionsTabTitle.value.selected = true;
+          if (searchOptions) {
+            await this._mySolutionsShell.value?.searchSolutions(searchOptions);
+          }
           break;
       }
-      return this._setActiveTab(new CustomEvent("setActiveTab", { detail: t })), this._blurTabs(), !0;
-    } else
-      return this._initTab = t, this._initFilters = e, !1;
+      this._setActiveTab(new CustomEvent("setActiveTab", { detail: tab }));
+      this._blurTabs();
+      return true;
+    } else {
+      this._initTab = tab;
+      this._initFilters = filters;
+      return false;
+    }
   }
   async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+    super.connectedCallback();
+    this._mediaQuery = window.matchMedia("(max-width: 800px)");
+    this._mediaQuery.addEventListener("change", this._mediaQueryChange);
+    this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = O);
+    if (this.useLocalAppConfig) {
+      this.appConfig = _appConfig;
+    }
   }
   render() {
-    const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return u`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${l(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && u`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${p(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${p(e)} scale=l><calcite-tab-nav class="display-none" slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    const loaderCss = this._isLoaded ? "display-none" : "";
+    const tabsCss = this._isLoaded ? "" : "display-none";
+    return html`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${ref(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && html`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${safeClassMap(loaderCss)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${safeClassMap(tabsCss)} scale=l><calcite-tab-nav class="display-none" slot=title-group><calcite-tab-title ${ref(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${ref(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${ref(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${ref(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${ref(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${ref(this._allTab)}><solutions-all-shell class="height-100" ${ref(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${ref(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${ref(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${ref(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${ref(this._detailsTab)}><solution-details-panel class="height-100" ${ref(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${ref(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${ref(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
+    super.disconnectedCallback();
+    this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
   }
-  async _handleAuthInit(t) {
-    const e = t.detail;
-    e.telemetrySession || (e.telemetrySession = _.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardsFetcherDeployed = new b(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcher = new b(e.locale, e.orgUrl, e.portalUrl), await this._getSolutions(e.primarySolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._initTab && (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0);
+  async _handleAuthInit(evt) {
+    const config = evt.detail;
+    if (!config.telemetrySession) {
+      config.telemetrySession = TelemetryManager.getDisabledSession();
+    }
+    this._configContextProvider.setValue(config);
+    if (config.authentication) {
+      this.authentication = config.authentication;
+    }
+    this._cardsFetcherDeployed = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    this._cardsFetcher = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    await this._getSolutions(config.primarySolutionsGroupId);
+    this._configContextProvider.value.allCards = this._allCards;
+    this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession;
+    this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl;
+    await this._initializeTelemetry();
+    this._isLoaded = true;
+    if (this._initTab) {
+      this.selectTab(this._initTab, this._initFilters);
+      this._logTabViewTelemetry(this._initTab.tabType);
+      this._initTab = void 0;
+      this._initFilters = void 0;
+    } else {
+      this._logTabViewTelemetry(this._activeTab);
+    }
   }
-  _mediaQueryChange(t) {
-    this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
+  _mediaQueryChange(event) {
+    this.isMobile = event.matches;
+    this._isMobileContextProvider.setValue(this.isMobile);
   }
-  _setActiveTab(t) {
-    const i = t.detail.tabType, s = this._activeTab !== i;
-    switch (this._activeTab = i, s && this._logTabViewTelemetry(i), i) {
+  _setActiveTab(evt) {
+    const navTab = evt.detail;
+    const tabType = navTab.tabType;
+    const shouldLogTelemetry = this._activeTab !== tabType;
+    this._activeTab = tabType;
+    if (shouldLogTelemetry) {
+      this._logTabViewTelemetry(tabType);
+    }
+    switch (tabType) {
       case "all-solutions":
         this._allTabTitle.value?.click();
         break;
@@ -118,97 +301,156 @@ class E extends f {
         this._detailsTabTitle.value?.click();
         break;
     }
-    i !== "details" && i !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(i), this.deployAppTabSelected.emit(i));
+    if (tabType !== "details" && tabType !== "deployed-card") {
+      this._deployAppNav.value.activateMenuItem(tabType);
+      this.deployAppTabSelected.emit(tabType);
+    }
   }
-  _logTabViewTelemetry(t, e) {
-    let i;
-    switch (t) {
+  _logTabViewTelemetry(tabType, solutionCard) {
+    let telemetryCategory;
+    switch (tabType) {
       case "all-solutions":
-        i = n.ALL_SOLUTIONS;
+        telemetryCategory = TELEMETRY_CATEGORY.ALL_SOLUTIONS;
         break;
       case "deployments":
-        i = n.DEPLOYMENTS;
+        telemetryCategory = TELEMETRY_CATEGORY.DEPLOYMENTS;
         break;
       case "resources":
-        i = n.RESOURCES;
+        telemetryCategory = TELEMETRY_CATEGORY.RESOURCES;
         break;
       case "details":
-        i = n.SOLUTION_DETAILS;
+        telemetryCategory = TELEMETRY_CATEGORY.SOLUTION_DETAILS;
         break;
       case "deployed-card":
-        i = n.DEPLOYMENTS;
+        telemetryCategory = TELEMETRY_CATEGORY.DEPLOYMENTS;
         break;
     }
-    if (!((t === "details" || t === "deployed-card") && !e) && i) {
-      const s = [];
-      if ((t === "details" || t === "deployed-card") && e) {
-        const r = e;
-        s.push(r.title || ""), s.push(r.deployCommonId || ""), s.push(r.deployVersion || "");
+    if ((tabType === "details" || tabType === "deployed-card") && !solutionCard) {
+      return;
+    }
+    if (telemetryCategory) {
+      const dimensions = [];
+      if ((tabType === "details" || tabType === "deployed-card") && solutionCard) {
+        const card = solutionCard;
+        dimensions.push(card.title || "");
+        dimensions.push(card.deployCommonId || "");
+        dimensions.push(card.deployVersion || "");
       }
-      const o = t === "deployed-card" ? "Open" : "View";
+      const action = tabType === "deployed-card" ? "Open" : "View";
       this._telemetry?.logEvent({
-        category: i,
-        action: o,
-        dimensions: s.length > 0 ? s : void 0
+        category: telemetryCategory,
+        action,
+        dimensions: dimensions.length > 0 ? dimensions : void 0
       });
     }
   }
-  _detailsCardSelected(t) {
-    this._activeTab = "details", this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), t?.detail && (this._selectedDetailsCard = t.detail), this._logTabViewTelemetry("details", this._selectedDetailsCard);
+  _detailsCardSelected(evt) {
+    this._activeTab = "details";
+    this._detailsTabTitle.value.selected = true;
+    this._detailsTab.value.selected = true;
+    this._deployAppNav.value.clearMenuItems();
+    if (evt?.detail) {
+      this._selectedDetailsCard = evt.detail;
+    }
+    this._logTabViewTelemetry("details", this._selectedDetailsCard);
   }
-  _deployedCardSelected(t) {
-    this._activeTab = "deployed-card", this._deployedCardTabTitle.value.selected = !0, this._deployedCardTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), t?.detail?.card && (this._selectedDeployedCard = t.detail.card), this._logTabViewTelemetry("deployed-card", this._selectedDeployedCard);
+  _deployedCardSelected(evt) {
+    this._activeTab = "deployed-card";
+    this._deployedCardTabTitle.value.selected = true;
+    this._deployedCardTab.value.selected = true;
+    this._deployAppNav.value.clearMenuItems();
+    if (evt?.detail?.card) {
+      this._selectedDeployedCard = evt.detail.card;
+    }
+    this._logTabViewTelemetry("deployed-card", this._selectedDeployedCard);
   }
   _deployProgressEnd() {
-    this._activeTab = "deployments", this._mySolutionsTabTitle.value.selected = !0, this._mySolutionsTab.value.selected = !0;
+    this._activeTab = "deployments";
+    this._mySolutionsTabTitle.value.selected = true;
+    this._mySolutionsTab.value.selected = true;
   }
   async _initializeTelemetry() {
-    const t = this._configContextProvider.value;
-    if (!this.authentication || !t)
+    const config = this._configContextProvider.value;
+    if (!this.authentication || !config)
       return;
-    const e = await this._telemetryManager.initializeTelemetry(this.authentication, t);
-    this._configContextProvider.value.telemetrySession = e;
-  }
-  async _getSolutions(t) {
-    const e = await this._cardsFetcher?.requestAvailableSolutionCards({
-      q: this._agoTerms,
-      filter: "type:Solution",
-      sortField: this._sortField,
-      sortOrder: this._sortOrder,
+    const telemetrySession = await this._telemetryManager.initializeTelemetry(this.authentication, config);
+    this._configContextProvider.value.telemetrySession = telemetrySession;
+  }
+  async _getSolutions(primarySolutionsGroupId) {
+    const fetchedCards = await this._cardsFetcher?.requestAvailableSolutionCards({
+      "q": this._agoTerms,
+      "filter": "type:Solution",
+      "sortField": this._sortField,
+      "sortOrder": this._sortOrder,
       // TODO default search when old app loads is desc...may need to switch this for other
-      nextStart: -1,
-      categories: this._categories,
-      delay: this._delay,
-      getSuggested: this._getSuggested
-    }, t, "", this._configContextProvider.value.userSession, {
-      num: 1e3
+      "nextStart": -1,
+      "categories": this._categories,
+      "delay": this._delay,
+      "getSuggested": this._getSuggested
+    }, primarySolutionsGroupId, "", this._configContextProvider.value.userSession, {
+      "num": 1e3
     });
-    return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
+    if (this._allCards.length === 0 && fetchedCards?.cards) {
+      this._allCards = fetchedCards?.cards;
+    }
+    return this._allCards;
   }
   async _getDeployedSolutions() {
-    const t = this._configContextProvider.value.authentication, e = this._configContextProvider.value.userSession;
-    t && e && t.IsSignedIn && (this._deployedSolutions = await w(t, e, this._cardsFetcher, this._cardsFetcherDeployed, C, "created"));
+    const authentication = this._configContextProvider.value.authentication;
+    const userSession = this._configContextProvider.value.userSession;
+    if (authentication && userSession && authentication.IsSignedIn) {
+      this._deployedSolutions = await getDeployedSolutions(authentication, userSession, this._cardsFetcher, this._cardsFetcherDeployed, BASE_DEPLOYED_TERMS, "created");
+    }
   }
   _blurTabs() {
-    this._allTabTitle.value?.blur(), this._resourcesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
+    this._allTabTitle.value?.blur();
+    this._resourcesTabTitle.value?.blur();
+    this._detailsTabTitle.value?.blur();
+    this._mySolutionsTabTitle.value?.blur();
   }
   _isSearchToolbarShowing() {
-    return this._activeTab === "all-solutions" || this._activeTab === "deployments" && this.authentication?.IsSignedIn === !0;
+    return this._activeTab === "all-solutions" || this._activeTab === "deployments" && this.authentication?.IsSignedIn === true;
   }
-  _getDefaultSearchOptions(t) {
-    let e;
-    if (t) {
-      const i = t.domain, s = t.industry, o = t.offerType, r = t.searchTerm, T = "";
-      let c = t.sortField;
-      const d = t.owner;
-      e = i || s ? {
-        type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: T }), c && (e = e ? { ...e, sortType: c } : { sortType: c }), o && (c = o.toLowerCase(), e = e ? { ...e, sortType: c } : { sortType: c }), d && (e = e ? { ...e, owner: d } : { owner: d });
+  _getDefaultSearchOptions(filters) {
+    let searchOptions = void 0;
+    if (filters) {
+      const domain = filters.domain;
+      const industry = filters.industry;
+      const offerType = filters.offerType;
+      const searchTerm = filters.searchTerm;
+      const displayValue = "";
+      let sortType = filters.sortField;
+      const owner = filters.owner;
+      searchOptions = domain || industry ? {
+        type: domain ? "domain" : industry ? "industry" : ""
+      } : void 0;
+      if (domain) {
+        searchOptions = searchOptions ? { ...searchOptions, domain } : { domain };
+      }
+      if (industry) {
+        searchOptions = searchOptions ? { ...searchOptions, industry } : { industry };
+      }
+      if (searchTerm) {
+        searchOptions = searchOptions ? { ...searchOptions, searchTerm } : { searchTerm };
+      }
+      if (searchOptions) {
+        searchOptions = { ...searchOptions, displayValue };
+      }
+      if (sortType) {
+        searchOptions = searchOptions ? { ...searchOptions, sortType } : { sortType };
+      }
+      if (offerType) {
+        sortType = offerType.toLowerCase();
+        searchOptions = searchOptions ? { ...searchOptions, sortType } : { sortType };
+      }
+      if (owner) {
+        searchOptions = searchOptions ? { ...searchOptions, owner } : { owner };
+      }
     }
-    return e;
+    return searchOptions;
   }
 }
-m("solutions-deploy-app", E);
+customElement("solutions-deploy-app", SolutionsDeployApp);
 export {
-  E as SolutionsDeployApp
+  SolutionsDeployApp
 };

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

@@ -1,7 +1,10 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.96 */
 import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
-import { S as n } from "../../chunks/solutions-deploy-app-nav.js";
+import { S } from "../../chunks/solutions-deploy-app-nav.js";
 import "../../chunks/Auth.js";
 import "../../chunks/interfaces.js";
 import "lit-html/directives/ref.js";
@@ -9,9 +12,6 @@ import "@esri/solution-common";
 import "../../chunks/deployAppContexts.js";
 import "@arcgis/lumina/context";
 import "lit";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.94 */
 export {
-  n as SolutionsDeployAppNav
+  S as SolutionsDeployAppNav
 };