@esri/solutions-components 5.1.0-next.129 → 5.1.0-next.130

package/dist/components/create-feature/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
-import type { IImageExtraction, ISearchConfiguration } from "../../utils/interfaces.js";
+import type { IImageExtraction, ISearchConfiguration, ITextExtraction } from "../../utils/interfaces.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -18,23 +18,35 @@ export abstract class CreateFeature extends LitElement {
       editLocationLabel: string;
       reportOutsideAreaMessage: string;
       enableFeatureTemplatesMessage: string;
-      aiImgExtractionLabel: string;
+      usePhoto: string;
       aiAssistantDescription: string;
+      useDescription: string;
+      aiTextAssistantDescription: string;
       fillOutManually: string;
       startBlank: string;
       next: string;
       cancel: string;
       createReportHeading: string;
+      aiAssistedReport: string;
+      manualReport: string;
       aiAssistantProcessingHint: string;
+      aiTextProcessingHint: string;
       imageUploadLimitHint: string;
       replaceImage: string;
       analyzingImage: string;
+      description: string;
+      messageInputHint: string;
+      descriptionRequiredHint: string;
+      analyzingText: string;
       formReviewMsg: string;
+      textReviewMsg: string;
       skip: string;
       photo: string;
       error: string;
       imageExtractionError: string;
       imageExtractionPartialError: string;
+      textExtractionError: string;
+      textExtractionPartialError: string;
   } & T9nMeta<{
       chooseCategoryMsg: string;
       provideDetailsMsg: string;
@@ -42,26 +54,40 @@ export abstract class CreateFeature extends LitElement {
       editLocationLabel: string;
       reportOutsideAreaMessage: string;
       enableFeatureTemplatesMessage: string;
-      aiImgExtractionLabel: string;
+      usePhoto: string;
       aiAssistantDescription: string;
+      useDescription: string;
+      aiTextAssistantDescription: string;
       fillOutManually: string;
       startBlank: string;
       next: string;
       cancel: string;
       createReportHeading: string;
+      aiAssistedReport: string;
+      manualReport: string;
       aiAssistantProcessingHint: string;
+      aiTextProcessingHint: string;
       imageUploadLimitHint: string;
       replaceImage: string;
       analyzingImage: string;
+      description: string;
+      messageInputHint: string;
+      descriptionRequiredHint: string;
+      analyzingText: string;
       formReviewMsg: string;
+      textReviewMsg: string;
       skip: string;
       photo: string;
       error: string;
       imageExtractionError: string;
       imageExtractionPartialError: string;
+      textExtractionError: string;
+      textExtractionPartialError: string;
   }>;
   /** array: Configured AI image extraction field and prompt for the selected LayerId */
   accessor aiImageExtraction: IImageExtraction[] | undefined;
+  /** array: Configured AI text extraction field and prompt for the selected LayerId */
+  accessor aiTextExtraction: ITextExtraction[] | undefined;
   /**
    * boolean: When true user can create multiple features
    *
@@ -77,6 +103,12 @@ export abstract class CreateFeature extends LitElement {
    * @default false
    */
   accessor customizeSubmit: boolean | undefined;
+  /**
+   * boolean: When true message analysis attempts to extract and geocode location text
+   *
+   * @default false
+   */
+  accessor enableMessageLocation: boolean | undefined;
   /**
    * boolean: When true photo get location from the photo selected for AI image Extraction
    *

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

@@ -1,35 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as b } from "../../chunks/runtime.js";
-import { g as v, d as y } from "../../chunks/mapViewUtils.js";
-import { u as I } from "../../chunks/useT9n.js";
-import { css as A, html as l, nothing as f } from "lit";
-import { createRef as p, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as M, createEvent as c, noShadowRoot as x, safeClassMap as w } from "@arcgis/lumina";
-import { p as k } from "../../chunks/queryUtils.js";
+import { c as x } from "../../chunks/runtime.js";
+import { g as I, d as w } from "../../chunks/mapViewUtils.js";
+import { u as A } from "../../chunks/useT9n.js";
+import { css as M, html as l, nothing as _ } from "lit";
+import { createRef as u, ref as m } from "lit-html/directives/ref.js";
+import { LitElement as k, createEvent as c, noShadowRoot as L, safeClassMap as v } from "@arcgis/lumina";
+import { p as E } from "../../chunks/queryUtils.js";
 import C from "@arcgis/core/form/ExpressionInfo.js";
-import L from "@arcgis/core/layers/FeatureLayer.js";
-import S from "@arcgis/core/form/elements/FieldElement.js";
-import V from "@arcgis/core/form/FormTemplate.js";
-import P from "@arcgis/core/views/MapView.js";
-import E from "@arcgis/core/Graphic.js";
-import * as _ from "@arcgis/core/core/reactiveUtils.js";
-import $ from "@arcgis/core/request.js";
-import * as F from "exifr";
-import R from "@arcgis/core/geometry/Point.js";
-import U from "@arcgis/core/geometry/SpatialReference.js";
-const T = A`@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}.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}}}`;
-class H extends M {
+import S from "@arcgis/core/layers/FeatureLayer.js";
+import P from "@arcgis/core/form/elements/FieldElement.js";
+import $ from "@arcgis/core/form/FormTemplate.js";
+import V from "@arcgis/core/views/MapView.js";
+import F from "@arcgis/core/Graphic.js";
+import * as y from "@arcgis/core/core/reactiveUtils.js";
+import * as T from "@arcgis/core/rest/locator.js";
+import b from "@arcgis/core/request.js";
+import * as R from "exifr";
+import U from "@arcgis/core/geometry/Point.js";
+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}}}`, f = "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 k {
   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._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._analysisFailed = !1, this._translations = I({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = p(), this._editor = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchRef = p(), this._inputImageForAI = p(), this._guidingMessageRefNode = p(), this._abortController = new AbortController(), this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c();
+    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 = u(), this._editor = u(), this._isSubmitBtnClicked = !1, this._mapViewContainer = u(), this._searchRef = u(), this._inputImageForAI = u(), this._guidingMessageRefNode = u(), this._abortController = new AbortController(), this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c();
   }
   static {
-    this.properties = { appName: 1, customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, updateMapPosition: 5, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, showSketchWidgets: 5, allowMultipleCreation: 5, popupEnabled: 5, showLayerVisibilityMsg: 5, enablePhotoLocation: 5, aiImageExtraction: 0, _currentPage: 16, _showSearchComponent: 16, _layerInfos: 16, _inValidGeometryDrawn: 16, _selectedImageBase64: 16, _analysisFailed: 16, _updatedMapView: 16, _translations: 16 };
+    this.properties = { appName: 1, customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, updateMapPosition: 5, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, showSketchWidgets: 5, allowMultipleCreation: 5, popupEnabled: 5, showLayerVisibilityMsg: 5, enablePhotoLocation: 5, enableMessageLocation: 5, aiImageExtraction: 0, aiTextExtraction: 0, _currentPage: 16, _showSearchComponent: 16, _layerInfos: 16, _inValidGeometryDrawn: 16, _selectedImageBase64: 16, _enteredMessage: 16, _analysisFailed: 16, _updatedMapView: 16, _translations: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = H;
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = L;
   }
   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,18 +80,18 @@ class H extends M {
     super.disconnectedCallback(), this._editor.value && (this._editor.value.destroy(), this.enableSnapping && this.mapView?.ui.view && (this.mapView.ui.view.grid = null), this._removeHandlers());
   }
   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";
+    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", n = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
     let o = this._translations.chooseCategoryMsg;
-    const n = this._aiAnalysisInfo?.results?.filter((g) => !g.success), h = n?.length ? !0 : this._analysisFailed, d = this._getAnalysisErrorMessage(n?.length), u = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "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((g) => g.success).length ? this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (o = this._translations.enableFeatureTemplatesMessage), l`${h && l`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    const r = this._aiAnalysisInfo?.results?.filter((p) => !p.success && p.key !== f), h = r?.length ? !0 : this._analysisFailed, d = this._getAnalysisErrorMessage(r?.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((p) => p.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (o = this._translations.enableFeatureTemplatesMessage), l`${h && l`<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>${d}</div></calcite-alert>` || ""}${u && l`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}</calcite-panel>` || ""}${!u && l`${r && l`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${m(this._calciteNotice)}><div slot=message .innerHTML=${o ?? ""} ${m(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && l`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? f}></div>` || ""}<calcite-loader class=${w(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && l`<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=${w(t)} ${m(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${d}</div></calcite-alert>` || ""}${g && l`<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 && l`${n && l`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${m(this._calciteNotice)}><div slot=message .innerHTML=${o ?? ""} ${m(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && l`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? _}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && l`<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)} ${m(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 P({
+    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new V({
       map: this.mapView.map,
       container: this._mapViewContainer.value,
       zoom: this.mapView.zoom,
@@ -105,7 +106,7 @@ class H extends M {
     }));
   }
   async _loadLayerInfos() {
-    const e = [], t = this._updatedMapView && await v(this._updatedMapView), i = this.mapView && await y(this.mapView, this.selectedLayerId);
+    const e = [], t = this._updatedMapView && await I(this._updatedMapView), i = this.mapView && await w(this.mapView, this.selectedLayerId);
     i && (this._selectedLayer = i, !this._selectedLayer.isTable && t && t.forEach((a) => {
       e.push({
         layer: a,
@@ -117,10 +118,12 @@ class H extends M {
     })), this._layerInfos = e;
   }
   _getReportTypePage() {
-    const e = this._hasImageExtraction();
-    return l`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label>${e && l`<calcite-card class="cursor-pointer" @click=${() => {
-      this.progressStatus.emit(35), this._currentPage = "imageUpload";
-    }}><div slot=description class="card-body-content"><calcite-icon aria-hidden=true icon=effects scale=m style="color: var(--calcite-ui-text-2)"></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.aiImgExtractionLabel}</span><span class="option-description">${this._translations.aiAssistantDescription}</span></div></div></calcite-card>` || ""}<calcite-card class="cursor-pointer pt-0" @click=${() => {
+    const e = this._hasImageExtraction(), t = this._hasTextExtraction();
+    return l`<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 && l`<calcite-card class="cursor-pointer pt-0" @click=${() => {
+      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 && l`<calcite-card class="cursor-pointer" @click=${() => {
+      this._analysisMode = "image", this.progressStatus.emit(35), this._currentPage = "imageUpload";
+    }}><div slot=description class="card-body-content"><calcite-icon aria-hidden=true icon=camera scale=m style="color: var(--calcite-ui-text-2)"></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.usePhoto}</span><span class="option-description">${this._translations.aiAssistantDescription}</span></div></div></calcite-card>` || ""}<span class="option-description pt-15">${this._translations.manualReport}</span><calcite-card class="cursor-pointer pt-0" @click=${() => {
       this._currentPage = "templatePicker", this.init();
     }}><div slot=description class="card-body-content"><calcite-icon aria-hidden=true icon=pencil scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.fillOutManually}</span><span class="option-description">${this._translations.startBlank}</span></div></div></calcite-card></div>`;
   }
@@ -133,13 +136,24 @@ class H extends M {
   }
   _aiImageExtractionPage() {
     const e = this._selectedImageBase64 !== "", t = e ? this._translations.replaceImage : this._translations.imageUploadLimitHint;
-    return l`<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} ${m(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 && l`<img alt=${this._translations.photo ?? f} class="width-full" src=${this._selectedImageBase64 ?? f}>` || ""}</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 l`<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} ${m(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 && l`<img alt=${this._translations.photo ?? _} class="width-full" src=${this._selectedImageBase64 ?? _}>` || ""}</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 l`<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>`;
   }
   _getAnalyzingImagePage() {
     return l`<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 l`<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>`;
+  }
   _onImageUpload(e) {
     const t = e.target;
     if (t) {
@@ -157,35 +171,35 @@ class H extends M {
       return;
     }
     try {
-      this._currentPage = "analyzingImage", this.progressStatus.emit(45);
-      const i = this._inputImageForAI.value.files[0], a = await new Promise((r, o) => {
-        const n = new FileReader();
-        n.onloadend = () => r(n.result), n.onerror = o, this._inputImageForAI.value && n.readAsDataURL(i);
+      this._analysisMode = "image", this._currentPage = "analyzingImage", this.progressStatus.emit(45);
+      const i = this._inputImageForAI.value.files[0], a = await new Promise((n, o) => {
+        const r = new FileReader();
+        r.onloadend = () => n(r.result), r.onerror = o, this._inputImageForAI.value && r.readAsDataURL(i);
       });
       if (this.enablePhotoLocation) {
-        const r = await F.gps(i);
-        if (r?.longitude && r.latitude && this.mapView?.spatialReference) {
-          const o = new R({
-            longitude: r.longitude,
-            latitude: r.latitude,
-            spatialReference: new U({ wkid: 4326 })
-          }), n = await k(o, this.mapView.spatialReference);
-          this._aiAnalysisInfo && (this._aiAnalysisInfo.location = n);
+        const n = await R.gps(i);
+        if (n?.longitude && n.latitude && this.mapView?.spatialReference) {
+          const o = new U({
+            longitude: n.longitude,
+            latitude: n.latitude,
+            spatialReference: new z({ wkid: 4326 })
+          }), r = await E(o, this.mapView.spatialReference);
+          this._aiAnalysisInfo && (this._aiAnalysisInfo.location = r);
         }
       }
       const s = this._getImageExtractionData();
       if (s.length) {
-        const r = {
+        const n = {
           input: a,
           data: s
-        }, o = await $(t.imageUrl, {
+        }, o = await b(t.imageUrl, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
             "x-esri-authorization": `Bearer ${t.token}`,
             "x-esri-request-source": `instantapps/${this.appName}`
           },
-          body: JSON.stringify(r),
+          body: JSON.stringify(n),
           responseType: "json",
           signal: e
         });
@@ -196,6 +210,42 @@ class H extends M {
       i.name === "AbortError" ? console.error("Aborted", i) : (this._analysisFailed = !0, console.error("Analyzing failed", i)), this._resetAIAnalysisInfo(), this.init();
     }
   }
+  async _analyzeMessage() {
+    this._abortController = new AbortController();
+    const e = this._abortController.signal, t = await this._getAIAnalysisInfo(), i = this._enteredMessage.trim(), a = this._getTextExtractionData();
+    let s = { url: "", singleLineFieldName: "" };
+    if (this.enableMessageLocation && (s = this._getLocatorConfig(), this._shouldExtractLocationFromText() && s.url && a.push({ key: f, context: D })), !t.canUseAI || !t.textUrl || !i || !a.length) {
+      this._analysisFailed = !0, console.error(this._translations.error), this._resetAIAnalysisInfo(), await this.init();
+      return;
+    }
+    try {
+      this._analysisMode = "text", this._currentPage = "analyzingMessage", this.progressStatus.emit(45);
+      const n = await b(t.textUrl, {
+        method: "post",
+        headers: {
+          "Content-Type": "application/json",
+          "x-esri-authorization": `Bearer ${t.token}`,
+          "x-esri-request-source": `instantapps/${this.appName}`
+        },
+        body: JSON.stringify({
+          input: i,
+          data: a
+        }),
+        responseType: "json",
+        signal: e
+      });
+      if (this._aiAnalysisInfo && (this._aiAnalysisInfo.results = n.data.results, s.url)) {
+        const o = this._getExtractedAddress(n.data.results);
+        o && (this._aiAnalysisInfo.location = await this._geocodeExtractedAddress(o, {
+          url: s.url,
+          singleLineFieldName: s.singleLineFieldName
+        }));
+      }
+      this._currentPage = "loading", await this.init();
+    } catch (n) {
+      n.name === "AbortError" ? console.error("Aborted", n) : (this._analysisFailed = !0, console.error("Analyzing failed", n)), this._resetAIAnalysisInfo(), this.init();
+    }
+  }
   _resetAIAnalysisInfo() {
     const e = {
       imageUrl: "",
@@ -205,7 +255,7 @@ class H extends M {
       location: void 0,
       results: []
     };
-    this._selectedImageBase64 = "", this._aiAnalysisInfo = e;
+    this._selectedImageBase64 = "", this._enteredMessage = "", this._aiAnalysisInfo = e;
   }
   async _getAIAnalysisInfo() {
     const e = {
@@ -214,7 +264,7 @@ class H extends M {
       token: "",
       canUseAI: !1
     };
-    if (this._hasImageExtraction()) {
+    if (this._hasImageExtraction() || this._hasTextExtraction()) {
       const i = (this.mapView?.map).portalItem.portal;
       if (i) {
         const a = await i.fetchSettings(), s = i?.helperServices.aiUtilityServices;
@@ -224,7 +274,7 @@ class H extends M {
     return e;
   }
   async queryIntersectingFeatures() {
-    const e = this.mapView && await y(this.mapView, this.reportingAreaLayer);
+    const e = this.mapView && await w(this.mapView, this.reportingAreaLayer);
     if (e) {
       const t = e.createQuery();
       t.geometry = this._drawnGeometry, t.spatialRelationship = "intersects";
@@ -247,14 +297,14 @@ class H extends M {
   }
   async _onEditorPropertyChange() {
     const e = this._editor.value;
-    e?.state && (this._drawingHandler || (this._drawingHandler = _.watch(() => e.state, async (t) => {
+    e?.state && (this._drawingHandler || (this._drawingHandler = y.watch(() => e.state, async (t) => {
       const i = this._editor.value?.activeWorkflow;
       t === "creating-features" && i?.formViewModel?.state === "disabled" && (this._mapViewContainer.value?.classList.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing", this.progressStatus.emit(50), i?.sketchViewModel?.createGraphic && this._aiAnalysisInfo?.location && (await this._updatedMapView?.goTo({ center: this._aiAnalysisInfo.location }), this._selectedLayer.geometryType === "point" && await this._initializeSketchPoint(this._aiAnalysisInfo.location.clone()))), this.isMobile && this._adjustPanelContentHeight()), t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1);
-    })), this._featureFormHandler || (this._featureFormHandler = _.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
+    })), this._featureFormHandler || (this._featureFormHandler = y.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
       t === "ready" && this._currentPage !== "editing" ? (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), e.activeWorkflow?.formViewModel?.addHandles(e.activeWorkflow?.formViewModel?.on("submit", this.submitted.bind(this))), setTimeout(() => {
         this._setFloorLevel(this.floorLevel), this._aiAnalysisInfo?.results && this._setAttributeValuesFromAIAnalysis();
       }, 500), !this.allowMultipleCreation && this._editor.value?.activeWorkflow && (this._editor.value.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1)) : t === "disabled" && this.allowMultipleCreation && this._currentPage !== "editing" && (this._currentPage = "drawingMultipleFeatures");
-    })), this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = _.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (t) => {
+    })), this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = y.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (t) => {
       t === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(t);
     }))), await this.hideEditorsElements());
   }
@@ -273,6 +323,8 @@ class H extends M {
     }, 50);
   }
   async searchComplete(e) {
+    if (!e?.detail?.results?.[0]?.results?.[0]?.feature)
+      return;
     const t = e.detail.results[0].results[0].feature;
     let i;
     t && (await this._updatedMapView?.goTo(t.geometry), this._selectedLayer?.geometryType === "point" && t?.geometry && (i = t.geometry));
@@ -297,15 +349,15 @@ class H extends M {
     const i = "includeDefaultSources", a = e.sources;
     return a && a?.length > 0 ? (e[i] = !1, a.forEach((s) => {
       if (s.hasOwnProperty("layer")) {
-        const o = s, n = o.layer?.id, h = n ? t.map?.findLayerById(n) : "", d = o?.layer?.url;
-        h ? o.layer = h : d && (o.layer = new L(d));
+        const o = s, r = o.layer?.id, h = r ? t.map?.findLayerById(r) : "", d = o?.layer?.url;
+        h ? o.layer = h : d && (o.layer = new S(d));
       }
     }), a?.forEach((s) => {
       if (s.hasOwnProperty("locator")) {
         const o = s;
         if (o?.name === "ArcGIS World Geocoding Service") {
-          const n = o.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          o.outFields = n, o.singleLineFieldName = "SingleLine";
+          const r = o.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          o.outFields = r, o.singleLineFieldName = "SingleLine";
         }
         o.url = o.url, delete o.url;
       }
@@ -329,7 +381,7 @@ class H extends M {
           name: "floor-info-test",
           title: "Floor Info",
           returnType: "string"
-        }), r = new S({
+        }), n = new P({
           label: i,
           editableExpression: "false",
           fieldName: i,
@@ -341,15 +393,15 @@ class H extends M {
           valueExpression: s.name
         });
         this._updatedMapView?.map.editableLayers.forEach((o) => {
-          const n = this.formElements.orgElements, h = this.formElements.orgExpressionInfos, d = [...n];
-          if (d.push(r), o.type === "feature") {
-            const u = o, g = new V({
-              title: u?.formTemplate?.title,
-              description: u?.formTemplate?.description,
+          const r = this.formElements.orgElements, h = this.formElements.orgExpressionInfos, d = [...r];
+          if (d.push(n), o.type === "feature") {
+            const g = o, p = new $({
+              title: g?.formTemplate?.title,
+              description: g?.formTemplate?.description,
               elements: d,
               expressionInfos: [s].concat(h)
             });
-            o.formTemplate = g;
+            o.formTemplate = p;
           }
         });
       }
@@ -358,7 +410,7 @@ class H extends M {
   _setAttributeValuesFromAIAnalysis() {
     this._aiAnalysisInfo?.results && this._aiAnalysisInfo.results.forEach((e) => {
       const t = this._editor?.value?.activeWorkflow;
-      t?.formViewModel && e.key && e.success && t.formViewModel.setValue(e.key, e.value);
+      t?.formViewModel && e.key && e.key !== f && e.success && t.formViewModel.setValue(e.key, e.value);
     });
   }
   _getImageExtractionData() {
@@ -367,12 +419,60 @@ class H extends M {
       t?.field && t.prompt && t.id === this.selectedLayerId && e.push({ key: t.field, context: t.prompt });
     }), e;
   }
+  _getTextExtractionData() {
+    const e = [];
+    return this.aiTextExtraction?.forEach((t) => {
+      t?.field && t.prompt && t.id === this.selectedLayerId && e.push({ key: t.field, context: t.prompt });
+    }), e;
+  }
   _hasImageExtraction() {
     return !!this.aiImageExtraction?.some((e) => e?.field && e.prompt && e.id === this.selectedLayerId);
   }
+  _hasTextExtraction() {
+    return !!this.aiTextExtraction?.some((e) => e?.field && e.prompt && e.id === this.selectedLayerId);
+  }
+  _shouldExtractLocationFromText() {
+    return !!this.aiTextExtraction?.some((e) => e.id === this.selectedLayerId);
+  }
   _getAnalysisErrorMessage(e) {
     const t = this._aiAnalysisInfo?.results?.length || 0;
-    return e && e === t ? this._translations.imageExtractionError : this._translations.imageExtractionPartialError;
+    return this._analysisMode === "text" ? e && e === t ? this._translations.textExtractionError : this._translations.textExtractionPartialError : e && e === t ? this._translations.imageExtractionError : this._translations.imageExtractionPartialError;
+  }
+  _getExtractedAddress(e) {
+    const t = e.find((i) => i.key === f && i.success && i.value !== null);
+    if (t) {
+      if (typeof t.value == "string")
+        return t.value.trim() || void 0;
+      if (typeof t.value == "object" && typeof t.value.address == "string")
+        return t.value.address.trim() || void 0;
+    }
+  }
+  async _geocodeExtractedAddress(e, t) {
+    if (!(!this.mapView?.spatialReference || !e))
+      try {
+        const a = (await T.addressToLocations(t.url, {
+          address: { [t.singleLineFieldName]: e },
+          outSpatialReference: this.mapView.spatialReference,
+          maxLocations: 1
+        }))?.[0]?.location;
+        return a || void 0;
+      } catch (i) {
+        console.error("Address geocoding failed", i);
+        return;
+      }
+  }
+  _getLocatorConfig() {
+    const e = this.searchConfiguration?.sources?.find((a) => "url" in a && !!a.url);
+    if (e?.url)
+      return {
+        url: e.url,
+        singleLineFieldName: e.singleLineFieldName || "SingleLine"
+      };
+    const t = this.mapView?.map?.portalItem?.portal?.helperServices?.geocode;
+    return {
+      url: Array.isArray(t) ? t[0]?.url : t?.url,
+      singleLineFieldName: "SingleLine"
+    };
   }
   async hideEditorsElements() {
     if (!this.customizeSubmit || this._editor.value?.state === "editing-attachment" || this._editor.value?.state === "adding-attachment")
@@ -398,17 +498,17 @@ class H extends M {
                 const s = a.addedFeatures[0].objectId;
                 try {
                   if (this._uploadedImage && this._selectedLayer) {
-                    const r = this._uploadedImage, o = new FormData();
-                    o.set("keywords", "ai-image"), o.set("attachment", r), o.append("f", "json");
-                    const n = new E({
+                    const n = this._uploadedImage, o = new FormData();
+                    o.set("keywords", "ai-image"), o.set("attachment", n), o.append("f", "json");
+                    const r = new F({
                       attributes: {
                         [this._selectedLayer.objectIdField]: s
                       }
                     });
-                    await this._selectedLayer.addAttachment(n, o);
+                    await this._selectedLayer.addAttachment(r, o);
                   }
-                } catch (r) {
-                  console.error("Attachment upload failed", r);
+                } catch (n) {
+                  console.error("Attachment upload failed", n);
                 }
                 i?.remove(), this.success.emit();
               }
@@ -433,7 +533,7 @@ class H extends M {
     this._drawingHandler?.remove(), this._featureFormHandler?.remove(), this._activeFeatureCountHandler?.remove();
   }
 }
-b("create-feature", H);
+x("create-feature", N);
 export {
-  H as CreateFeature
+  N as CreateFeature
 };

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

@@ -4,9 +4,10 @@ import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-card";
 import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-card";
 import "@arcgis/map-components/components/arcgis-editor";
 import "@arcgis/map-components/components/arcgis-search";
 import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-text-area";
 export * from "./customElement.js";

package/dist/components/create-related-feature/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type Graphic from "@arcgis/core/Graphic.js";
-import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type MapView from "@arcgis/core/views/MapView.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -32,9 +32,9 @@ export abstract class CreateRelatedFeature extends LitElement {
    * @default false
    */
   accessor enableSnapping: boolean;
-  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/references/core/views/MapView */
   accessor mapView: MapView | undefined;
-  /** __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  /** Graphic: https://developers.arcgis.com/javascript/latest/references/core/Graphic */
   accessor selectedFeature: Graphic | undefined;
   /**
    * boolean: When true the notice message should be shown
@@ -42,7 +42,7 @@ export abstract class CreateRelatedFeature extends LitElement {
    * @default true
    */
   accessor showGuidingMsg: boolean | undefined;
-  /** __esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+  /** FeatureLayer: https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer */
   accessor table: FeatureLayer | undefined;
   /** Submit the comment */
   submit(): Promise<void>;