@esri/solutions-components 5.1.0-next.77 → 5.1.0-next.79

package/dist/components/solution-deployed-card-panel/customElement.js

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
 import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as c, safeClassMap as b, nothing as d } from "@arcgis/lumina";
+import { LitElement as f, createEvent as r, safeClassMap as b, nothing as d } from "@arcgis/lumina";
 import { useContextConsumer as g } from "@arcgis/lumina/context";
 import { css as x, html as i } from "lit";
 import { c as _, i as v } from "../../chunks/deployAppContexts.js";
-import { F as y, T as r, H as w, z as C, J as $ } from "../../chunks/helpers.js";
+import { F as y, T as s, H as w, z as C, J as $ } from "../../chunks/helpers.js";
 import { f as S, g as p, a as k } from "../../chunks/cardsHelpers.js";
 import { g as D } from "../../chunks/getRelatedInfos.js";
 import * as h from "@esri/solution-common";
@@ -22,9 +22,9 @@ class I extends f {
       context: v,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.navTabSelected = c(), this.forceSelectTab = c(), this.sortTypeChanged = c(), this.solutionConfigureDialogClose = c(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
+    }), this.navTabSelected = r(), this.forceSelectTab = r(), this.sortTypeChanged = r(), this.solutionConfigureDialogClose = r(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
       e.stopPropagation(), this._telemetry?.logEvent({
-        category: r.DEPLOYMENTS,
+        category: s.DEPLOYMENTS,
         action: "Open Folder",
         dimensions: [
           this.card?.title || "",
@@ -36,8 +36,14 @@ class I extends f {
       const t = this._configContextConsumer.value?.orgUrl;
       if (!t)
         return;
-      const a = this._folderId || this.card?.owner, o = `${t}/home/content.html?folder=${a}`;
-      window.open(o, "_blank");
+      const o = this._configContextConsumer.value?.userSession?.username, n = this.card?.owner === o;
+      let a;
+      if (n) {
+        const l = this._folderId || this.card?.owner;
+        a = `${t}/home/content.html?folder=${l}`;
+      } else
+        this._folderId ? a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this._folderId}` : a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this.card?.owner}`;
+      window.open(a, "_blank");
     }, this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
       w({
         kind: "success",
@@ -68,32 +74,32 @@ class I extends f {
   }
   willUpdate(e) {
     if (e.has("card")) {
-      const t = this._configContextConsumer.value?.userSession, a = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
-      this._thumbnailUrl = `${a}&token=${t?.token}`, this._folderLoading = !0, this._folderName = "", this._folderId = null;
+      const t = this._configContextConsumer.value?.userSession, o = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
+      this._thumbnailUrl = `${o}&token=${t?.token}`, this._folderLoading = !0, this._folderName = "", this._folderId = null;
     }
   }
   render() {
-    return this.isMobile ? i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="background-color-2 padding-top-lg">${this._getSolutionPanel()}</div><div class="background-color-1 margin-top-xxl">${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && i`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</div>${this._getSolutionContents()}</calcite-panel></calcite-shell>` : i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && i`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
+    return this.isMobile ? i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="background-color-2 padding-top-lg">${this._getSolutionPanel()}</div><div class="background-color-1 margin-top-xxl">${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</div>${this._getSolutionContents()}</calcite-panel></calcite-shell>` : i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
   }
   async _deployedCardSelected(e) {
     const t = e.detail;
     this.card = t.card, this.cardRef = t.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
-    const a = await D(this._configContextConsumer.value.userSession, this.card);
-    this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
-    const o = S(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    let n = !1;
-    if (o) {
-      const l = p(o), s = p(this.card);
-      n = l > s;
+    const o = await D(this._configContextConsumer.value.userSession, this.card);
+    this._nonSolutionDependencyItems = o._nonSolutionDependencyItems;
+    const n = S(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    let a = !1;
+    if (n) {
+      const l = p(n), c = p(this.card);
+      a = l > c;
     }
-    this._hasNewVersion = n, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
+    this._hasNewVersion = a, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
   }
   _handleDeployAppTabSelected(e) {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, o = this.card?.owner === e || this._isOrgAdmin || t, n = this.card?.owner === e || this._isOrgAdmin || a, l = o ? "display-none" : "", s = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${s}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${b(l)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, o = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = this.card?.owner === e || this._isOrgAdmin || t, a = this.card?.owner === e || this._isOrgAdmin || o, l = n ? "display-none" : "", c = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${c}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${b(l)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${a && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;
@@ -107,7 +113,7 @@ class I extends f {
   }
   _viewDocumentation(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: r.DEPLOYMENTS,
+      category: s.DEPLOYMENTS,
       action: "Open Help",
       dimensions: [
         this.card?.title || "",
@@ -119,7 +125,7 @@ class I extends f {
   }
   _openItemDetails(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: r.DEPLOYMENTS,
+      category: s.DEPLOYMENTS,
       action: "Open Item Details",
       dimensions: [
         this.card?.title || "",
@@ -139,7 +145,7 @@ class I extends f {
     e.stopPropagation();
     const t = await this._getTemplates();
     t && (this._telemetry?.logEvent({
-      category: r.DEPLOYMENTS,
+      category: s.DEPLOYMENTS,
       action: "View Diagram",
       dimensions: [
         this.card?.title || "",
@@ -153,31 +159,24 @@ class I extends f {
     return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await C(this.card.id, this._configContextConsumer.value.userSession) : void 0;
   }
   async _fetchFolderInfo() {
-    if (!this.card?.id)
-      return;
-    const e = this._configContextConsumer.value?.userSession?.username;
-    if (this.card?.owner === e)
+    if (this.card?.id)
       try {
-        const t = this._configContextConsumer.value?.userSession;
-        if (!t)
-          return;
-        const a = await h.getItemBase(this.card.id, t);
-        this._folderId = a.ownerFolder ?? null;
-        const o = this._configContextConsumer.value?.userSession?.username;
-        if (this.card?.owner !== o)
+        const e = this._configContextConsumer.value?.userSession;
+        if (!e)
           return;
-        if (this._folderId) {
-          const { folders: n } = await h.getFoldersAndGroups(t), l = n.find((s) => s.id === this._folderId);
-          this._folderName = l?.title || this._folderId;
+        const t = await h.getItemBase(this.card.id, e);
+        if (this._folderId = t.ownerFolder ?? null, this._folderId) {
+          const o = await h.getUserFolder(this.card.owner, this._folderId, e);
+          this._folderName = o?.currentFolder?.title || this._folderId;
         } else
-          this._folderName = this.card?.owner || "Root";
-      } catch (t) {
-        console.error("Error fetching folder info:", t), this._folderId = null, this._folderName = "";
+          this._folderName = this.card.owner || "Root";
+      } catch (e) {
+        console.error("Error fetching folder info:", e), this._folderId = null, this._folderName = "";
       }
   }
   _getFolderSection() {
-    const e = this.isMobile ? "padding-lg" : "padding-xxl", a = !this._folderId ? "home" : "folder";
-    return i`<div class=${`${e} display-flex flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.folder}</calcite-label><calcite-button appearance=transparent .disabled=${this._folderLoading} kind=neutral icon-start=launch2 @click=${this._openFolder}>${this._translations.openFolder}</calcite-button></div><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center">${this._folderLoading ? i`<div class="skeleton-loader skeleton-folder"></div>` : i`<calcite-icon class="icon-color" .icon=${a} scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${this._folderName || "Root"}</span></div>`}</div></div></div>`;
+    const e = this.isMobile ? "padding-lg" : "padding-xxl", o = !this._folderId ? "home" : "folder";
+    return i`<div class=${`${e} display-flex flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.folder}</calcite-label><calcite-button appearance=transparent .disabled=${this._folderLoading} kind=neutral icon-start=launch2 @click=${this._openFolder}>${this._translations.openFolder}</calcite-button></div><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center">${this._folderLoading ? i`<div class="skeleton-loader skeleton-folder"></div>` : i`<calcite-icon class="icon-color" .icon=${o} scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${this._folderName || "Root"}</span></div>`}</div></div></div>`;
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion, t = this.isMobile ? "padding-lg" : "padding-xxl";
@@ -185,14 +184,14 @@ class I extends f {
   }
   async _openNewVersionSolution(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: r.DEPLOYMENTS,
+      category: s.DEPLOYMENTS,
       action: "View Latest Version",
       dimensions: [
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || ""
       ]
-    }), await new Promise((a) => setTimeout(a, 100));
+    }), await new Promise((o) => setTimeout(o, 100));
     const t = k(this._configContextConsumer.value.allCards, this.card.deployCommonId);
     t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
   }