@esri/hub-web-components 0.0.5

package/dist/components/arcgis-chat-ui/components/chat-response/customElement.js

@@ -0,0 +1,42 @@
+import { html as c } from "lit-html";
+import { c as h, C as v } from "../../../../chunks/chat-action.js";
+import f from "@arcgis/core/portal/PortalItem.js";
+import g from "@arcgis/core/layers/Layer.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.0/esri/copyright.txt for details.
+v0.0.5 */
+const C = ({ message: t, addDataClick: n, addLocationClick: s }) => {
+  function d(i) {
+    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the AI Assistant process" icon-start=automation><ol>${i.map((o) => c`<li>Tool: ${o.name}${Object.keys(o.parameters).map((a) => {
+      let r = o.parameters[a];
+      return a === "sources" && Array.isArray(r) ? r = r.map((e) => e.title).join(", ") : a === "location" && (r = r.name), c`<div>${a}: ${JSON.stringify(r)}</div>`;
+    })}</li>`)}</ol></calcite-accordion-item>`;
+  }
+  function l(i) {
+    return c`<calcite-accordion-item description="Content to add to your context" heading=Sources icon-start=information><div class="sources">${i.map((o) => c`<div class="wrapper source">${v({ source: o, domain: "hub.arcgis.com", showOutlinks: !0, addDataClick: () => {
+      const a = {
+        type: "dataset",
+        title: o.title,
+        data: { id: o.id }
+      };
+      n?.(a);
+    } })}</div>`)}</div></calcite-accordion-item>`;
+  }
+  function p(i) {
+    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map><div>${i.name}</div><arcgis-map .center=${[i.longitude, i.latitude]} .zoom=${i.zoom ?? void 0} basemap=gray-vector @arcgisViewReadyChange=${m}><arcgis-zoom position=top-left></arcgis-zoom><arcgis-expand position=top-right><arcgis-layer-list></arcgis-layer-list></arcgis-expand></arcgis-map><calcite-button round icon-start=extent @click=${() => s?.(i)}>Zoom To Location</calcite-button></calcite-accordion-item>`;
+  }
+  function m(i) {
+    const o = i.target;
+    o.map && t.sources?.length && t.sources.forEach((a) => {
+      const r = new f({ id: a.id });
+      g.fromPortalItem({ portalItem: r }).then((e) => {
+        o.map && o.map.add(e);
+      });
+    });
+  }
+  const u = t.sources?.length ?? t.tools?.length ?? !!t.location;
+  return c`<div class=${`message author-${t.author}`}><div class="response"><div class="text" .innerHTML=${h(t.text) ?? ""}></div>${u && c`<div class="actions"><link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css><calcite-accordion>${t.location && p(t.location) || ""}${(t.sources ?? []).length > 0 && l(t.sources ?? []) || ""}${(t.tools ?? []).length > 0 && d(t.tools ?? []) || ""}</calcite-accordion></div>` || ""}</div></div>`;
+};
+export {
+  C as ChatResponse
+};

package/dist/components/arcgis-chat-ui/components/chat-response/index.d.ts

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-accordion-item";
+import "@arcgis/map-components/components/arcgis-map";
+import "@arcgis/map-components/components/arcgis-zoom";
+import "@arcgis/map-components/components/arcgis-expand";
+import "@arcgis/map-components/components/arcgis-layer-list";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-accordion";
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/components/chat-response/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-accordion-item";
+import "@arcgis/map-components/components/arcgis-map";
+import "@arcgis/map-components/components/arcgis-zoom";
+import "@arcgis/map-components/components/arcgis-expand";
+import "@arcgis/map-components/components/arcgis-layer-list";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-accordion";
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/components/chat-status/customElement.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="../../index.d.ts" />
+import { TemplateResult } from 'lit-html';
+export declare const ChatStatus: ({ showSkeletonLoader, currentLoadingMessage, }: {
+    showSkeletonLoader?: boolean;
+    currentLoadingMessage?: string;
+}) => TemplateResult;

package/dist/components/arcgis-chat-ui/components/chat-status/customElement.js

@@ -0,0 +1,8 @@
+import { html as e } from "lit-html";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.0/esri/copyright.txt for details.
+v0.0.5 */
+const l = ({ showSkeletonLoader: s, currentLoadingMessage: d }) => s ? e`<div class="loader"><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="square-container"><div class="skeleton-loader square"></div><div class="skeleton-loader square"></div></div></div>` : e`<div class="status-message">${d}</div>`;
+export {
+  l as ChatStatus
+};

package/dist/components/arcgis-chat-ui/components/chat-status/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/components/chat-status/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/customElement.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="../../index.d.ts" />
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { AddDataAction, ChatMessage } from './util/types';
+import { DefaultSuggestion } from '../../types';
+import { FinderLocation, ArcgisErrorResponse, FinderSkillResponse } from '../arcgis-hub-ai-assistant/util/framework';
+
+export declare class ArcgisChatUI extends LitElement {
+    /** Stores a developer feature message for quick testing or shortcuts. */
+    devFeatureMessage: ChatMessage | undefined;
+    /** The current conversation ID, or null if starting a new conversation. */
+    conversationId: string | null;
+    /**
+     * The disclaimer text for the AI assistant
+     *
+     * @default ""
+     */
+    botDescription: string;
+    /**
+     * The title of the AI assistant
+     *
+     * @default ""
+     */
+    botTitle: string;
+    /** The default suggestions prompted to the user */
+    defaultSuggestions: (DefaultSuggestion | string)[];
+    /**
+     * The current text input value from the user.
+     *
+     * @default ""
+     */
+    inputText: string;
+    /**
+     * Function property to get a Finder response.
+     * Should be provided by the parent component, `hub-ai-assistant`.
+     *
+     * @param message - The user message to send.
+     * @param conversationId - The current conversation ID, or null to start a new conversation.
+     * @returns A promise resolving to an array of ArcgisErrorResponse or FinderSkillResponse.
+     */
+    getFinderResponse: (message: string, conversationId: string | null) => Promise<ArcgisErrorResponse[] | FinderSkillResponse[]>;
+    /**
+     * Submits the user's message to the chat.
+     * Clears the input, adds the message to the chat history, and triggers the AI response.
+     * Currently using the
+     *
+     * @method
+     * decorator to expose this method to the DOM,
+     * allowing it to be called from `embed-modal.html`. Once this application has been migrated,
+     * I assume there will be no need for the html component and the
+     * @method decorator can be removed.
+     * @param text The user's input message.
+     */
+    submitUserMessage(text: string): void;
+    /** Event emitted when the user clicks to add data from a chat message. */
+    readonly arcgisAddDataClick: TargetedEvent<this, AddDataAction>;
+    /** Event emitted when the user clicks a zoom to location button in a chat message. */
+    readonly arcgisLocationClick: TargetedEvent<this, FinderLocation>;
+}

package/dist/components/arcgis-chat-ui/customElement.js

@@ -0,0 +1,127 @@
+import { c as h } from "../../chunks/runtime.js";
+import { html as r } from "lit-html";
+import { ref as m } from "lit-html/directives/ref.js";
+import { LitElement as u, createEvent as l, nothing as p } from "@arcgis/lumina";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+import { ChatResponse as n } from "./components/chat-response/customElement.js";
+import { ChatStatus as x } from "./components/chat-status/customElement.js";
+import { isFinderResponseContext as b, enrichSources as y } from "../arcgis-hub-ai-assistant/util/customElement.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.0/esri/copyright.txt for details.
+v0.0.5 */
+const v = f`.actions{margin:.5em;background-color:#ffffff80;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}.viewDetails span{transform:rotate(90deg);display:inline-block}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}arcgis-map{display:block;height:400px}.text{margin:0 .5rem}.message{display:grid;grid-column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block-start:0;margin-block-end:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.status-message{opacity:0;font-size:1em;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.status-message{animation:fadeIn 6s infinite}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}`;
+var i = /* @__PURE__ */ ((a) => (a.USER = "Human", a.HUB = "AI", a.SYSTEM = "System", a))(i || {});
+const c = [
+  "Searching for relevant datasets...",
+  "Analyzing your query...",
+  "Finding location details...",
+  "Loading data for your request...",
+  "Filtering data...",
+  "Creating map...",
+  "Fetching the latest statistics..."
+];
+class I extends u {
+  constructor() {
+    super(...arguments), this.loadingMessageIntervalMs = 6e3, this.handleFormSubmit = (e) => {
+      e.preventDefault(), this.inputText.trim() && this.submitUserMessage(this.inputText);
+    }, this.handleClearHistory = () => {
+      this.messages = [], this.conversationId = null, this.scrollToBottomAfterUpdate();
+    }, this.isLoading = !1, this.currentLoadingMessage = this.getRandomLoadingMessage(), this.messages = [], this.conversationId = null, this.botDescription = "", this.botTitle = "", this.defaultSuggestions = [], this.inputText = "", this.getFinderResponse = async () => [], this.arcgisAddDataClick = l(), this.arcgisLocationClick = l();
+  }
+  static {
+    this.properties = { isLoading: 16, currentLoadingMessage: 16, messages: 16, devFeatureMessage: 0, conversationId: 1, botDescription: 1, botTitle: 1, defaultSuggestions: 0, inputText: 1, getFinderResponse: 0 };
+  }
+  static {
+    this.styles = v;
+  }
+  submitUserMessage(e) {
+    this.inputText = "";
+    const t = structuredClone(this.messages), s = {
+      author: i.USER,
+      text: e,
+      messageId: t.length + 1
+      // Increment message ID for tracking
+    };
+    t.push(s), this.messages = t, this.scrollToBottomAfterUpdate(), this.handleDevFeatures(t, e) || this.handleUserMessage();
+  }
+  getRandomLoadingMessage() {
+    return c[Math.floor(Math.random() * c.length)];
+  }
+  setMessagesContainer(e) {
+    this.messagesContainer = e;
+  }
+  scrollToBottomAfterUpdate() {
+    this.updateComplete.then(() => {
+      this.scrollToBottom();
+    });
+  }
+  scrollToBottom() {
+    this.messagesContainer && this.messagesContainer.scrollTo({
+      top: this.messagesContainer.scrollHeight,
+      behavior: "smooth"
+    });
+  }
+  handleInputTextChange(e) {
+    this.inputText = e.target.value;
+  }
+  handleDevFeatures(e, t) {
+    if (t === "::trees" && this.devFeatureMessage) {
+      const s = { ...this.devFeatureMessage, messageId: e.length + 1 };
+      return e.push(s), this.messages = e, !0;
+    }
+    return !1;
+  }
+  handleChatError(e) {
+    this.setLoading(!1);
+    const t = {
+      text: "Sorry, I encountered an error while processing your request. Please try again.",
+      author: i.HUB,
+      messageId: e.length + 1
+    };
+    e.push(t), this.messages = e, this.scrollToBottomAfterUpdate();
+  }
+  setLoading(e) {
+    this.isLoading = e, e ? (this.currentLoadingMessage = this.getRandomLoadingMessage(), this.loadingIntervalId = window.setInterval(() => {
+      this.currentLoadingMessage = this.getRandomLoadingMessage();
+    }, this.loadingMessageIntervalMs), this.scrollToBottomAfterUpdate()) : this.loadingIntervalId && (clearInterval(this.loadingIntervalId), this.loadingIntervalId = void 0);
+  }
+  async handleUserMessage() {
+    const e = structuredClone(this.messages);
+    try {
+      this.setLoading(!0);
+      const s = (await this.getFinderResponse(e[e.length - 1].text, this.conversationId))[1];
+      if (this.conversationId ??= s.conversationId, b(s.context)) {
+        const o = s.context, g = Array.isArray(o.sources) && o.sources.length > 0 ? await y(o.sources) : [], d = {
+          ...o,
+          sources: g,
+          messageId: e.length + 1,
+          author: i.HUB
+        };
+        e[e.length - 1].text === "trees" && (this.devFeatureMessage = d), this.setLoading(!1), e.push(d), this.messages = e;
+      } else
+        this.handleChatError(e);
+      this.scrollToBottomAfterUpdate();
+    } catch {
+      this.handleChatError(e);
+    }
+  }
+  renderSuggestions(e) {
+    return e.map((t) => r`<calcite-button round icon-start=${(typeof t == "string" ? "effects" : t.icon) ?? p} @click=${() => this.submitUserMessage(typeof t == "string" ? t : t.label)} .disabled=${this.isLoading} appearance=outline-fill>${typeof t == "string" ? t : t.label}</calcite-button>`);
+  }
+  renderWelcomeMessages() {
+    return r`${this.botTitle && n({ message: { author: i.HUB, text: `Welcome to the ${this.botTitle}` } }) || ""}${this.botDescription && n({ message: { author: i.HUB, text: this.botDescription } }) || ""}${n({ message: { author: i.HUB, text: "How can I assist you today?" } })}`;
+  }
+  renderForm() {
+    return r`<form @submit=${this.handleFormSubmit}><calcite-input-text .disabled=${this.isLoading} id=request-input placeholder="What are you searching for...?" @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isLoading}>Clear History</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isLoading || !this.inputText.trim()}>Send</calcite-button></div></form>`;
+  }
+  renderMessageContainer() {
+    return r`<div class="messages" ${m(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">Suggested prompts</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => n({ message: e, addDataClick: (t) => this.arcgisAddDataClick.emit(t), addLocationClick: (t) => this.arcgisLocationClick.emit(t) }))}${this.isLoading && x({ showSkeletonLoader: !1, currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
+  }
+  render() {
+    return r`${this.renderMessageContainer()}${this.renderForm()}`;
+  }
+}
+h("arcgis-chat-ui", I);
+export {
+  I as ArcgisChatUI
+};

package/dist/components/arcgis-chat-ui/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-input-text";
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-input-text";
+export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/util/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Constants for chat UI loading messages
+ */
+export declare const messageLoadingStates: string[];

package/dist/components/arcgis-chat-ui/util/customElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="../../index.d.ts" />
+export declare const cleanMessageText: (text: string) => string;
+export declare const getContentUrl: (id: string, contentType: string | undefined, contentUrl: string | undefined, domain: string) => string | undefined;

package/dist/components/arcgis-chat-ui/util/types.d.ts

@@ -0,0 +1,27 @@
+import { FinderResponseContext, FinderSource } from '../../arcgis-hub-ai-assistant/util/framework';
+export type ChatAction = {
+    action: string;
+    text: string;
+    properties: ChatActionPrompt;
+};
+export type ChatActionPrompt = {
+    prompt: string;
+};
+type DataItem = {
+    id: string;
+};
+export type AddDataAction = {
+    type: "dataset";
+    title?: string;
+    data: DataItem;
+};
+export type ChatSource = FinderSource & {
+    thumbnail?: string;
+    url?: string;
+};
+export type ChatMessage = Partial<FinderResponseContext> & {
+    author: string;
+    text: string;
+    messageId?: number;
+};
+export {};

package/dist/components/arcgis-hub-ai-assistant/customElement.d.ts

@@ -0,0 +1,90 @@
+/// <reference types="../../index.d.ts" />
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { DefaultSuggestion } from '../../types';
+import { ArcGISIdentityManager } from '@esri/arcgis-rest-request';
+
+export declare class ArcGISHubAIAssistant extends LitElement {
+    /**
+     * If the map is enabled (able to be togged on within the component).
+     *
+     * @default false
+     */
+    mapEnabled: boolean;
+    /**
+     * If the map is currently visible. Only applicable if `mapEnabled` is true.
+     *
+     * @default false
+     */
+    mapVisible: boolean;
+    /** ArcGIS Item id for assistant configuration */
+    itemId: string | null;
+    /**
+     * The base URL of the ArcGIS portal to use for authentication and data requests.
+     *
+     * @default ""
+     */
+    portalUrl: string;
+    /**
+     * The API endpoint for the AI assistant's backend service.
+     *
+     * @default "/api/assistants/v1"
+     */
+    apiUrl: string;
+    /**
+     * The title of the AI assistant bot, displayed in the UI.
+     *
+     * @default "Hub AI Assistant"
+     */
+    botTitle: string;
+    /**
+     * The default map extent (bounding box) to use for the map view.
+     * Format: [[minX, minY], [maxX, maxY]]
+     */
+    extent: number[][] | undefined;
+    /** Portal IDs of the layers on the map */
+    mapLayers: string[];
+    /**
+     * In the map, option to show the "Table" widget.
+     *
+     * @default false
+     */
+    mapShowTable: boolean;
+    /**
+     * The basemap for the map. List of options:
+     * https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#basemap
+     *
+     * @default "gray-vector"
+     */
+    mapBasemap: string;
+    /**
+     * Default geographic location to limit / focus results
+     *
+     * @default "Washington, DC"
+     */
+    location: string;
+    /**
+     * Hub domain to use for finding relevant datasets
+     *
+     * @default "opendata.dc.gov"
+     */
+    hub: string;
+    /** For information queries (infererence) which entity to get pages + documents */
+    entityId: string | null;
+    /**
+     * Context such as organization or theme for this AI Assistant
+     * e.g. "USGS" or "Oceans"
+     */
+    context: string | null;
+    /** Language for the chatbot to use */
+    language: string | undefined;
+    /**
+     * Basic info about the bot to display in the "About" panel
+     *
+     * @default "Hub AI Assistant helps you find and use open data in your community."
+     */
+    botDescription: string;
+    /** The default suggestions for the user */
+    defaultSuggestions: (DefaultSuggestion | string)[];
+    authentication: ArcGISIdentityManager | undefined;
+    readonly arcgisAddLayer: TargetedEvent<this, undefined>;
+}

package/dist/components/arcgis-hub-ai-assistant/customElement.js

@@ -0,0 +1,210 @@
+import { c as T } from "../../chunks/runtime.js";
+import { html as y } from "lit-html";
+import { LitElement as $, createEvent as E, noShadowRoot as x } from "@arcgis/lumina";
+import { getLocationCenter as D, calculateZoom as R } from "./util/customElement.js";
+import { css as C } from "@lit/reactive-element/css-tag.js";
+import { getPortalSettings as L, getItem as P, getItemData as U } from "@esri/arcgis-rest-portal";
+import { createRef as _, ref as w } from "lit/directives/ref.js";
+import z from "@arcgis/core/layers/Layer.js";
+import F from "@arcgis/core/portal/PortalItem.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.0/esri/copyright.txt for details.
+v0.0.5 */
+async function H(s) {
+  const {
+    skillId: e,
+    message: t,
+    context: a,
+    token: n,
+    conversationId: i,
+    apiUrl: c = "https://api.example.com",
+    pauseMs: I = 1e3,
+    retries: S = 3
+  } = s, u = {
+    Authorization: `Bearer ${n}`,
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  }, p = `${c}/skills/${e}/chat`, m = { message: t, context: a };
+  i && (m.conversationId = i);
+  try {
+    const r = await fetch(p, {
+      method: "POST",
+      headers: u,
+      body: JSON.stringify(m)
+    });
+    if (!r.ok)
+      throw new Error(`HTTP error! status: ${r.status}`);
+    const o = await r.json(), k = i ?? o.conversationId, v = o.inquiryId;
+    let g = o.hasMore || o.message == null, f = o.sequenceNumber;
+    const h = [];
+    o.message && h.push(o);
+    let b = 0;
+    for (; g && b < S; ) {
+      await new Promise((A) => setTimeout(A, I));
+      const d = await fetch(p, {
+        method: "POST",
+        headers: u,
+        body: JSON.stringify({
+          conversationId: k,
+          inquiryId: v,
+          ackSequenceNumber: f
+        })
+      });
+      if (!d.ok)
+        throw new Error(`HTTP error! status: ${d.status}`);
+      const l = await d.json();
+      l.message && h.push(l), g = l.hasMore, l.message != null && (f += 1), b++;
+    }
+    return h;
+  } catch (r) {
+    return console.error("Error during request:", r), [];
+  }
+}
+async function M({
+  message: s,
+  context: e,
+  token: t,
+  conversationId: a,
+  apiUrl: n = "https://hub.arcgis.com/api/assistants/v1",
+  pauseMs: i = 1e3,
+  retries: c = 50
+}) {
+  return await H({
+    skillId: "finder",
+    message: s,
+    context: e,
+    token: t,
+    conversationId: a ?? void 0,
+    apiUrl: n,
+    pauseMs: i,
+    retries: c
+  });
+}
+const V = C`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:200px}}}`, q = {
+  language: "en",
+  defaultSuggestions: ["What can I do with this assistant?"],
+  personality: "You are writing for a government websites readable by 8th graders.",
+  feedbackFormUrl: "https://survey123.arcgis.com/share/5661d0a398e4416984c2008ebf02a701",
+  allowChat: !1,
+  showHeader: !0
+};
+async function O({
+  portal: s,
+  authentication: e
+}) {
+  try {
+    const a = await L(void 0, {
+      portal: s,
+      authentication: e
+    });
+    return console.log("orgSettingsData", a), a.aiAssistantsEnabled === void 0 || a.aiAssistantsEnabled && !a.blockBetaApps ? !0 : (console.warn("AI Assistants are not enabled for this organization."), !1);
+  } catch (t) {
+    return console.error("Error fetching organization assistant settings:", t), !1;
+  }
+}
+function j(s) {
+  return s.replace("http://", "").replace("https://", "").split(/[/?#]/u)[0];
+}
+async function B(s) {
+  try {
+    const [e, t] = await Promise.all([
+      P(s),
+      // , { authentication: state.context.hubRequestOptions.authentication }
+      U(s)
+      // , { authentication: state.context.hubRequestOptions.authentication }
+    ]);
+    return {
+      ...q,
+      title: e.title,
+      description: e.description,
+      extent: e.extent,
+      context: e.accessInformation,
+      placeholder: t.placeholder,
+      theme: t.theme,
+      avatar: t.avatar,
+      language: t.language,
+      clientId: t.clientId,
+      personality: t.personality,
+      feedbackFormUrl: t.feedbackFormUrl,
+      hub: j(t.hub),
+      allowChat: t.allowChat,
+      showHeader: t.showHeader,
+      entityId: t.entityId,
+      location: t.location,
+      tools: t.tools,
+      defaultSuggestions: t.defaultSuggestions,
+      informationSources: t.informationSources ?? [t.entityId]
+    };
+  } catch (e) {
+    throw console.error("Error fetching configuration:", e), e;
+  }
+}
+class G extends $ {
+  constructor() {
+    super(...arguments), this._featureTable = _(), this.handleArcGISDataClick = (e) => {
+      const a = e.detail.data.id, n = new F({
+        id: a
+      });
+      z.fromPortalItem({
+        portalItem: n
+      }).then((i) => {
+        this._mapRef?.map?.add(i), this._featureTable.value && (this._featureTable.value.layer = i), this.mapLayers.push(a), this.arcgisAddLayer.emit(), this.mapVisible = !0;
+      }).catch((i) => {
+        console.log("could not add layer:", i);
+      });
+    }, this.handleArcGISLocationClick = (e) => {
+      const t = e.detail;
+      t.longitude && t.latitude && t.zoom && (this.mapVisible = !0, this._mapRef?.view.goTo({ center: [t.longitude, t.latitude], zoom: t.zoom }));
+    }, this.assistantsEnabled = !1, this.mapEnabled = !1, this.mapVisible = !1, this.itemId = null, this.portalUrl = "", this.apiUrl = "/api/assistants/v1", this.botTitle = "Hub AI Assistant", this.extent = [
+      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+      [-77.119, 38.791],
+      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+      [-76.909, 38.995]
+    ], this.mapLayers = [], this.mapShowTable = !1, this.mapBasemap = "gray-vector", this.location = "Washington, DC", this.hub = "opendata.dc.gov", this.entityId = null, this.context = null, this.language = void 0, this.botDescription = "Hub AI Assistant helps you find and use open data in your community.", this.defaultSuggestions = [], this.authentication = void 0, this.arcgisAddLayer = E();
+  }
+  static {
+    this.properties = { assistantsEnabled: 16, _mapRef: 16, mapEnabled: 5, mapVisible: 5, itemId: 1, portalUrl: 1, apiUrl: 1, botTitle: 1, extent: 0, mapLayers: 0, mapShowTable: 5, mapBasemap: 1, location: 1, hub: 1, entityId: 1, context: 1, language: 1, botDescription: 1, defaultSuggestions: 0, authentication: 0 };
+  }
+  static {
+    this.shadowRootOptions = x;
+  }
+  static {
+    this.styles = V;
+  }
+  async load() {
+    if (this.assistantsEnabled = await O({
+      portal: "https://www.arcgis.com/sharing/rest",
+      authentication: this.authentication
+    }), this.itemId) {
+      const e = await B(this.itemId);
+      console.log("Hub AI Assistant configuration", e), this.botTitle = e.title, this.botDescription = e.description ? e.description : "", this.hub = e.hub, this.extent = e.extent, this.defaultSuggestions = e.defaultSuggestions;
+    }
+  }
+  async handleFinderResponse(e, t) {
+    const a = await M({
+      message: e,
+      conversationId: t,
+      context: {
+        kind: "FinderRequest",
+        item: this.itemId ?? void 0
+      },
+      token: this.authentication?.token ?? "",
+      apiUrl: this.apiUrl
+    });
+    if (a.length === 0)
+      throw new Error("Finder response is empty or invalid");
+    return a;
+  }
+  _setMapRef(e) {
+    this._mapRef = e;
+  }
+  render() {
+    return y`<link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css><arcgis-chat-shell .aboutContent=${this.botDescription} .mapEnabled=${this.mapEnabled} .mapVisible=${this.mapEnabled && this.mapVisible} @arcgisUpdateMapVisibility=${(e) => {
+      this.mapVisible = e.detail;
+    }}><arcgis-chat-ui .botDescription=${this.botDescription} .botTitle=${this.botTitle} .defaultSuggestions=${this.defaultSuggestions} slot=leftPanel .getFinderResponse=${this.handleFinderResponse.bind(this)} @arcgisAddDataClick=${this.handleArcGISDataClick} @arcgisLocationClick=${this.handleArcGISLocationClick}></arcgis-chat-ui><arcgis-map slot=map .center=${D(this.extent)} .zoom=${R(this.extent)} .basemap=${this.mapBasemap} ${w(this._setMapRef)}><arcgis-zoom position=top-left></arcgis-zoom><arcgis-expand position=top-right><arcgis-layer-list></arcgis-layer-list></arcgis-expand><arcgis-search position=bottom-trailing></arcgis-search></arcgis-map>${this.mapShowTable && y`<arcgis-feature-table .referenceElement=${this._mapRef} slot=featureTable ${w(this._featureTable)}></arcgis-feature-table>` || ""}</arcgis-chat-shell>`;
+  }
+}
+T("arcgis-hub-ai-assistant", G);
+export {
+  G as ArcGISHubAIAssistant
+};

package/dist/components/arcgis-hub-ai-assistant/index.d.ts

@@ -0,0 +1,9 @@
+import "../arcgis-chat-shell/index.js";
+import "../arcgis-chat-ui/index.js";
+import "@arcgis/map-components/components/arcgis-map";
+import "@arcgis/map-components/components/arcgis-zoom";
+import "@arcgis/map-components/components/arcgis-expand";
+import "@arcgis/map-components/components/arcgis-layer-list";
+import "@arcgis/map-components/components/arcgis-search";
+import "@arcgis/map-components/components/arcgis-feature-table";
+export * from "./customElement.js";

package/dist/components/arcgis-hub-ai-assistant/index.js

@@ -0,0 +1,9 @@
+import "../arcgis-chat-shell/index.js";
+import "../arcgis-chat-ui/index.js";
+import "@arcgis/map-components/components/arcgis-map";
+import "@arcgis/map-components/components/arcgis-zoom";
+import "@arcgis/map-components/components/arcgis-expand";
+import "@arcgis/map-components/components/arcgis-layer-list";
+import "@arcgis/map-components/components/arcgis-search";
+import "@arcgis/map-components/components/arcgis-feature-table";
+export * from "./customElement.js";