@arcgis/portal-components 5.2.0-next.47 → 5.2.0-next.49

package/dist/components/arcgis-portal-account-switcher/customElement.d.ts

@@ -0,0 +1,98 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { LinkedAccount } from "../../types/user.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** Renders an account selection dialog and emits an account switching event. */
+export abstract class ArcgisPortalAccountSwitcher extends LitElement {
+  /** @default "" */
+  accessor baseUrl: string;
+  /** @internal */
+  protected messages: {
+      switchAccounts: string;
+      chooseAccount: string;
+      currentAccount: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      linkAccount: string;
+      switchTo: string;
+      unlink: string;
+      unlinkTitle: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      errors: {
+          linkAccount: string;
+          accessAccount: string;
+          selfLink: string;
+          alreadyLinked: string;
+          signout: string;
+          signin: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+          noAccountSelected: string;
+      };
+      success: {
+          linkAccount: string;
+          linkAccountMultiple: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+      };
+  } & T9nMeta<{
+      switchAccounts: string;
+      chooseAccount: string;
+      currentAccount: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      linkAccount: string;
+      switchTo: string;
+      unlink: string;
+      unlinkTitle: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      errors: {
+          linkAccount: string;
+          accessAccount: string;
+          selfLink: string;
+          alreadyLinked: string;
+          signout: string;
+          signin: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+          noAccountSelected: string;
+      };
+      success: {
+          linkAccount: string;
+          linkAccountMultiple: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+      };
+  }>;
+  /** Portal object */
+  accessor portal: Portal;
+  /** Emitted when the user chooses a different account. */
+  readonly arcgisAccountSwitch: import("@arcgis/lumina").TargetedEvent<this, { account: LinkedAccount; }>;
+  readonly "@eventTypes": {
+    arcgisAccountSwitch: ArcgisPortalAccountSwitcher["arcgisAccountSwitch"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-account-switcher/customElement.js

@@ -0,0 +1,364 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as y } from "../../chunks/runtime.js";
+import { LitElement as S, createEvent as b, nothing as L } from "@arcgis/lumina";
+import { html as d, svg as _ } from "lit";
+import { s as O } from "../../chunks/portal-account-switcher.js";
+import { g as x, a as I, l as v, u as C } from "../../chunks/user2.js";
+import p from "@arcgis/core/identity/IdentityManager.js";
+import { t as E } from "../../chunks/functionalities.js";
+import { u as M } from "../../chunks/useT9n.js";
+import { m as T } from "../../chunks/icons.js";
+import { substitute as g } from "@arcgis/core/intl.js";
+function $(i, t = "_blank", e = 582, s = 670) {
+  const n = window.screenLeft ?? 0, r = window.screenTop ?? 0, o = window.innerWidth || document.documentElement.clientWidth || window.screen.width, a = window.innerHeight || document.documentElement.clientHeight || window.screen.height, c = o / 2 - e / 2 + n, l = a / 2 - s / 2 + r, u = window.open(i, t, `scrollbars=no, width=${e}, height=${s}, top=${l}, left=${c}`);
+  return u?.focus(), u;
+}
+function K(i) {
+  const e = (i || window.location.origin).split(".")[1].replace("maps", "");
+  return `https://${e ? `${e}${e === "qa" ? "ext" : ""}.` : ""}arcgis.com/sharing/rest/`;
+}
+function P(i, t) {
+  const e = p.findOAuthInfo(i.url), {
+    /* appId = "arcgisonline", */
+    locale: s = "en",
+    expiration: n = 3600 * 1e3
+  } = e, r = new URLSearchParams({
+    locale: s,
+    client_id: "arcgisonline",
+    //appId!,
+    response_type: "token",
+    expiration: `${n}`,
+    linkUserRequest: "true",
+    showSocialLogins: "true",
+    hideEnterpriseLogins: "false",
+    force_login: "true",
+    parent: window.location.origin,
+    redirect_uri: `https://${i.portalHostname}/home/pages/Account/link_account_callback.html`,
+    state: JSON.stringify({ useMessage: !0 })
+  }), o = `${K(t)}oauth2/authorize?${r.toString()}`;
+  $(o);
+}
+function W(i) {
+  const {
+    config: t,
+    credential: e,
+    clientId: s = "arcgisonline",
+    redirectToClientUri: n = !1,
+    displaySignoutComplete: r = !1
+  } = i, o = new URLSearchParams({
+    display: "iframe",
+    client_id: s,
+    ...e.token && { token: e.token },
+    parent: window.location.origin,
+    redirect_uri: `${t.baseUrl}pages/Account/signout_callback.html`,
+    state: JSON.stringify({
+      signout: !0,
+      origin: window.location.origin,
+      redirectToClientUri: n,
+      displaySignoutComplete: r
+    })
+  }), a = `${t.restBaseUrl}oauth2/signout?${o.toString()}`, c = document.createElement("iframe");
+  c.src = a, c.style.display = "none", document.body.appendChild(c);
+}
+function N(i, t) {
+  const e = h(i.orgUrlKey, t), s = p.findOAuthInfo(e);
+  let { appId: n, locale: r, expiration: o } = s;
+  n = n || "arcgisonline", r = r || "en", o = o || 3600 * 1e3;
+  const a = k(i.provider), c = new URLSearchParams({
+    locale: r,
+    client_id: "arcgisonline",
+    //appId,
+    response_type: "token",
+    expiration: `${o}`,
+    parent: window.location.origin,
+    ...a === "social" && { socialLoginProviderName: i.provider },
+    ...a === "default" && { prepopulatedusername: i.username },
+    force_login: "true",
+    redirect_uri: `${e}/home/pages/Account/signin_account_callback.html`,
+    state: JSON.stringify({
+      user: i.username,
+      server: e,
+      portalUrl: e,
+      origin: window.location.origin
+    })
+  }), l = `${w(i, t)}?${c.toString()}`;
+  $(l);
+}
+function R({
+  account: i,
+  credential: t,
+  //client_id,
+  portal: e
+}) {
+  const s = k(i.provider), n = w(i, e), r = A(i, e), o = new URLSearchParams({
+    client_id: "arcgisonline",
+    redirect_uri: r,
+    parent: window.location.origin,
+    response_type: "token",
+    prepopulatedusername: t.userId,
+    force_login: "false",
+    ...s === "social" && { socialLoginProviderName: i.provider },
+    expiration: `${(t?.expires ?? Date.now() + 60 * 1e3) - Date.now()}`
+  });
+  return `${n}?${o.toString()}`;
+}
+function k(i) {
+  return B(i) ? "social" : i === "enterprise" ? "enterprise" : i.includes("oidc") ? "oidc" : "default";
+}
+function B(i) {
+  return ["apple", "facebook", "github", "google"].includes(i);
+}
+function w(i, t) {
+  const e = h(i.orgUrlKey, t).toLowerCase(), s = k(i.provider);
+  let n = "";
+  switch (s) {
+    case "social":
+      n = "social/";
+      break;
+    case "enterprise":
+      n = "saml/";
+      break;
+    case "oidc":
+      n = `oidc/${i.provider.split("_")[1]}/`;
+      break;
+  }
+  return `${e}/sharing/rest/oauth2/${n}authorize`;
+}
+function h(i, t) {
+  return i?.startsWith("https://") ? i : i && t.customBaseUrl ? `https://${i}.${t.customBaseUrl}` : `https://${t.portalHostname}`;
+}
+function A(i, t) {
+  return `${h(i.orgUrlKey, t)}/home/accountswitcher-callback.html`;
+}
+function H({
+  origin: i,
+  redirectToClientUri: t,
+  displaySignoutComplete: e
+}) {
+  console.log("Signout complete", i, t, e);
+}
+function J(i, t) {
+  return p.findCredential(h(i.orgUrlKey, t), i.username);
+}
+function q(i, t) {
+  const e = J(i, t);
+  if (e)
+    return e;
+  const s = h(i.orgUrlKey, t), n = `${s}/home/check_sign_in_status.html#state=${JSON.stringify({
+    origin: window.location.origin,
+    server: s,
+    orgKey: s
+  })}`;
+  D(n, `iframe__for-${s}`);
+}
+function D(i, t) {
+  const e = document.createElement("iframe");
+  e.src = i, e.id = t, e.style.display = "none", document.body.appendChild(e);
+}
+const f = 100;
+class z extends S {
+  constructor() {
+    super(), this.messages = M({ blocking: !0 }), this.clientId = "arcgisonline", this.targetUser = "", this.linkedAccounts = [], this.loading = !1, this.signedInStatus = {}, this.showAssociatedAccountsWarning = !1, this.baseUrl = "", this.arcgisAccountSwitch = b(), this.listenOn(window, "message", this.handleMessageEvent);
+  }
+  static {
+    this.properties = { linkedAccounts: 16, userAccounts: 16, user: 16, credential: 16, alertOptions: 16, loading: 16, signedInStatus: 16, showAssociatedAccountsWarning: 16, portal: 0, baseUrl: 1 };
+  }
+  static {
+    this.styles = O;
+  }
+  willUpdate(t) {
+    t.has("portal") && (this.user = this.portal?.user), (t.has("portal") || t.has("user")) && this.portal && this.user && this.findLinkedUsers();
+  }
+  handleMessageEvent(t) {
+    if (new URL(t.origin).hostname !== "localhost" && (t.origin.endsWith(".arcgis.com") || t.origin === window.location.origin)) {
+      if (typeof t.data == "string") {
+        JSON.parse(t.data).type === "token_exchange" && this.handleExchangeTokenMessage(t);
+        return;
+      }
+      if ("type" in t.data)
+        switch (t.data.type) {
+          case "signin":
+            this.handleSigninMessage(t);
+            return;
+          case "signout":
+            this.handleSignoutMessage(t);
+            return;
+          case "linkUser":
+            this.handleLinkUserMessage(t);
+            return;
+          case "token_exchange":
+            this.handleExchangeTokenMessage(t);
+            return;
+        }
+      if ("credential" in t.data) {
+        this.handleSigninMessage(t);
+        return;
+      }
+      this.handleCheckSignInStatusMessage(t);
+    }
+  }
+  handleSignoutMessage(t) {
+    const { error: e, signout: s, accountOrigin: n, redirectToClientUri: r, displaySignoutComplete: o } = t.data;
+    if (e && e !== "unknown") {
+      console.error(e), reportError(this.messages.errors.signout);
+      return;
+    }
+    s && (this.user = void 0, this.credential = void 0, H({ origin: n, redirectToClientUri: r, displaySignoutComplete: o }));
+  }
+  handleSigninMessage(t) {
+    const { messages: e } = this, { error: s, status: n, credential: r } = t.data;
+    if (s) {
+      console.error(s), reportError(e.errors.signin);
+      return;
+    }
+    if (n === "success") {
+      const {
+        portal: o,
+        user: a
+        /* , clientId */
+      } = this, c = this.linkedAccounts.find((m) => m.username === r.userId);
+      c?.orgUrlKey === this.portal.urlKey && p.findCredential(`https://${o.portalHostname}`, a?.username)?.destroy(), p.registerToken(r);
+      const l = R({
+        account: c,
+        credential: r,
+        /* client_id: clientId, */
+        portal: o
+      });
+      window.self !== window.top ? window.top?.postMessage({ type: "navigate", url: l }) : window.location.href = l;
+    }
+  }
+  handleCheckSignInStatusMessage(t) {
+    const { success: e, orgKey: s, server: n, userId: r, token: o, expires: a, ssl: c } = t.data;
+    s && n && e && r && o && a && c !== void 0 && (this.signedInStatus[r] = { token: o, expires: a, ssl: c });
+  }
+  async handleLinkUserMessage(t) {
+    const { error: e, username: s, access_token: n } = t.data, { portal: r, user: o, linkedAccounts: a, messages: c } = this;
+    if (e) {
+      if (e.toString().toLowerCase().includes("user denied your request"))
+        return;
+      reportError(c.errors.accessAccount);
+      return;
+    }
+    if (s === o?.username) {
+      reportError(c.errors.selfLink);
+      return;
+    }
+    if (a.find((u) => u.username === s)) {
+      reportError(g(c.errors.alreadyLinked, { username: s }));
+      return;
+    }
+    const l = await x(r, s, n);
+    if (l?.length) {
+      this.userAccounts = l, this.targetUser = s ?? "", this.showAssociatedAccountsWarning = !0;
+      return;
+    }
+    this.linkAccount(s, n);
+  }
+  handleExchangeTokenMessage(t) {
+    const e = typeof t.data == "string" ? JSON.parse(t.data) : t.data;
+    if (!(e.type && e.type !== "token_exchange")) {
+      if (e.error)
+        console.error(e);
+      else if (e.status === "success" && this.targetUser) {
+        const { portal: s, linkedAccounts: n, targetUser: r, clientId: o } = this, a = n.find((U) => U.username === r);
+        if (!a)
+          return;
+        const c = A(a, s), l = h(a.orgUrlKey, s), u = new URLSearchParams({
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          response_type: "token",
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          client_id: o,
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          redirect_uri: c,
+          state: JSON.stringify({ user: a.username, portalUrl: l })
+        }), m = `${w(a, s)}?${u.toString()}`;
+        window.opener ? (window.opener.location.href = m, window.close()) : window.location.href = m;
+      }
+    }
+  }
+  async findLinkedUsers() {
+    if (!this.portal || !this.user) {
+      this.linkedAccounts = [];
+      return;
+    }
+    this.loading = !0, this.linkedAccounts = await I(this.portal, this.user), this.linkedAccounts.length && (this.signedInStatus = this.linkedAccounts.filter((t) => t.orgUrlKey !== this.portal.urlKey).reduce((t, e) => (t[e.username] = q(e, this.portal) ?? null, t), {})), this.loading = !1;
+  }
+  async linkAccount(t, e) {
+    const { portal: s, user: n } = this;
+    if (!s || !n)
+      return;
+    const r = await v({ portal: s, user: n, targetUser: t, targetToken: e }), { messages: o } = this;
+    if (r.error) {
+      this.reportError(g(o.errors.linkAccount, { username: t })), this.targetUser = "", this.userAccounts = [];
+      return;
+    }
+    const a = this.userAccounts?.length ? o.success.linkAccountMultiple : o.success.linkAccount;
+    this.reportSuccess(g(a, { username: t })), this.targetUser = "", this.userAccounts = [], await E(350), this.findLinkedUsers();
+  }
+  async unlinkAccount(t) {
+    if (!this.portal || !this.user)
+      return;
+    const { messages: e, portal: s, user: n } = this, { success: r } = await C({ portal: s, user: n, linkedUsername: t.username });
+    r ? this.reportSuccess(g(e.success.unlinkAccount, { username: t.username })) : this.reportError(g(e.errors.unlinkAccount, { username: t.username })), await this.findLinkedUsers();
+  }
+  startAccountLink() {
+    P(this.portal, this.baseUrl);
+  }
+  switchAccount(t) {
+    const { portal: e, user: s, clientId: n } = this;
+    if (!e || !s || !t)
+      return;
+    const r = h(s.sourceJSON.orgUrlKey ?? "", e), o = p.findCredential(r, s.id || s.username);
+    o && W({ config: { baseUrl: r, restBaseUrl: `${r}/sharing/rest` }, credential: o, clientId: n }), N(t, e);
+  }
+  reportError(t, e, s = !1) {
+    this.alertOptions = {
+      kind: s ? "warning" : "danger",
+      title: e,
+      message: t
+    };
+  }
+  reportSuccess(t, e) {
+    this.alertOptions = {
+      kind: "success",
+      title: e,
+      message: t
+    };
+  }
+  showUnlinkConfirmation(t) {
+    const { messages: e } = this;
+    this.alertOptions = {
+      kind: "danger",
+      icon: "exclamation-mark-triangle-f",
+      title: e.unlinkTitle,
+      message: e.unlinkWarning,
+      actions: [
+        {
+          text: e.unlink,
+          kind: "danger",
+          clickHandler: () => {
+            this.alertOptions = void 0, this.unlinkAccount(t);
+          }
+        }
+      ]
+    };
+  }
+  render() {
+    const { linkedAccounts: t, user: e, portal: s, messages: n } = this;
+    return !s || !e ? null : d`<calcite-dialog .heading=${n.switchAccounts} scale=m width=s open .loading=${this.loading} outside-close-disabled><calcite-block .heading=${n.currentAccount} expanded class="current-account-block"><calcite-list .label=${g(n.currentAccountLabel, { username: e.username })} interaction-mode=static selection-mode=none class="current-account-list"><calcite-list-item><arcgis-portal-user-avatar .user=${e} .portal=${s} show-name .heading=${e.username} .description=${s.name || ""} slot=content-start></arcgis-portal-user-avatar></calcite-list-item></calcite-list></calcite-block>${t.length > 0 ? d`<calcite-block .heading=${n.chooseAccount} expanded class="linked-accounts-block"><calcite-button slot=content-end icon-start=plus class="link-account-button" @click=${() => this.startAccountLink()} .disabled=${t.length >= f}>${n.linkAccount}</calcite-button><arcgis-portal-account-switcher-list .portal=${s} .linkedAccounts=${t} .signedInUsers=${Object.keys(this.signedInStatus).filter((r) => this.signedInStatus[r] !== null)} .label=${n.usersList} interactive @arcgisAccountSwitch=${(r) => {
+      this.switchAccount(r.detail.account);
+    }} @arcgisAccountUnlink=${(r) => {
+      this.showUnlinkConfirmation(r.detail.account);
+    }}></arcgis-portal-account-switcher-list></calcite-block>` : d`<calcite-block .heading=${n.chooseAccount} expanded class="empty-accounts-block"><div class="empty-accounts-info"><svg class="empty-accounts-icon" width=48 height=48 viewBox="0 0 48 48" fill=none xmlns=http://www.w3.org/2000/svg>${_`<path d=${T.couple ?? L} fill=currentColor />`}</svg><h4>${n.emptyListTitle}</h4><p>${n.emptyList}</p><calcite-button icon-start=plus class="link-account-button" @click=${() => this.startAccountLink()} .disabled=${t.length >= f}>${n.linkAccount}</calcite-button></div></calcite-block>`}<calcite-notice kind=info .open=${t.length >= f}><div slot=message>${n.maxAccounts}</div></calcite-notice><calcite-alert .label=${n.alertLabel} slot=alerts .autoClose=${this.alertOptions?.kind !== "danger"} auto-close-duration=fast placement=bottom .kind=${this.alertOptions?.kind} .icon=${this.alertOptions?.icon} .open=${!!this.alertOptions} @calciteAlertClose=${() => {
+      this.alertOptions = void 0;
+    }}>${this.alertOptions?.title && d`<h4 slot=title class="alert-title">${this.alertOptions.title}</h4>` || ""}${this.alertOptions?.message && d`<p slot=message class="alert-message">${this.alertOptions.message}</p>` || ""}${this.alertOptions?.actions?.map((r) => d`<calcite-button slot=actions-end .kind=${r.kind} .appearance=${r.appearance} @click=${r.clickHandler}>${r.text}</calcite-button>`)}</calcite-alert></calcite-dialog>${this.showAssociatedAccountsWarning && d`<arcgis-portal-account-switcher-accounts .portal=${s} .targetUser=${this.targetUser} .accounts=${this.userAccounts ?? []} @arcgisLinkAll=${() => {
+      this.linkAccount(this.targetUser, "");
+    }} @arcgisCloseDialog=${() => {
+      this.showAssociatedAccountsWarning = !1;
+    }}></arcgis-portal-account-switcher-accounts>` || ""}`;
+  }
+}
+y("arcgis-portal-account-switcher", z);
+export {
+  z as ArcgisPortalAccountSwitcher
+};

package/dist/components/arcgis-portal-account-switcher/index.d.ts

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

package/dist/components/arcgis-portal-account-switcher/index.js

@@ -0,0 +1,11 @@
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "../arcgis-portal-user-avatar/index.js";
+import "@esri/calcite-components/components/calcite-button";
+import "../arcgis-portal-account-switcher-list/index.js";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-alert";
+import "../arcgis-portal-account-switcher-accounts/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-account-switcher-accounts/customElement.d.ts

@@ -0,0 +1,100 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { LinkedAccount } from "../../types/user.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisPortalAccountSwitcherAccounts extends LitElement {
+  accessor accounts: LinkedAccount[];
+  /** @internal */
+  protected messages: {
+      switchAccounts: string;
+      chooseAccount: string;
+      currentAccount: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      linkAccount: string;
+      switchTo: string;
+      unlink: string;
+      unlinkTitle: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      errors: {
+          linkAccount: string;
+          accessAccount: string;
+          selfLink: string;
+          alreadyLinked: string;
+          signout: string;
+          signin: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+          noAccountSelected: string;
+      };
+      success: {
+          linkAccount: string;
+          linkAccountMultiple: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+      };
+  } & T9nMeta<{
+      switchAccounts: string;
+      chooseAccount: string;
+      currentAccount: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      linkAccount: string;
+      switchTo: string;
+      unlink: string;
+      unlinkTitle: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      errors: {
+          linkAccount: string;
+          accessAccount: string;
+          selfLink: string;
+          alreadyLinked: string;
+          signout: string;
+          signin: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+          noAccountSelected: string;
+      };
+      success: {
+          linkAccount: string;
+          linkAccountMultiple: string;
+          unlinkAccount: string;
+          unlinkTitle: string;
+      };
+  }>;
+  accessor portal: Portal;
+  accessor targetUser: string;
+  /** @internal */
+  readonly arcgisCloseDialog: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** @internal */
+  readonly arcgisLinkAll: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisCloseDialog: ArcgisPortalAccountSwitcherAccounts["arcgisCloseDialog"]["detail"];
+    arcgisLinkAll: ArcgisPortalAccountSwitcherAccounts["arcgisLinkAll"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-account-switcher-accounts/customElement.js

@@ -0,0 +1,31 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { html as o } from "lit";
+import { LitElement as l, createEvent as e } from "@arcgis/lumina";
+import { createRef as r, ref as n } from "lit/directives/ref.js";
+import { u } from "../../chunks/useT9n.js";
+import { s as g } from "../../chunks/portal-account-switcher.js";
+import { substitute as m } from "@arcgis/core/intl.js";
+class p extends l {
+  constructor() {
+    super(...arguments), this.messages = u({ blocking: !0, name: "portal-account-switcher" }), this.dialogRef = r(), this.accounts = [], this.arcgisLinkAll = e(), this.arcgisCloseDialog = e();
+  }
+  static {
+    this.properties = { portal: 0, targetUser: 1, accounts: 0 };
+  }
+  static {
+    this.styles = g;
+  }
+  render() {
+    const { messages: t, portal: i, accounts: s, targetUser: c } = this;
+    return o`<calcite-dialog open modal width=s .heading=${t.linkTitle} outside-close-disabled @calciteDialogClose=${() => this.arcgisCloseDialog.emit()} ${n(this.dialogRef)}><calcite-block .heading=${m(t.linkWarning, { targetUser: c })} expanded class="linked-accounts-block"><arcgis-portal-account-switcher-list .portal=${i} .linkedAccounts=${s} .label=${t.usersList}></arcgis-portal-account-switcher-list></calcite-block><calcite-button slot=footer-end appearance=outline @click=${() => {
+      this.dialogRef.value.open = !1;
+    }}>${t.cancel}</calcite-button><calcite-button slot=footer-end kind=brand @click=${() => {
+      this.arcgisLinkAll.emit(), this.dialogRef.value.open = !1;
+    }}>${t.linkAll}</calcite-button></calcite-dialog>`;
+  }
+}
+a("arcgis-portal-account-switcher-accounts", p);
+export {
+  p as ArcgisPortalAccountSwitcherAccounts
+};

package/dist/components/arcgis-portal-account-switcher-accounts/index.d.ts

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

package/dist/components/arcgis-portal-account-switcher-accounts/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-block";
+import "../arcgis-portal-account-switcher-list/index.js";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";