@esri/solutions-components 5.1.0-next.67 → 5.1.0-next.69

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

@@ -1,156 +1,495 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
-import { repeat as m } from "lit/directives/repeat.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { LitElement as C, createEvent as d, safeClassMap as _, nothing as S } from "@arcgis/lumina";
-import { css as w, html as h } from "lit";
-import { T as u } from "../../chunks/solutions-deploy-app-nav.js";
-import { a as x, T as c, F as O, B as A, e as F } from "../../chunks/helpers.js";
-import { createRef as o, ref as l } from "lit-html/directives/ref.js";
-import { C as T, g as D } from "../../chunks/cardFetchingUtils.js";
-import { useContextProvider as y } from "@arcgis/lumina/context";
-import { c as I, i as $ } from "../../chunks/deployAppContexts.js";
-import { h as k, f as E } from "../../chunks/cardsHelpers.js";
+import { c as customElement } from "../../chunks/runtime.js";
+import { repeat } from "lit/directives/repeat.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
+import { css, html } from "lit";
+import { T as TelemetryManager } from "../../chunks/solutions-deploy-app-nav.js";
+import { a as BASE_SOLUTIONS_TERMS, T as TELEMETRY_CATEGORY, F as getUserIsAdmin, B as BASE_DEPLOYED_TERMS, e as EIndustry } from "../../chunks/helpers.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, b as builderDesignContext, i as isMobileContext } from "../../chunks/deployAppContexts.js";
+import { h as findSolutionByTitleOrId, f 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 "@arcgis/core/intl.js";
-import { _ as M } 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";
-const R = w`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--assistant-panel-width: 420px}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.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-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-2);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}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(2vw,calc((100vw - 1440px)/2));margin-right:0;width:auto;max-width:1440px}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);z-index:400;display:flex;flex-direction:column;box-shadow:-6px 0 8px -4px #00000026}@media(max-width:800px){.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`;
-class P extends C {
+import "../solution-builder-assistant/customElement.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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-surface-3);
+  --calcite-tab-border-color: var(--calcite-color-surface-4);
+}
+
+:host {
+  --assistant-panel-width: 420px;
+}
+
+.display-none {
+  display: none !important;
+}
+
+.height-100 {
+  height: 100%;
+}
+
+/* Calcite overrides */
+
+calcite-tab-nav {
+  padding-bottom: 6px;
+  padding-top: 6px;
+}
+
+calcite-tab {
+  --calcite-color-focus: transparent;
+}
+
+calcite-tab > * {
+  --calcite-color-focus: initial;
+}
+
+calcite-tabs {
+  --calcite-tab-border-color: var(--calcite-color-border-2);
+  flex: 1;
+  min-height: 0;
+}
+
+.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-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-2);
+  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;
+}
+
+.main-content {
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.main-content.assistant-open {
+  margin-right: var(--assistant-panel-width);
+}
+
+.assistant-open solutions-searchsort-toolbar,
+.assistant-open solution-details-panel,
+.assistant-open solutions-deployed-shell,
+.assistant-open solutions-all-shell,
+.assistant-open calcite-tab-nav,
+.assistant-open solution-deployed-card-panel {
+  margin-left: max(2vw, calc((100vw - 1440px) / 2));
+  margin-right: 0;
+  width: auto;
+  max-width: 1440px;
+}
+
+.assistant-panel {
+  position: fixed;
+  top: 65px;
+  right: 0;
+  bottom: 0;
+  width: var(--assistant-panel-width);
+  z-index: 400;
+  display: flex;
+  flex-direction: column;
+  box-shadow: -6px 0 8px -4px rgba(0, 0, 0, 0.15);
+}
+
+@media (max-width: 800px) {
+  .assistant-panel {
+    width: 100%;
+    box-shadow: none;
+  }
+
+  .main-content.assistant-open {
+    margin-right: 0;
+  }
+}
+
+.assistant-fab {
+  position: fixed;
+  bottom: var(--calcite-spacing-xxl);
+  right: var(--calcite-spacing-xxl);
+  z-index: 500;
+}
+
+calcite-tooltip {
+  --calcite-tooltip-max-size-x: 16rem;
+}`;
+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._isAssistantOpen = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${x}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = y({ context: I }), 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._isMobileContextProvider = y({ context: $ }), this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new u(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), 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", (t) => this.selectTab(t.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
+    super();
+    this.initTitleOrId = "";
+    this.sortType = "relevance";
+    this.useLocalAppConfig = false;
+    this.authentication = void 0;
+    this._isLoaded = false;
+    this.isMobile = false;
+    this._isAssistantOpen = false;
+    this._showFabTooltip = true;
+    this._activeTab = "all-solutions";
+    this._showDeployedCardFetchFailed = false;
+    this._globalAlerts = [];
+    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._deployCardFetchFailedMessage = "";
+    this._deployedCardTab = createRef();
+    this._deployedCardTabTitle = createRef();
+    this._detailsShell = createRef();
+    this._detailsTab = createRef();
+    this._detailsTabTitle = createRef();
+    this._forceInit = false;
+    this._getSuggested = false;
+    this._tabpanelsFixed = false;
+    this._solutionBuilderTabTitle = createRef();
+    this._solutionBuilderPanel = createRef();
+    this._solutionBuilderTab = createRef();
+    this._builderDesignContextProvider = useContextProvider({ context: builderDesignContext });
+    this._isMobileContextProvider = useContextProvider({ context: isMobileContext });
+    this._mainContentRef = createRef();
+    this._mySolutionsShell = createRef();
+    this._mySolutionsTab = createRef();
+    this._mySolutionsTabTitle = createRef();
+    this._sortField = "relevance";
+    this._sortOrder = "desc";
+    this._telemetryManager = new TelemetryManager();
+    this.deployAppTabSelected = createEvent();
+    this.deployedCardFetchFailed = createEvent();
+    this.detailsCardSelected = createEvent();
+    this.deployedCardSelected = createEvent();
+    this.metaTagStringsReady = createEvent();
+    this.sessionRefreshed = createEvent();
+    this.tabChanged = createEvent();
+    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", (evt) => this.selectTab(evt.detail, {}));
+    this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert);
+    this.listenOn(window, "openAssistant", () => {
       this._openAssistant();
-    }), this.listenOn(window, "closeAssistant", () => {
-      this._isAssistantOpen = !1;
     });
+    this.listenOn(window, "closeAssistant", () => {
+      this._isAssistantOpen = false;
+    });
+    this.listenOn(window, "arcgis-solution-design-update", this._solutionBuilderSelected);
   }
   static {
-    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _isAssistantOpen: 16, _showFabTooltip: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 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 }], _isAssistantOpen: [16, {}, { state: true }], _showFabTooltip: [16, {}, { state: true }], _activeTab: [16, {}, { state: true }], _showDeployedCardFetchFailed: [16, {}, { state: true }], _globalAlerts: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = R;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextProvider.value?.telemetrySession;
   }
   get _isDisconnectedEnvironment() {
-    return this._configContextProvider.value?.isEnterprise === !0 && this._configContextProvider.value?.authentication?.CanSearchArcGISOnline === !1;
+    return this._configContextProvider.value?.isEnterprise === true && this._configContextProvider.value?.authentication?.CanSearchArcGISOnline === false;
   }
   _openAssistant() {
     this._telemetry?.logEvent({
-      category: c.ASSISTANT,
+      category: TELEMETRY_CATEGORY.ASSISTANT,
       action: "Open"
-    }), this._isAssistantOpen = !0;
+    });
+    this._isAssistantOpen = true;
   }
-  async selectTab(t, e) {
+  async selectTab(tab, filters) {
     if (this._isLoaded || this._forceInit) {
-      const s = this._getDefaultSearchOptions(e);
-      switch (this._searchSortToolbar && (this._searchSortToolbar.scope = t.tabType), t.tabType) {
+      const searchOptions = this._getDefaultSearchOptions(filters);
+      if (this._searchSortToolbar) {
+        this._searchSortToolbar.scope = tab.tabType;
+      }
+      switch (tab.tabType) {
         case "all-solutions":
-          this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, s && await this._allShell.value?.searchSolutions(s);
+          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.authentication?.IsSignedIn) {
-            if (this._forceInit = !0, this._isLoaded = !1, this._cardFetcherDeployed && await this._getDeployedSolution(t.tabTitleOrId), this._deployedSolutions?.cards?.length > 0) {
-              let i;
-              this._deployedSolutions.cards.some((a) => a.id === t.tabTitleOrId ? (i = a, this.deployedCardSelected.emit({ card: i }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
-            } else
-              return this._isLoaded = !0, this._forceInit = !1, this.selectTab({ tabTitleOrId: "", tabType: "deployments" }, e);
+            this._forceInit = true;
+            this._isLoaded = false;
+            if (this._cardFetcherDeployed) {
+              await this._getDeployedSolution(tab.tabTitleOrId);
+            }
+            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;
+            } else {
+              this._isLoaded = true;
+              this._forceInit = false;
+              return this.selectTab({ tabTitleOrId: "", tabType: "deployments" }, filters);
+            }
             break;
-          } else
+          } else {
             await this.authentication?.signIn();
+          }
         case "details":
           if (this._allCards) {
-            let i = k(this._allCards, t.tabTitleOrId);
-            i = i || E(this._allCards, t.tabTitleOrId), i ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(i)) : (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, this._searchSortToolbar && s?.filter && this._searchSortToolbar.changeOwnerFilter(s.filter !== "Organization"), s && await this._mySolutionsShell.value?.searchSolutions(s);
+          this._mySolutionsTab.value.selected = true;
+          this._mySolutionsTabTitle.value.selected = true;
+          if (this._searchSortToolbar && searchOptions?.filter) {
+            this._searchSortToolbar.changeOwnerFilter(searchOptions.filter !== "Organization");
+          }
+          if (searchOptions) {
+            await this._mySolutionsShell.value?.searchSolutions(searchOptions);
+          }
+          break;
+        case "solution-builder":
+          this._solutionBuilderTab.value.selected = true;
+          this._solutionBuilderTabTitle.value.selected = true;
           break;
       }
-      return this._setActiveTab(new CustomEvent("setActiveTab", { detail: t })), this._blurTabs(), this._showDeployedCardFetchFailed && (this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen }), this._showDeployedCardFetchFailed = !1), !0;
-    } else
-      return this._initTab = t, this._initFilters = e, !1;
-  }
-  updated(t) {
-    this._fixTabpanelFocus(), t.has("_isAssistantOpen") && this._setScrollbarGutters(this._isAssistantOpen ? "stable" : "stable both-edges"), !this._resizeObserver && this._mainContentRef.value && (this._resizeObserver = new ResizeObserver((e) => {
-      for (const s of e) {
-        const a = s.contentRect.width <= 800;
-        this.isMobile !== a && (this.isMobile = a, this._isMobileContextProvider.setValue(a));
+      this._setActiveTab(new CustomEvent("setActiveTab", { detail: tab }));
+      this._blurTabs();
+      if (this._showDeployedCardFetchFailed) {
+        this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen });
+        this._showDeployedCardFetchFailed = false;
       }
-    }), this._resizeObserver.observe(this._mainContentRef.value));
+      return true;
+    } else {
+      this._initTab = tab;
+      this._initFilters = filters;
+      return false;
+    }
+  }
+  updated(changes) {
+    this._fixTabpanelFocus();
+    if (changes.has("_isAssistantOpen")) {
+      this._setScrollbarGutters(this._isAssistantOpen ? "stable" : "stable both-edges");
+    }
+    if (!this._resizeObserver && this._mainContentRef.value) {
+      this._resizeObserver = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          const width = entry.contentRect.width;
+          const mobile = width <= 800;
+          if (this.isMobile !== mobile) {
+            this.isMobile = mobile;
+            this._isMobileContextProvider.setValue(mobile);
+          }
+        }
+      });
+      this._resizeObserver.observe(this._mainContentRef.value);
+    }
   }
   _fixTabpanelFocus() {
     if (!this._tabpanelsFixed && this._allTab.value) {
-      const t = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab];
-      Promise.all(t.map(async (e) => {
-        const s = e.value;
-        if (s && (await s.componentOnReady?.(), s.shadowRoot)) {
-          const i = s.shadowRoot.querySelector('[role="tabpanel"]');
-          i && (i.tabIndex = -1);
+      const tabs = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab, this._solutionBuilderTab];
+      Promise.all(tabs.map(async (ref2) => {
+        const tabElement = ref2.value;
+        if (tabElement) {
+          await tabElement.componentOnReady?.();
+          if (tabElement.shadowRoot) {
+            const tabpanel = tabElement.shadowRoot.querySelector('[role="tabpanel"]');
+            if (tabpanel) {
+              tabpanel.tabIndex = -1;
+            }
+          }
         }
       })).then(() => {
-        this._tabpanelsFixed = !0, this._setupTabpanelObserver();
+        this._tabpanelsFixed = true;
+        this._setupTabpanelObserver();
       }).catch(() => {
-        this._tabpanelsFixed = !0;
+        this._tabpanelsFixed = true;
       });
     }
   }
   _setupTabpanelObserver() {
     if (this._tabpanelObserver)
       return;
-    this._tabpanelObserver = new MutationObserver((e) => {
-      e.forEach((s) => {
-        if (s.type === "attributes" && s.attributeName === "tabindex") {
-          const i = s.target;
-          i.getAttribute("role") === "tabpanel" && i.tabIndex === 0 && (i.tabIndex = -1);
+    this._tabpanelObserver = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === "tabindex") {
+          const target = mutation.target;
+          if (target.getAttribute("role") === "tabpanel" && target.tabIndex === 0) {
+            target.tabIndex = -1;
+          }
         }
       });
-    }), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((e) => {
-      const s = e.value;
-      if (s?.shadowRoot) {
-        const i = s.shadowRoot.querySelector('[role="tabpanel"]');
-        i && this._tabpanelObserver.observe(i, { attributes: !0, attributeFilter: ["tabindex"] });
+    });
+    const tabs = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab, this._solutionBuilderTab];
+    tabs.forEach((ref2) => {
+      const tabElement = ref2.value;
+      if (tabElement?.shadowRoot) {
+        const tabpanel = tabElement.shadowRoot.querySelector('[role="tabpanel"]');
+        if (tabpanel) {
+          this._tabpanelObserver.observe(tabpanel, { attributes: true, attributeFilter: ["tabindex"] });
+        }
       }
     });
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = M);
+    if (this.useLocalAppConfig) {
+      this.appConfig = _appConfig;
+    }
   }
   render() {
-    const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${l(this._mainContentRef)}>${this._isSearchToolbarShowing() && h`<div class="border"></div>` || ""}<solutions-searchsort-toolbar ${l(async (s) => {
-      s && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = s);
-    })}></solutions-searchsort-toolbar><calcite-loader class=${_(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(e)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} 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 .assistantOpen=${this._isAssistantOpen} 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></div>${!this._configContextProvider.value?.isEnterprise && h`<div class=${`assistant-panel${this._isAssistantOpen ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100"></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? S} class=${`assistant-fab${this._isAssistantOpen ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
-      this._openAssistant(), this._showFabTooltip = !1;
-    }} scale=l></calcite-fab><calcite-tooltip class=${_(this._isAssistantOpen ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</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} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${ref(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${ref(this._mainContentRef)}>${this._isSearchToolbarShowing() && html`<div class="border"></div>` || ""}<solutions-searchsort-toolbar ${ref(async (el) => {
+      if (el) {
+        await this._deployAppNav.value?.componentOnReady();
+        this._searchSortToolbar = el;
+      }
+    })}></solutions-searchsort-toolbar><calcite-loader class=${safeClassMap(loaderCss)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${safeClassMap(tabsCss)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} 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-title class="display-none" ${ref(this._solutionBuilderTabTitle)}></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 .assistantOpen=${this._isAssistantOpen} 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-tab class="back-color-override tab-space-0" ${ref(this._solutionBuilderTab)}><solution-builder-assistant class="shell-container height-100" ${ref(this._solutionBuilderPanel)}></solution-builder-assistant></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && html`<div class=${`assistant-panel${this._isAssistantOpen ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100"></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? nothing} class=${`assistant-fab${this._isAssistantOpen ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+      this._openAssistant();
+      this._showFabTooltip = false;
+    }} scale=l></calcite-fab><calcite-tooltip class=${safeClassMap(this._isAssistantOpen ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</calcite-shell>`;
   }
   loaded() {
     this._setScrollbarGutters();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
+    super.disconnectedCallback();
+    this._resizeObserver?.disconnect();
+    this._tabpanelObserver?.disconnect();
   }
   _renderGlobalAlerts() {
-    return m(this._globalAlerts, (t) => t.id, (t) => h`<calcite-alert .autoClose=${t.autoClose} .autoCloseDuration=${t.autoCloseDuration} .icon=${t.icon} .kind=${t.kind} .label=${t.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(t.id)} open>${t.title && h`<div slot=title>${t.title}</div>` || ""}<div slot=message>${t.message}</div></calcite-alert>`);
+    return repeat(this._globalAlerts, (alert) => alert.id, (alert) => html`<calcite-alert .autoClose=${alert.autoClose} .autoCloseDuration=${alert.autoCloseDuration} .icon=${alert.icon} .kind=${alert.kind} .label=${alert.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(alert.id)} open>${alert.title && html`<div slot=title>${alert.title}</div>` || ""}<div slot=message>${alert.message}</div></calcite-alert>`);
   }
-  async _handleAuthInit(t) {
-    const e = t.detail;
-    e.telemetrySession || (e.telemetrySession = u.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new T(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new T(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.agoBasedEnterpriseSolutionsGroupId), 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._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
+  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._cardFetcherDeployed = new CardsFetcher(config.locale, config.orgUrl, config.portalURL);
+    this._cardsFetcher = new CardsFetcher(config.locale, config.orgUrl, config.portalURL);
+    if (!this._isDisconnectedEnvironment) {
+      await this._getSolutions(config.primarySolutionsGroupId, config.agoBasedEnterpriseSolutionsGroupId);
+    }
+    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;
+    this._setRefreshInterval();
+    if (this._initTab) {
+      this.selectTab(this._initTab, this._initFilters);
+      this._logTabViewTelemetry(this._initTab.tabType);
+      this._initTab = void 0;
+      this._initFilters = void 0;
+    } else {
+      if (this.authentication?.IsSignedIn) {
+        const isDetailsOrDeployedCard = this.initTab === "details" || this.initTab === "deployed-card";
+        if (!isDetailsOrDeployedCard) {
+          this._logTabViewTelemetry(this._activeTab);
+          this._emitMetaTagStrings(this._activeTab);
+        }
+      }
+    }
   }
-  _setActiveTab(t) {
-    const s = t.detail.tabType, i = this._activeTab !== s;
-    switch (this._activeTab = s, i && this._logTabViewTelemetry(s), s) {
+  _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;
@@ -166,166 +505,299 @@ class P extends C {
       case "details":
         this._detailsTabTitle.value?.click();
         break;
+      case "solution-builder":
+        this._solutionBuilderTabTitle.value?.click();
+        break;
+    }
+    if (tabType !== "details" && tabType !== "deployed-card" && tabType !== "solution-builder") {
+      this._deployAppNav.value.activateMenuItem(tabType);
+      this.deployAppTabSelected.emit(tabType);
+      this._emitMetaTagStrings(tabType);
     }
-    s !== "details" && s !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(s), this.deployAppTabSelected.emit(s), this._emitMetaTagStrings(s));
   }
-  _logTabViewTelemetry(t, e) {
-    let s;
-    switch (t) {
+  _logTabViewTelemetry(tabType, solutionCard) {
+    let telemetryCategory;
+    switch (tabType) {
       case "all-solutions":
-        s = c.ALL_SOLUTIONS;
+        telemetryCategory = TELEMETRY_CATEGORY.ALL_SOLUTIONS;
         break;
       case "deployments":
-        s = c.DEPLOYMENTS;
+        telemetryCategory = TELEMETRY_CATEGORY.DEPLOYMENTS;
         break;
       case "resources":
-        s = c.RESOURCES;
+        telemetryCategory = TELEMETRY_CATEGORY.RESOURCES;
         break;
       case "details":
-        s = c.SOLUTION_DETAILS;
+        telemetryCategory = TELEMETRY_CATEGORY.SOLUTION_DETAILS;
         break;
       case "deployed-card":
-        s = c.DEPLOYMENTS;
+        telemetryCategory = TELEMETRY_CATEGORY.DEPLOYMENTS;
         break;
     }
-    if (!((t === "details" || t === "deployed-card") && !e) && s) {
-      const i = [];
-      if ((t === "details" || t === "deployed-card") && e) {
-        const n = e;
-        i.push(n.title || ""), i.push(n.deployCommonId || ""), i.push(n.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 a = t === "deployed-card" ? "Open" : "View";
+      const action = tabType === "deployed-card" ? "Open" : "View";
       this._telemetry?.logEvent({
-        category: s,
-        action: a,
-        dimensions: i.length > 0 ? i : void 0
+        category: telemetryCategory,
+        action,
+        dimensions: dimensions.length > 0 ? dimensions : void 0
       });
     }
   }
-  _emitMetaTagStrings(t, e) {
-    let s = "", i = "";
-    switch (t) {
+  _emitMetaTagStrings(tabType, detailTemplate) {
+    let title = "";
+    let description = "";
+    switch (tabType) {
       case "all-solutions":
-        s = this._translations.metaAllSolutionsTitle, i = this._translations.metaAllSolutionsDescription;
+        title = this._translations.metaAllSolutionsTitle;
+        description = this._translations.metaAllSolutionsDescription;
         break;
       case "deployments":
       case "deployed-card":
-        s = this._translations.metaDeploymentsTitle, i = this._translations.metaDeploymentsDescription;
+        title = this._translations.metaDeploymentsTitle;
+        description = this._translations.metaDeploymentsDescription;
         break;
       case "resources":
-        s = this._translations.metaResourcesTitle, i = this._translations.metaResourcesDescription;
+        title = this._translations.metaResourcesTitle;
+        description = this._translations.metaResourcesDescription;
         break;
       case "details":
-        e && (s = this._translations.metaDetailsTitle.replace("{title}", e.title), i = e.snippet);
+        if (detailTemplate) {
+          title = this._translations.metaDetailsTitle.replace("{title}", detailTemplate.title);
+          description = detailTemplate.snippet;
+        }
         break;
     }
     this.metaTagStringsReady.emit({
-      pageType: t,
-      title: s,
-      description: i,
-      detailTemplate: e
+      pageType: tabType,
+      title,
+      description,
+      detailTemplate
     });
   }
   _handleCalciteTabChanged() {
     this.tabChanged.emit(this._activeTab);
   }
-  _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), this._emitMetaTagStrings("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);
+    this._emitMetaTagStrings("details", this._selectedDetailsCard);
+  }
+  _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);
+    this._emitMetaTagStrings("deployed-card");
   }
-  _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), this._emitMetaTagStrings("deployed-card");
+  _solutionBuilderSelected(evt) {
+    if (!evt?.detail)
+      return;
+    this._activeTab = "solution-builder";
+    this._solutionBuilderTabTitle.value.selected = true;
+    this._solutionBuilderTab.value.selected = true;
+    this._deployAppNav.value.clearMenuItems();
+    this._builderDesignContextProvider.value = {
+      design: evt.detail,
+      updateDesign: (design) => {
+        this._builderDesignContextProvider.value = {
+          ...this._builderDesignContextProvider.value,
+          design
+        };
+      },
+      isBuilderVisible: true,
+      setBuilderVisible: (visible) => {
+        this._builderDesignContextProvider.value = {
+          ...this._builderDesignContextProvider.value,
+          isBuilderVisible: visible
+        };
+      }
+    };
   }
-  _handleDeployedCardDisplay(t) {
-    const { card: e, cardRef: s } = t.detail;
-    this.deployedCardSelected.emit({ card: e, cardRef: s });
+  _handleDeployedCardDisplay(evt) {
+    const { card, cardRef } = evt.detail;
+    this.deployedCardSelected.emit({ card, cardRef });
   }
-  _handleShowGlobalAlert(t) {
-    const e = t.detail, s = e.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    this._globalAlerts = [...this._globalAlerts, { ...e, id: s }];
+  _handleShowGlobalAlert(evt) {
+    const alert = evt.detail;
+    const id = alert.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    this._globalAlerts = [...this._globalAlerts, { ...alert, id }];
   }
-  _removeGlobalAlert(t) {
-    this._globalAlerts = this._globalAlerts.filter((e) => e.id !== t);
+  _removeGlobalAlert(id) {
+    this._globalAlerts = this._globalAlerts.filter((alert) => alert.id !== id);
   }
   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;
+    const telemetrySession = await this._telemetryManager.initializeTelemetry(this.authentication, config);
+    this._configContextProvider.value.telemetrySession = telemetrySession;
   }
-  async _getSolutions(t, e) {
-    if (this._isDisconnectedEnvironment)
+  async _getSolutions(primarySolutionsGroupId, agoBasedEnterpriseSolutionsGroupId) {
+    if (this._isDisconnectedEnvironment) {
       return [];
-    this._abortController ? (this._abortController.abort(), this._abortController = new AbortController()) : this._abortController = new AbortController();
-    const s = await this._cardsFetcher?.requestAvailableSolutionCards({
-      q: this._agoTerms,
-      filter: "type:Solution",
-      sortField: this._sortField,
-      sortOrder: this._sortOrder,
+    }
+    if (this._abortController) {
+      this._abortController.abort();
+      this._abortController = new AbortController();
+    } else {
+      this._abortController = new AbortController();
+    }
+    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,
-      num: 100
-    }, t, e, this._configContextProvider.value.userSession, this._configContextProvider.value.isEnterprise, this._abortController.signal, {
-      num: 1e3
+      "nextStart": -1,
+      "categories": this._categories,
+      "delay": this._delay,
+      "getSuggested": this._getSuggested,
+      "num": 100
+    }, primarySolutionsGroupId, agoBasedEnterpriseSolutionsGroupId, this._configContextProvider.value.userSession, this._configContextProvider.value.isEnterprise, this._abortController.signal, {
+      "num": 1e3
     });
-    return this._abortController = void 0, this._allCards.length === 0 && s?.cards && (this._allCards = s?.cards), this._allCards;
-  }
-  async _getDeployedSolution(t) {
-    const e = this._configContextProvider.value.authentication, s = this._configContextProvider.value.userSession;
-    if (e && s && e.IsSignedIn) {
-      this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const i = O(e);
+    this._abortController = void 0;
+    if (this._allCards.length === 0 && fetchedCards?.cards) {
+      this._allCards = fetchedCards?.cards;
+    }
+    return this._allCards;
+  }
+  async _getDeployedSolution(id) {
+    const authentication = this._configContextProvider.value.authentication;
+    const userSession = this._configContextProvider.value.userSession;
+    if (authentication && userSession && authentication.IsSignedIn) {
+      if (this._abortControllerDeployed) {
+        this._abortControllerDeployed.abort();
+        this._abortControllerDeployed = new AbortController();
+      } else {
+        this._abortControllerDeployed = new AbortController();
+      }
+      const isOrgAdmin = getUserIsAdmin(authentication);
       try {
-        const a = await D(e, s, this._cardsFetcher, this._cardFetcherDeployed, A, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, i ? "My organization's solutions" : "My solutions", t);
-        a.cards.length === 0 || a.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = a;
-      } catch (a) {
-        const n = a.message;
-        n.indexOf("CONT_0001") > -1 || n.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", t), 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}}", t), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(a);
+        const deployedSolutions = await getDeployedSolutions(authentication, userSession, this._cardsFetcher, this._cardFetcherDeployed, BASE_DEPLOYED_TERMS, "created", "desc", false, [], [], this._abortControllerDeployed.signal, isOrgAdmin ? `My organization's solutions` : "My solutions", id);
+        if (deployedSolutions.cards.length === 0 || deployedSolutions.cards[0].typeKeywords.indexOf("Deployed") < 0) {
+          this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", id);
+          this._showDeployedCardFetchFailed = true;
+        } else {
+          this._deployedSolutions = deployedSolutions;
+        }
+      } catch (error) {
+        const m = error.message;
+        if (m.indexOf("CONT_0001") > -1 || m.indexOf("Item does not exist or is inaccessible.") > -1) {
+          this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", id);
+          this._showDeployedCardFetchFailed = true;
+        } else if (m.indexOf("GWM_0003") > -1 || m.indexOf("You do not have permissions to access this resource or perform this operation.") > -1) {
+          this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", id);
+          this._showDeployedCardFetchFailed = true;
+        } else {
+          this._showDeployedCardFetchFailed = true;
+          this._deployCardFetchFailedMessage = "";
+        }
+        console.warn(error);
       }
     }
   }
   _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;
-  }
-  _getDefaultSearchOptions(t) {
-    let e;
-    if (t) {
-      const s = t.domain, i = t.industry === "AEC" ? F.AEC : t.industry, a = t.offerType, n = t.searchTerm, f = "";
-      let r = t.sortField;
-      const p = t.owner, b = t.filter;
-      r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), e = s || i ? {
-        type: s ? "domain" : i ? "industry" : ""
-      } : void 0, s && (e = e ? { ...e, domain: s } : { domain: s }), i && (e = e ? { ...e, industry: i } : { industry: i }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: f }), r && (e = e ? { ...e, sortType: r } : { sortType: r }), a && (r = a.toLowerCase(), e = e ? { ...e, sortType: r } : { sortType: r }), p && (e = e ? { ...e, owner: p } : { owner: p }), b && (e = e ? { ...e, filter: b } : { filter: b });
+    return this._activeTab === "all-solutions" || this._activeTab === "deployments" && this.authentication?.IsSignedIn === true;
+  }
+  _getDefaultSearchOptions(filters) {
+    let searchOptions = void 0;
+    if (filters) {
+      const domain = filters.domain;
+      const industry = filters.industry === "AEC" ? EIndustry.AEC : filters.industry;
+      const offerType = filters.offerType;
+      const searchTerm = filters.searchTerm;
+      const displayValue = "";
+      let sortType = filters.sortField;
+      const owner = filters.owner;
+      const filter = filters.filter;
+      if (sortType === "suggested" && !this.authentication?.IsSignedIn) {
+        sortType = this.sortType;
+      }
+      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 };
+      }
+      if (filter) {
+        searchOptions = searchOptions ? { ...searchOptions, filter } : { filter };
+      }
     }
-    return e;
-  }
-  _setScrollbarGutters(t = "stable both-edges") {
-    [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((s) => {
-      const i = s.value?.shadowRoot?.firstElementChild;
-      i?.style && (i.style.scrollbarGutter = t);
+    return searchOptions;
+  }
+  _setScrollbarGutters(mode = "stable both-edges") {
+    const tabRefs = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab];
+    tabRefs.forEach((ref2) => {
+      const el = ref2.value?.shadowRoot?.firstElementChild;
+      if (el?.style) {
+        el.style.scrollbarGutter = mode;
+      }
     });
   }
   _setRefreshInterval() {
-    const { userSession: t, authentication: e } = this._configContextProvider.value;
-    if (t && t.tokenDuration && e?.IsSignedIn) {
-      const s = Date.now(), a = (e.Credential?.expires - s) * 0.95;
+    const { userSession, authentication } = this._configContextProvider.value;
+    if (userSession && userSession.tokenDuration && authentication?.IsSignedIn) {
+      const currTime = Date.now();
+      const difference = authentication.Credential?.expires - currTime;
+      const refreshInterval = difference * 0.95;
       setInterval(async () => {
-        if (e.Credential && e.Credential.expires) {
-          await e.Credential?.refreshToken();
-          const n = new Date(e.Credential.expires);
-          t.updateToken(e.Credential.token, n), this.sessionRefreshed.emit(t.token);
+        if (authentication.Credential && authentication.Credential.expires) {
+          await authentication.Credential?.refreshToken();
+          const newDate = new Date(authentication.Credential.expires);
+          userSession.updateToken(authentication.Credential.token, newDate);
+          this.sessionRefreshed.emit(userSession.token);
         }
-      }, a);
+      }, refreshInterval);
     }
   }
 }
-g("solutions-deploy-app", P);
+customElement("solutions-deploy-app", SolutionsDeployApp);
 export {
-  P as SolutionsDeployApp
+  SolutionsDeployApp
 };