@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

package/dist/chunks/solution-deployed-card.js

@@ -0,0 +1,189 @@
+import { c as u } from "./runtime.js";
+import { u as f } from "./useT9n.js";
+import { LitElement as w, createEvent as _, nothing as s } from "@arcgis/lumina";
+import { useContextConsumer as c } from "@arcgis/lumina/context";
+import { a as v, u as y } from "./deployAppContexts.js";
+import { css as b, html as a, svg as D } from "lit";
+import * as r from "@esri/solution-common";
+import { createRef as d, ref as p } from "lit-html/directives/ref.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.40 */
+const $ = b`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */calcite-card{height:100%;padding-bottom:var(--calcite-spacing-base)}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:var(--calcite-spacing-base) solid var(--calcite-ui-brand);box-sizing:content-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-xl)}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: var(--calcite-spacing-none)}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:var(--calcite-spacing-sm)}.padding-bottom-1-2{padding-bottom:var(--calcite-spacing-sm)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-400,.font-weight-normal{font-weight:400}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:var(--calcite-spacing-sm);margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
+/** @license
+ *
+ * Copyright 2018 Esri
+ *
+ * All rights reserved under the copyright laws of the United States and applicable international laws, treaties,
+ * and conventions.
+ *
+ * This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of
+ * that agreement. You may redistribute and use this code without modification, provided you adhere to the terms
+ * of the MLA and include this copyright notice.
+ *
+ * See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
+ *
+ * For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal
+ * Services Department 380 New York Street Redlands, California, USA 92373 USA
+ *
+ * email: contracts@esri.com
+ */
+async function x(l, e) {
+  const i = await r.getItemDataAsJson(l, e);
+  if (!i)
+    throw new Error(`Solution ${l} was not found`);
+  const h = e?.portal.replace("/sharing/rest", "") ?? "https://www.arcgis.com";
+  let n = [];
+  if (i.templates[0].item)
+    n = i.templates.map((o) => ({
+      id: o.itemId,
+      title: o.item.title,
+      type: o.item.type,
+      typeKeywords: o.item.typeKeywords,
+      dependencies: o.dependencies,
+      snippet: o.item.snippet
+    }));
+  else {
+    const o = i.templates.map((t) => t.type === "Group" ? r.getGroupBase(t.itemId, e) : r.getItemBase(t.itemId, e));
+    n = (await Promise.allSettled(o)).filter((t) => t.status === "fulfilled").map((t) => t.value).map((t, g) => {
+      const m = typeof t.type > "u" ? "group" : "item";
+      return {
+        id: t.id,
+        title: t.title,
+        type: t.type ?? "Group",
+        typeKeywords: t.typeKeywords,
+        dependencies: i.templates[g].dependencies,
+        snippet: t.snippet,
+        url: `${h}/home/${m}.html?id=${t.id}`
+      };
+    });
+  }
+  return n;
+}
+class C extends w {
+  constructor() {
+    super(), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.diagramKey = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.templateInfos = [], this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._configureTitlesOpen = !1, this._translations = f({ name: "solution-deployed-card", blocking: !0 }), this._authContextConsumer = c({
+      context: v,
+      subscribe: !0
+    }), this._deleteDialogRef = d(), this._diagramDialogRef = d(), this._userSessionContextConsumer = c({
+      context: y,
+      subscribe: !0
+    }), this.deployedCardSelected = _(), this.listenOn(window, "initDeployedCard", this._detailsCardSelected);
+  }
+  static {
+    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, diagramKey: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, templateInfos: 0, _isDeleteOpen: 16, _isDiagramOpen: 16, templateInfoGraph: 16, _configureTitlesOpen: 16, _translations: 16 };
+  }
+  static {
+    this.styles = $;
+  }
+  _detailsCardSelected(e) {
+    console.log(e);
+  }
+  async renderConfigureDialog() {
+    this._cardSelected();
+  }
+  async renderDeleteDialog() {
+    return this._isDeleteOpen = !0, this._renderDeleteDialog(), this._deleteDialogRef.value;
+  }
+  async renderDiagramDialog(e) {
+    return await this._viewDiagram(e), await this._renderDiagramDialog(), this._diagramDialogRef.value;
+  }
+  async getTemplates() {
+    return this._processTemplates(this.card);
+  }
+  willUpdate(e) {
+    e.has("card") && this._processTemplates(this.card).then((i) => {
+      this.templateInfos = i;
+    });
+  }
+  render() {
+    return a`<calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p class="font-color-text-2 font-line-height font-size-size--1" slot=description>${this.description}</p><div class="width-full display-flex flex-direction-column" slot=footer-start><div class="padding-bottom-1-2">${this._getOwnerLabel()}${this._getDeployedDate()}</div>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}${this._renderConfigureTitlesDialog()}`;
+  }
+  _getImage() {
+    const e = this._userSessionContextConsumer.value;
+    return a`<div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? s} class="thumbnail card-image" src=${`${this.thumbnail}&token=${e?.token}`}><div class="hover-text">${this._translations.openSolution}</div></div>`;
+  }
+  _getHeader() {
+    return a`<div class="display-flex justify-content-space-between header-line-height" slot=heading><calcite-label layout=inline-space-between scale=l>${this.heading}</calcite-label></div>`;
+  }
+  _getOwnerLabel() {
+    return a`<calcite-label class="font-weight-400 padding-end-1-2" layout=inline scale=s>${`${this._translations.owner}:`}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.owner}</calcite-link></calcite-label>`;
+  }
+  _getDeployedDate() {
+    return a`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${D`<path class="svg-color" d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" /><path class="svg-color" d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
+  }
+  _getConfigureButton() {
+    return a`<calcite-split-button appearance=outline aria-label=${this._translations.openSolution ?? s} dropdown-label=${this._translations.moreActions ?? s} kind=neutral @calciteSplitButtonPrimaryClick=${() => {
+      this.deployedCardSelected.emit({
+        card: this.card,
+        cardRef: this.el
+      });
+    }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.openSolution ?? s} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=edit-attributes @click=${() => {
+      this._configureTitlesOpen = !0;
+    }}>${this._translations.renameItems}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && a`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
+  }
+  _renderDeleteDialog() {
+    return this._isDeleteOpen ? a`<solution-delete-dialog .card=${this.card} @solutionDeleteDialogOpen=${(e) => {
+      this._isDeleteOpen = e.detail;
+    }} .open=${this._isDeleteOpen} ${p(this._deleteDialogRef)}></solution-delete-dialog>` : "";
+  }
+  _renderDiagramDialog() {
+    return this._isDiagramOpen ? a`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "") ?? s} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+      this._isDiagramOpen = !1;
+    }} outside-close-disabled scale=m width=l ${p(this._diagramDialogRef)}><solution-item-diagram .diagramKey=${this.diagramKey} .templateInfoGraph=${this.templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
+  }
+  _renderConfigureTitlesDialog() {
+    return this._configureTitlesOpen ? a`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
+      this._configureTitlesOpen = !1;
+    }} @solutionItemsTitlesChanged=${async () => {
+      this._processTemplates(this.card).then((e) => {
+        this.templateInfos = e;
+      });
+    }} .open=${this._configureTitlesOpen} .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
+  }
+  _cardSelected() {
+    this.deployedCardSelected.emit({
+      card: this.card,
+      cardRef: this.el
+    });
+  }
+  async _viewDiagram(e) {
+    e.stopPropagation(), this.card && (this.templateInfoGraph = await this._processTemplates(this.card), this._isDiagramOpen = !0);
+  }
+  _viewDocumentation(e) {
+    e.stopPropagation(), window.open(this.card.learnMoreUrl, "_blank");
+  }
+  _viewItemDetails(e) {
+    e.stopPropagation(), window.open(this.card.itemUrl, "_blank");
+  }
+  _deleteSolution(e) {
+    e.stopPropagation(), this._isDeleteOpen = !0;
+  }
+  _openUserProfile(e) {
+    e.stopPropagation();
+    const i = this._authContextConsumer.value?.PortalSubset?.orgUrl;
+    i && window.open(`${i}/home/user.html?user=${this.owner}`, "_blank");
+  }
+  async _processTemplates(e) {
+    return await x(e.id, this._userSessionContextConsumer.value);
+  }
+}
+u("solution-deployed-card", C);
+export {
+  C as S,
+  x as p
+};

package/dist/chunks/solution-store.js

@@ -2,7 +2,7 @@ import { b as y, C as be } from "./interfaces.js";
 import { getItemDataAsJson as Ie, getPropWithDefault as Q, EFileType as b, setCreateProp as X, updateItem as Re, getProp as Fe, generateStorageFilePaths as xe, SolutionTemplateFormatVersion as Ee, isSupportedFileType as we, getThumbnailFromStorageItem as De, removeItemResourceFile as Pe, updateItemResourceFile as Ae, copyFilesToStorageItem as Ne, setProp as Ce } from "@esri/solution-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 var _ = {
   allRenderFn: !1,
   cmpDidLoad: !0,

package/dist/chunks/templates.js

@@ -2,7 +2,7 @@ import { C as g } from "./interfaces.js";
 import { getProp as I, getPropWithDefault as y } from "@esri/solution-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 /**
  * @license
  * Copyright 2025 Esri

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const s = o(t);
 export {
   s as u

package/dist/components/arcgis-solutions-assistant/customElement.d.ts

@@ -1,29 +1,124 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValueMap, PropertyValues } from 'lit';
 export type ConversationStore = {
     conversationId: string | null;
-    inquiryId: string | null;
-    ackSequenceNumber: number | null;
+    inquiryId?: string | null;
+    ackSequenceNumber?: number | null;
+    context?: ConversationContext;
+};
+export type ConversationRequestContext = {
+    kind: string;
+    debug: boolean;
+};
+export type ConversationRequest = {
+    message?: string | null;
+    conversationId?: string | null;
+    context?: ConversationRequestContext;
 };
 export type ConversationResponse = {
     conversationId: string;
     inquiryId: string;
     sequenceNumber: number;
     message?: string | null;
-    context?: {
-        author: 'ai' | 'human' | 'system';
-        intent: string;
-    };
+    context?: ConversationContext;
     hasMore: boolean;
 };
+export type IntentType = 'Recommend solution' | 'Solution question' | 'Other' | 'Error';
+export type AuthorType = 'human' | 'ai' | 'system';
+export type ConversationContext = {
+    kind: string;
+    author?: AuthorType;
+    intent?: IntentType;
+    results?: SuggestedSolutions[] | DocAssistantResultContext[] | unknown[];
+};
+export type DisplayMessage = {
+    author: AuthorType;
+    conversationId?: string;
+    intent?: IntentType;
+    message: string;
+    render?: JsxNode;
+};
 export type MessageResponse = {
     response?: string;
     message?: unknown;
 };
+export type SuggestedSolutions = {
+    title: string;
+    snippet: string;
+    thumbnail: string;
+};
+export type DocAssistantResultContext = {
+    reply: string;
+    ref: DocAssistantResultRef[];
+    followupQuestions: string[];
+    status: DocAssistantResultStatus;
+};
+export type DocAssistantResultRef = {
+    url: string;
+    title: string;
+    score: number;
+    product: string;
+    productMatch: boolean;
+};
+export type DocAssistantResultStatus = {
+    currentStatusMessage: string;
+    currentStatusStep: number;
+};
 
 export declare class ArcgisSolutionsAssistant extends LitElement {
-    /** @default "http://localhost:8080/skills/solution_deployment/chat" */
-    AIServerUrl: string;
+    /**
+     * Define the AI server to access
+     *
+     * @default 'https://aiservices-beta.arcgis.com'
+     */
+    serverRoot: string;
+    /** Define the authentication for requests */
     token: string | null;
-    readonly arcgisCreateSolutionEvent: TargetedEvent<this, void>;
+    /**
+     * Flag to open or close panel
+     *
+     * @default false
+     */
+    open: boolean;
+    /**
+     * First name of user for personal approach
+     *
+     * @default ''
+     */
+    userFirstName: string;
+    /**
+     * Submits a query to the AI Assitant based on what is in the input textarea.
+     * If there is an exisitng conversation, the conversation id is also sent along.
+     */
+    handleSendMessage(): Promise<void>;
+    /**
+     * Calls the AI (polling) until there is no additional requests.
+     * Along the way id there is a message or context, process and show.
+     * If it is solution question, start off a new request to Doc Assistant.
+     *
+     * @param response
+     * @param token
+     * @param requestURL
+     * @param response stores the conversation and inquiry id
+     * @param token the authenticated user session
+     * @param requestURL AI server to request
+     */
+    loopRequest(response: ConversationResponse, token: string, requestURL: string): Promise<void>;
+    /**
+     * Request sent to the AI server via fetch.
+     * ALong the way id there is a message or context, process and show.
+     *
+     * @param requestInfo
+     * @param token
+     * @param requestURL
+     * @param requestInfo the request object to send to the server
+     * @param token the authenticated user session
+     * @param requestURL AI server to request
+     */
+    requestAIServer(requestInfo: unknown, token: string, requestURL: string): Promise<ConversationResponse>;
+    /** Resets the message history and clears the chat window. */
+    resetChat(): void;
+    /** Emitted on demand when cards are fetched */
+    readonly closeAssistant: TargetedEvent<this, boolean>;
 }