@esri/solutions-components 5.1.0-next.166 → 5.1.0-next.168

package/dist/components/create-feature/customElement.js

@@ -2,15 +2,15 @@
 import { c as I } from "../../chunks/runtime.js";
 import { a as x, g as w } from "../../chunks/mapViewUtils.js";
 import { u as A } from "../../chunks/useT9n.js";
-import { css as M, html as n, nothing as y } from "lit";
-import { createRef as p, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as E, createEvent as c, noShadowRoot as L, safeClassMap as v } from "@arcgis/lumina";
-import { p as k } from "../../chunks/queryUtils.js";
+import { css as M, html as o, nothing as y } from "lit";
+import { createRef as d, ref as h } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as c, noShadowRoot as k, safeClassMap as v } from "@arcgis/lumina";
+import { p as L } from "../../chunks/queryUtils.js";
 import P from "@arcgis/core/form/ExpressionInfo.js";
-import S from "@arcgis/core/layers/FeatureLayer.js";
+import F from "@arcgis/core/layers/FeatureLayer.js";
 import C from "@arcgis/core/form/elements/FieldElement.js";
 import $ from "@arcgis/core/form/FormTemplate.js";
-import F from "@arcgis/core/views/MapView.js";
+import S from "@arcgis/core/views/MapView.js";
 import V from "@arcgis/core/Graphic.js";
 import * as f from "@arcgis/core/core/reactiveUtils.js";
 import * as T from "@arcgis/core/rest/locator.js";
@@ -21,7 +21,7 @@ import z from "@arcgis/core/geometry/SpatialReference.js";
 const H = M`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%!important;visibility:hidden;position:static!important}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}.image-preview-container{padding:10px}.esri-editor{height:auto!important}.height-fit-content{height:fit-content!important}.content-container{padding:1.5rem}.instruction-text{margin-bottom:1.5rem;font-size:1rem}.selected-card{border:2px solid var(--calcite-ui-brand)}.upload-img-footer-container{width:100%;gap:5px;display:grid}.info-container{display:flex;align-items:center;gap:6px;margin-bottom:10px}.info-container calcite-icon{--calcite-icon-color: var(--calcite-color-brand)}.info-container span{font-size:12px;color:var(--calcite-ui-text-3)}.padding-10{padding:10px}.report-selection-container{display:flex;flex-direction:column;padding:10px;--calcite-card-border-color: var(--calcite-color-border-1)}.pb-12{padding-bottom:12px!important}.pt-0{padding-top:0!important}.pt-15{padding-top:15px!important}.option-description-container{display:flex;align-items:center;gap:6px}.cursor-pointer{cursor:pointer;padding:6px 0}.card-body-content{display:flex;flex-direction:row;align-items:center;padding:10px 5px;gap:15px}.text-stack{display:flex;flex-direction:column;gap:2px}.option-title{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size--1)}.option-description{color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1)}.action-footer{display:flex;justify-content:center;margin-top:16px}.analysis-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:auto}.analyzing-icon{--calcite-icon-color: var(--calcite-color-brand);animation:sparkle 2s infinite ease-in-out}.adjusted-height{height:30px!important;min-height:auto!important}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media only screen and (max-width:600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`, _ = "geocodedLocation", D = `Extract the address from the user's message and return it in JSON format '{"address":"<address>"}'. If no address is found, return null.`;
 class N extends E {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = p(), this._editor = p(), this._mapViewContainer = p(), this._searchRef = p(), this._inputImageForAI = p(), this._guidingMessageRefNode = p(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this.createFeatureEditorInitialized = c(), this.createFeatureEditorClosed = c(), this._onLayerEdits = async (e) => {
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = d(), this._editor = d(), this._mapViewContainer = d(), this._searchRef = d(), this._inputImageForAI = d(), this._messageTextAreaRef = d(), this._guidingMessageRefNode = d(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this.createFeatureEditorInitialized = c(), this.createFeatureEditorClosed = c(), this._onLayerEdits = async (e) => {
       if (!this._awaitingLayerEdits)
         return;
       const t = [
@@ -58,7 +58,7 @@ class N extends E {
     this.styles = H;
   }
   static {
-    this.shadowRootOptions = L;
+    this.shadowRootOptions = k;
   }
   willUpdate(e) {
     e.has("mapView") && this.hasUpdated && this.mapViewWatchHandler(), e.has("isMobile") && this.hasUpdated && this.isMobileHandler(), e.has("enableSearch") && this.hasUpdated && this.searchHandler(), e.has("searchConfiguration") && this.hasUpdated && this.searchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration"));
@@ -79,10 +79,21 @@ class N extends E {
   }
   async submit() {
     const e = this._editor.value?.activeWorkflow;
-    if (e && (this._pendingAttachmentUpload = !!(this._selectedLayer && this._selectedLayer.capabilities.data.supportsAttachment && this._selectedImageBase64), this._awaitingLayerEdits = !0, e.data?.creationInfo && this._updatedMapView && (e.data.creationInfo.view = this._updatedMapView), await e.save(), e.data.viewModel.failures.length)) {
-      const t = e.data.viewModel.failures[0].error;
-      this._currentPage = "drawing", this._onFail(t);
-      return;
+    if (e) {
+      this._pendingAttachmentUpload = !!(this._selectedLayer && this._selectedLayer.capabilities.data.supportsAttachment && this._selectedImageBase64), this._awaitingLayerEdits = !0, e.data?.creationInfo && this._updatedMapView && (e.data.creationInfo.view = this._updatedMapView);
+      try {
+        await e.save();
+      } catch (t) {
+        if (this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, t?.name === "AbortError")
+          return;
+        this._onFail(t);
+        return;
+      }
+      if (e.data.viewModel.failures.length) {
+        const t = e.data.viewModel.failures[0].error;
+        this._currentPage = "drawing", this._onFail(t);
+        return;
+      }
     }
   }
   async refresh(e) {
@@ -97,33 +108,36 @@ class N extends E {
   async loaded() {
     this._aiAnalysisInfo && !this._aiAnalysisInfo.canUseAI && await this.init();
   }
-  async updated() {
-    if (this.isMobile && this.updateMapPosition) {
-      const e = this._currentPage === "drawing" ? 80 : 30;
+  async updated(e) {
+    if (e.has("_currentPage") && await this._focusActivePageInput(), this.isMobile && this.updateMapPosition) {
+      const t = this._currentPage === "drawing" ? 80 : 30;
       await this._searchRef.value?.componentOnReady();
-      const t = this._showSearchComponent ? this._searchRef.value?.offsetHeight : 0;
+      const i = this._showSearchComponent ? this._searchRef.value?.offsetHeight : 0;
       await this._calciteNotice.value?.componentOnReady();
-      const a = (this._calciteNotice.value?.offsetHeight || 0) + t + e;
-      this._mapViewContainer.value && (this._mapViewContainer.value.style.top = `${a}px`);
+      const s = (this._calciteNotice.value?.offsetHeight || 0) + i + t;
+      this._mapViewContainer.value && (this._mapViewContainer.value.style.top = `${s}px`);
     }
     this.reportingAreaMessage && this._guidingMessageRefNode.value?.children[0] && (this._guidingMessageRefNode.value.children[0].style.margin = "0px");
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._editor.value && (this._editor.value.destroy(), this.enableSnapping && this.mapView?.ui.view && (this.mapView.ui.view.grid = null), this._removeHandlers(), this.createFeatureEditorClosed.emit());
+  async _focusActivePageInput() {
+    this._currentPage === "messageInput" ? (await this._messageTextAreaRef.value?.componentOnReady(), await this._messageTextAreaRef.value?.setFocus()) : this._currentPage === "imageUpload" && (await this._inputImageForAI.value?.componentOnReady(), await this._inputImageForAI.value?.setFocus());
+  }
+  async disconnectedCallback() {
+    super.disconnectedCallback(), this._editor.value && (this._editor.value.activeWorkflow?.activeWorkflow?.hasPendingEdits && (await this._editor.value.activeWorkflow.reset(), await this._editor.value.cancelWorkflow()), await this._editor.value.destroy(), this.enableSnapping && this.mapView?.ui.view && (this.mapView.ui.view.grid = null), this._removeHandlers(), this.createFeatureEditorClosed.emit());
   }
   render() {
     const e = this._currentPage === "loading" ? "" : "display-none", t = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", i = this._inValidGeometryDrawn ? "danger" : "success", a = this._inValidGeometryDrawn ? "exclamation-mark-triangle" : "lightbulb", s = this.showLayerVisibilityMsg && this._currentPage === "templatePicker", r = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
-    let o = this._translations.chooseCategoryMsg;
-    const l = this._aiAnalysisInfo?.results?.filter((h) => !h.success && h.key !== _), d = l?.length ? !0 : this._analysisFailed, m = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
-    return this._inValidGeometryDrawn ? o = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? o = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? o = this._aiAnalysisInfo?.results?.filter((h) => h.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (o = this._translations.enableFeatureTemplatesMessage), n`${d && n`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    let n = this._translations.chooseCategoryMsg;
+    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, m = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
+    return this._inValidGeometryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? n = this._aiAnalysisInfo?.results?.filter((u) => u.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), o`${p && o`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._analysisFailed = !1;
-    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${m}</div></calcite-alert>` || ""}${g && n`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && n`${r && n`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${u(this._calciteNotice)}><div slot=message .innerHTML=${o ?? ""} ${u(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && n`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && n`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._updatedMapView && this._selectedLayer && this._getEditor() || ""}` || ""}<div class=${v(t)} ${u(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${m}</div></calcite-alert>` || ""}${g && o`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && o`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && o`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && o`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._updatedMapView && this._selectedLayer && this._getEditor() || ""}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadLayerInfos()));
   }
   async createMobileMapView() {
-    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new F({
+    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new S({
       map: this.mapView.map,
       container: this._mapViewContainer.value,
       zoom: this.mapView.zoom,
@@ -157,13 +171,13 @@ class N extends E {
   }
   _getReportTypePage() {
     const e = this._hasImageExtraction(), t = this._hasTextExtraction();
-    return n`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && n`<calcite-card class="cursor-pointer pt-0" @click=${() => {
+    return o`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && o`<calcite-card class="cursor-pointer pt-0" @click=${() => {
       this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
     }} @keydown=${(i) => {
       this._activateCardFromKeyboard(i, () => {
         this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
       });
-    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && n`<calcite-card class="cursor-pointer" @click=${() => {
+    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && o`<calcite-card class="cursor-pointer" @click=${() => {
       this._analysisMode = "image", this.progressStatus.emit(35), this._currentPage = "imageUpload";
     }} @keydown=${(i) => {
       this._activateCardFromKeyboard(i, () => {
@@ -181,29 +195,29 @@ class N extends E {
     (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
   }
   _getEditor() {
-    return n`<arcgis-editor class=height-fit-content .view=${this._updatedMapView} .layerInfos=${this._layerInfos} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} .hideSketch=${!this.showSketchWidgets || this._selectedLayer?.geometryType === "point"} .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${u(this._editor)}></arcgis-editor>`;
+    return o`<arcgis-editor class=height-fit-content .view=${this._updatedMapView} .layerInfos=${this._layerInfos} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} .hideSketch=${!this.showSketchWidgets || this._selectedLayer?.geometryType === "point"} .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${h(this._editor)}></arcgis-editor>`;
   }
   _getSearchComponent() {
     const e = this._currentPage === "drawing" || this._currentPage === "editing" ? "" : "display-none", t = this.searchConfiguration && this._updatedMapView ? this._getSearchConfig(this.searchConfiguration, this._updatedMapView) : void 0;
-    return this._updateSearchActiveSourceIndex(), n`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .includeDefaultSourcesDisabled=${!!t?.sources?.length} .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${u(this._searchRef)}></arcgis-search>`;
+    return this._updateSearchActiveSourceIndex(), o`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .includeDefaultSourcesDisabled=${!!t?.sources?.length} .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${h(this._searchRef)}></arcgis-search>`;
   }
   _aiImageExtractionPage() {
     const e = this._selectedImageBase64 !== "", t = e ? this._translations.replaceImage : this._translations.imageUploadLimitHint;
-    return n`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${u(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && n`<img alt=${this._translations.photo ?? y} class="width-full" src=${this._selectedImageBase64 ?? y}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
+    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${h(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && o`<img alt=${this._translations.photo ?? y} class="width-full" src=${this._selectedImageBase64 ?? y}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _aiTextExtractionPage() {
     const e = this._enteredMessage.trim();
-    return n`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
+    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
       this._enteredMessage = t.target.value;
-    }} .placeholder=${this._translations.messageInputHint} resize=vertical rows=6 .value=${this._enteredMessage}></calcite-text-area></calcite-label><div class="info-container"><calcite-icon icon=information scale=s></calcite-icon><span>${this._translations.descriptionRequiredHint}</span></div></div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeMessage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
+    }} .placeholder=${this._translations.messageInputHint} resize=vertical rows=6 .value=${this._enteredMessage} ${h(this._messageTextAreaRef)}></calcite-text-area></calcite-label><div class="info-container"><calcite-icon icon=information scale=s></calcite-icon><span>${this._translations.descriptionRequiredHint}</span></div></div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeMessage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _getAnalyzingImagePage() {
-    return n`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
   _getAnalyzingMessagePage() {
-    return n`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
@@ -225,18 +239,18 @@ class N extends E {
     }
     try {
       this._analysisMode = "image", this._currentPage = "analyzingImage", this.progressStatus.emit(45);
-      const i = this._inputImageForAI.value.files[0], a = await new Promise((r, o) => {
+      const i = this._inputImageForAI.value.files[0], a = await new Promise((r, n) => {
         const l = new FileReader();
-        l.onloadend = () => r(l.result), l.onerror = o, this._inputImageForAI.value && l.readAsDataURL(i);
+        l.onloadend = () => r(l.result), l.onerror = n, this._inputImageForAI.value && l.readAsDataURL(i);
       });
       if (this.enablePhotoLocation) {
         const r = await R.gps(i);
         if (r?.longitude && r.latitude && this.mapView?.spatialReference) {
-          const o = new U({
+          const n = new U({
             longitude: r.longitude,
             latitude: r.latitude,
             spatialReference: new z({ wkid: 4326 })
-          }), l = await k(o, this.mapView.spatialReference);
+          }), l = await L(n, this.mapView.spatialReference);
           this._aiAnalysisInfo && (this._aiAnalysisInfo.location = l);
         }
       }
@@ -245,7 +259,7 @@ class N extends E {
         const r = {
           input: a,
           data: s
-        }, o = await b(t.imageUrl, {
+        }, n = await b(t.imageUrl, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
@@ -256,7 +270,7 @@ class N extends E {
           responseType: "json",
           signal: e
         });
-        this._aiAnalysisInfo && (this._aiAnalysisInfo.results = o.data.results);
+        this._aiAnalysisInfo && (this._aiAnalysisInfo.results = n.data.results);
       }
       this._currentPage = "loading", await this.init();
     } catch (i) {
@@ -288,8 +302,8 @@ class N extends E {
         signal: e
       });
       if (this._aiAnalysisInfo && (this._aiAnalysisInfo.results = r.data.results, s.url)) {
-        const o = this._getExtractedAddress(r.data.results);
-        o && (this._aiAnalysisInfo.location = await this._geocodeExtractedAddress(o, {
+        const n = this._getExtractedAddress(r.data.results);
+        n && (this._aiAnalysisInfo.location = await this._geocodeExtractedAddress(n, {
           url: s.url,
           singleLineFieldName: s.singleLineFieldName
         }));
@@ -414,24 +428,28 @@ class N extends E {
     }), await t.sketchViewModel.update(a);
   }
   _getSearchConfig(e, t) {
-    const i = e.sources;
-    return i && i?.length > 0 ? (i.forEach((a) => {
-      if (a.hasOwnProperty("layer")) {
-        const r = a, o = r.layer?.id, l = o ? t.map?.findLayerById(o) : "", d = r?.layer?.url;
-        l ? r.layer = l : d && (r.layer = new S(d));
+    const i = e?.sources;
+    if (!i || i.length === 0)
+      return { ...e };
+    const a = i.map((s) => {
+      if (s.hasOwnProperty("layer")) {
+        const r = { ...s }, n = r.layer?.id, l = n ? t.map?.findLayerById(n) : "", p = r?.layer?.url;
+        return l ? r.layer = l : p && (r.layer = new F(p)), r;
       }
-    }), i?.forEach((a) => {
-      if (a.hasOwnProperty("locator")) {
-        const r = a;
+      if (s.hasOwnProperty("locator")) {
+        const r = { ...s };
         if (r?.name === "ArcGIS World Geocoding Service") {
-          const o = r.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          r.outFields = o, r.singleLineFieldName = "SingleLine";
+          const n = r.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          r.outFields = n, r.singleLineFieldName = "SingleLine";
         }
-        r.url = r.url, delete r.url;
+        return delete r.url, r;
       }
-    })) : e = {
-      ...e
-    }, e;
+      return s;
+    });
+    return {
+      ...e,
+      sources: a
+    };
   }
   _updateSearchActiveSourceIndex() {
     this._searchRef.value && (this._searchRef.value.searchAllDisabled ? this._searchRef.value.activeSourceIndex = 0 : this._searchRef.value.activeSourceIndex = -1);
@@ -462,16 +480,16 @@ class N extends E {
           },
           valueExpression: s.name
         });
-        this._updatedMapView?.map.editableLayers.forEach((o) => {
-          const l = this.formElements.orgElements, d = this.formElements.orgExpressionInfos, m = [...l];
-          if (m.push(r), o.type === "feature") {
-            const g = o, h = new $({
+        this._updatedMapView?.map.editableLayers.forEach((n) => {
+          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, m = [...l];
+          if (m.push(r), n.type === "feature") {
+            const g = n, u = new $({
               title: g?.formTemplate?.title,
               description: g?.formTemplate?.description,
               elements: m,
-              expressionInfos: [s].concat(d)
+              expressionInfos: [s].concat(p)
             });
-            o.formTemplate = h;
+            n.formTemplate = u;
           }
         });
       }

package/dist/components/create-related-feature/customElement.js

@@ -12,8 +12,8 @@ class k extends b {
       const e = this._editor.value;
       e && (h.watch(() => e.state, (t) => {
         t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
-      }), h.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
-        t === "ready" && this.formReady.emit();
+      }), h.watch(() => e.activeWorkflow?.formViewModel?.status, (t) => {
+        t === "loaded" && this.formReady.emit();
       }));
     };
   }
@@ -78,20 +78,23 @@ class k extends b {
       };
   }
   async submitted(e) {
-    if (e.invalid.length) {
+    if (e.results[0]?.invalidFields.length || e.results[0]?.invalidAttachmentElementIds.length) {
       this._isSubmitBtnClicked = !1;
       return;
     }
-    if (e.valid.length && this._isSubmitBtnClicked) {
+    if (this._isSubmitBtnClicked) {
       this._isSubmitBtnClicked = !1;
       try {
         if (this._editor.value?.activeWorkflow) {
           await this._editor.value.activeWorkflow.commit();
-          const t = this._editor.value.activeWorkflow.failures;
-          t?.length && t.some((i) => {
-            if (i.error)
-              throw i.error;
-          });
+          const t = this._editor.value.activeWorkflow.data?.viewModel?.failures;
+          if (t?.length) {
+            t.some((i) => {
+              if (i.error)
+                throw i.error;
+            });
+            return;
+          }
         }
       } catch (t) {
         this.fail.emit(t);

package/dist/components/crowdsource-manager/customElement.js

@@ -157,7 +157,7 @@ class V extends M {
   _getPopupExpandNode() {
     const e = this._isMobile ? "height-full" : "height-full position-relative", t = this._isMobile && this._showInformationHeader ? "display-none height-0" : "", i = this.popupHeaderColor ? "" : this._isMobile ? "calcite-mode-light" : "calcite-mode-dark", a = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "", l = this._currentMapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "", o = this.appLayout !== "tableView" ? "position-sticky" : "";
     return s`<div class=${`${i} ${e} ${a} ${l} ${o}`} style=${T({
-      "--calcite-color-surface-2": this.popupHeaderColor,
+      "--calcite-panel-header-background-color": this.popupHeaderColor,
       "--calcite-color-surface-3": this.popupHeaderHoverColor,
       "--calcite-color-text-3": this.popupHeaderTextColor,
       "--calcite-color-text-2": this.popupHeaderTextColor
@@ -169,7 +169,7 @@ class V extends M {
       this._showInformationHeader = !0;
     }} @createWorkFlowStarted=${() => {
       this.appLayout = l?.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
-    }} @featureOrRecordSubmitted=${() => this._layerTable.value && void this._layerTable.value.refresh()} .pasteEnabled=${this._pasteEnabled} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showCopyPasteActions=${this._showCopyPasteActions} .showSketchWidgets=${l?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
+    }} .pasteEnabled=${this._pasteEnabled} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showCopyPasteActions=${this._showCopyPasteActions} .showSketchWidgets=${l?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   _getTable(e, t, i) {
     const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
@@ -218,7 +218,7 @@ class V extends M {
     this._filterOpen = !this._filterOpen;
   }
   _handleFilterListReset() {
-    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value.filterReset();
+    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value._filterActive && this._layerTable.value.filterReset();
   }
   async _closeFilter() {
     this._filterOpen && (this._filterOpen = !1, this._layerTable.value && this._layerTable.value.closeFilter());

package/dist/components/layer-table/customElement.js

@@ -15,7 +15,7 @@ import * as p from "@arcgis/core/core/reactiveUtils.js";
 import D from "@arcgis/core/rest/support/RelationshipQuery.js";
 import w from "@arcgis/core/widgets/FeatureTable/support/TableTemplate.js";
 const M = C`@layer{:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-surface-1)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-dialog-content-space: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-surface-2)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
-class k extends A {
+class V extends A {
   constructor() {
     super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.enableTableAutosave = !0, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.layerIds = [], this._allIds = [], this._configLayerOrderDefined = !1, this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = O({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._deleteEnabled = !1, this._floorExpression = "", this._floorField = "", this._floorLevel = "", this._loaded = !1, this._shareNode = y(), this._toolbar = y(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = y(), this._layerEditsHandles = [], this._pastedFeaturesIds = [], this._shouldSelectCreatedFeatures = !1, this.columnReorder = o(), this.featureSelectionChange = o(), this.toggleFilter = o(), this.showDelete = o(), this.relatedRecordToggled = o(), this.editMultipleFeatures = o(), this.copyFeatures = o(), this.pasteFeatures = o(), this.featuresAdded = o(), this.initCreateComponent = o(), this.requestLayerSelectionChange = o(), this.beforeFeatureSelectionChange = o(), this.continueEditing = o(), this.createFeatureEditorInitialized = (e) => {
       this._createFeatureEditor = e.detail;
@@ -220,21 +220,21 @@ class k extends A {
       t.searchTerm = e.target.value;
     }), this._searchFullText();
   }
-  async _searchFullText() {
-    let e = [], t = !1;
+  async _searchFullText(e = !1) {
+    let t = [], i = !1;
     if (this._showOnlySelected)
-      e = this._tempSelectedIds, t = !0;
-    else if (await this._validateActiveEdits([], this.selectedIds))
+      t = this._tempSelectedIds, i = !0;
+    else if (e ? !0 : await this._validateActiveEdits([], this.selectedIds))
       this._clearSelection(), this._tempSelectedIds = [];
     else
       return;
     this._searchExpression && this._clearSearchDefinitionExpression();
-    let i = [];
+    let s = [];
     if (this._fullTextSearchInfo?.length && this._fullTextSearchInfo[0].searchTerm) {
-      const s = this._layer?.createQuery();
-      s.fullText = this._fullTextSearchInfo, i = this._layer ? await this._layer.queryObjectIds(s) : [], t && e?.length && (i = i.filter((a) => e.includes(a))), await this._updateSearchDefinitionExpression(i?.length ? i : [-1]);
+      const a = this._layer?.createQuery();
+      a.fullText = this._fullTextSearchInfo, s = this._layer ? await this._layer.queryObjectIds(a) : [], i && t?.length && (s = s.filter((l) => t.includes(l))), await this._updateSearchDefinitionExpression(s?.length ? s : [-1]);
     }
-    t && i?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(i.reverse())), await new Promise((s) => setTimeout(s, 800)), await this._updateAllIds();
+    i && s?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(s.reverse())), this._selectedLayerView ? await p.once(() => !this._selectedLayerView.updating) : await new Promise((a) => setTimeout(a, 800)), this._allIds = await this.queryAllIds(), this.selectedIds = this.selectedIds.filter((a) => this._allIds.indexOf(a) > -1), await this._refresh(!1, !0);
   }
   _clearSearchDefinitionExpression() {
     const e = this._layer?.definitionExpression;
@@ -441,7 +441,7 @@ class k extends A {
           if (this._shouldSelectCreatedFeatures) {
             await this._selectFeatures(n, i), i === f && this.featuresAdded.emit(n);
             return;
-          } else i === f && n.length > 0 ? (this._searchExpression && (await this._refresh(!1, !0), this._clearSelection(), await this._searchFullText()), await this._refresh(!1, !0), this.initCreateComponent.emit()) : i === f && d.length > 0 && this._searchExpression && (await this._selectFeatures(d, i), await this._refresh());
+          } else i === f && n.length > 0 ? (this._searchExpression ? (this._clearSelection(), await this._searchFullText(!0)) : await this._refresh(!1, !0), this.initCreateComponent.emit()) : i === f && d.length > 0 && this._searchExpression && await this._selectFeatures(d, i);
         });
         a && this._layerEditsHandles.push(a);
       }
@@ -450,7 +450,7 @@ class k extends A {
     try {
       const i = this._layer?.id;
       if (t === i) {
-        await this._refresh(!1, !0), this._clearSelection(), this._searchExpression && await this._searchFullText();
+        this._searchExpression ? (await this._searchFullText(!0), this._allIds = await this.queryAllIds()) : (await this._refresh(!1, !0), this._clearSelection());
         const s = [];
         for (const a of e)
           this._allIds.includes(a) && s.push(a);
@@ -952,7 +952,7 @@ class k extends A {
     }));
   }
 }
-E("layer-table", k);
+E("layer-table", V);
 export {
-  k as LayerTable
+  V as LayerTable
 };

package/dist/components/solution-configure-titles/customElement.js

@@ -116,7 +116,8 @@ class k extends D {
           category: V.DEPLOYMENTS,
           action: "Rename Items",
           dimensions: [
-            this.card?.title || "",
+            "",
+            // Remove to prevent PII from being logged
             this.card?.deployCommonId || "",
             this.card?.deployVersion || "",
             this.source,

package/dist/components/solution-delete-dialog/customElement.js

@@ -45,7 +45,8 @@ class E extends g {
       category: I.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
-        this.card?.title || "",
+        "",
+        // Remove to prevent PII from being logged
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
         this.source,

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

@@ -134,7 +134,8 @@ class V extends v {
       category: n.DEPLOYMENTS,
       action: "Open Help",
       dimensions: [
-        this.card?.title || "",
+        "",
+        // Remove to prevent PII from being logged
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
         "Details Page",
@@ -147,7 +148,8 @@ class V extends v {
       category: n.DEPLOYMENTS,
       action: "Open Item Details",
       dimensions: [
-        this.card?.title || "",
+        "",
+        // Remove to prevent PII from being logged
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
         "Details Page",
@@ -168,7 +170,8 @@ class V extends v {
       category: n.DEPLOYMENTS,
       action: "View Diagram",
       dimensions: [
-        this.card?.title || "",
+        "",
+        // Remove to prevent PII from being logged
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
         "Details Page",
@@ -208,7 +211,8 @@ class V extends v {
       category: n.DEPLOYMENTS,
       action: "View Latest Version",
       dimensions: [
-        this.card?.title || "",
+        "",
+        // Remove to prevent PII from being logged
         this.card?.deployCommonId || "",
         this.card?.deployVersion || ""
       ]