@arcgis/portal-components 5.2.0-next.7 → 5.2.0-next.71

package/dist/chunks/verified.js

@@ -0,0 +1,40 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { f as w, r as h } from "./request.js";
+import { a as b } from "./dom.js";
+async function U(s, e, a, r, t) {
+  const i = s.portal?.portalHostname || r?.portalHostname || r?.restUrl?.replace("/sharing/rest", ""), l = t ? `https://www.arcgis.com/sharing/rest/portals/${e}` : `https://${i}/sharing/rest/portals/${e}`;
+  if (!i && !t)
+    return null;
+  const c = t ? { disableIdentityLookup: !0, addTokenManually: !1 } : {}, o = await h({ url: l, portal: r, options: c }), { urlKey: g, thumbnail: u, customBaseUrl: $ } = o, p = `https://${g}.${$}/`, y = u ? `${p}sharing/rest/portals/self/resources/${u}` : null;
+  let m = "", d = "";
+  try {
+    const n = await h({
+      url: `${l}/resources/localizedOrgProperties`,
+      portal: r,
+      params: { start: 1, num: 100 },
+      options: c
+    });
+    if (n) {
+      const f = n[a] || n.default;
+      m = f.name, d = f.description;
+    }
+  } catch {
+  }
+  return {
+    name: m || o.name,
+    description: b(d || o.description),
+    url: `${p}home/`,
+    thumbnail: y
+  };
+}
+async function q(s, e, a, r) {
+  const t = s.sourceJSON?.orgId ?? s.portal?.id ?? a?.id;
+  return await w({
+    requester: async () => await U(s, t, e, a, r),
+    key: "verified",
+    id: t
+  });
+}
+export {
+  q as f
+};

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

@@ -0,0 +1,99 @@
+/// <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 {
+  /** @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; }>;
+  /** Emitted when the user closes the account switcher. */
+  readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisAccountSwitch: ArcgisPortalAccountSwitcher["arcgisAccountSwitch"]["detail"];
+    arcgisClose: ArcgisPortalAccountSwitcher["arcgisClose"]["detail"];
+  };
+}

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

@@ -0,0 +1,365 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as L } from "../../chunks/runtime.js";
+import { LitElement as _, createEvent as y, nothing as O } from "@arcgis/lumina";
+import { html as d, svg as I } from "lit";
+import { s as x } from "../../chunks/portal-account-switcher.js";
+import { g as C, a as v, l as T, u as M } from "../../chunks/user.js";
+import p from "@arcgis/core/identity/IdentityManager.js";
+import { t as E } from "../../chunks/functionalities.js";
+import { u as K } from "../../chunks/useT9n.js";
+import { m as P } from "../../chunks/icons.js";
+import { substitute as g } from "@arcgis/core/intl.js";
+const w = 1260 * 1e3;
+function S(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, u = a / 2 - s / 2 + r, l = window.open(i, t, `scrollbars=no, width=${e}, height=${s}, top=${u}, left=${c}`);
+  return l?.focus(), l;
+}
+function W(i) {
+  const t = p.findOAuthInfo(i.url), {
+    /* appId = "arcgisonline", */
+    locale: e = "en",
+    expiration: s = w
+  } = t ?? {}, n = new URLSearchParams({
+    locale: e,
+    client_id: "arcgisonline",
+    //appId!,
+    response_type: "token",
+    expiration: `${s}`,
+    linkUserRequest: "true",
+    showSocialLogins: "true",
+    hideEnterpriseLogins: "false",
+    force_login: "true",
+    parent: window.location.origin,
+    redirect_uri: `https://${i.portalHostname}/home/link_account_callback.html`,
+    state: JSON.stringify({ useMessage: !0 })
+  }), r = `https://${i.portalHostname}/sharing/oauth2/authorize?${n.toString()}`;
+  S(r);
+}
+function N(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}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 H(i, t) {
+  const e = h(i.orgUrlKey, t), s = p.findOAuthInfo(e), {
+    /* appId = "arcgisonline", */
+    locale: n = "en",
+    expiration: r = w
+  } = s ?? {}, o = $(i.provider), a = new URLSearchParams({
+    locale: n,
+    client_id: "arcgisonline",
+    //appId,
+    response_type: "token",
+    expiration: `${r}`,
+    parent: window.location.origin,
+    ...o === "social" && { socialLoginProviderName: i.provider },
+    ...o === "default" && { prepopulatedusername: i.username },
+    force_login: "true",
+    redirect_uri: `${e}/home/sign_in_callback.html`,
+    state: JSON.stringify({
+      user: i.username,
+      server: e,
+      portalUrl: e,
+      origin: window.location.origin
+    })
+  }), c = `${A(i, t)}?${a.toString()}`;
+  S(c);
+}
+function B({
+  account: i,
+  credential: t,
+  //client_id,
+  portal: e
+}) {
+  const s = $(i.provider), n = A(i, e), r = b(i, e), o = new URLSearchParams({
+    client_id: "arcgisonline",
+    redirect_uri: r,
+    parent: window.location.origin,
+    response_type: "token",
+    force_login: "false",
+    ...t.userId && { prepopulatedusername: t.userId },
+    ...s === "social" && { socialLoginProviderName: i.provider },
+    expiration: `${(t?.expires ?? Date.now() + w) - Date.now()}`
+  });
+  return `${n}?${o.toString()}`;
+}
+function $(i) {
+  return J(i) ? "social" : i === "enterprise" ? "enterprise" : i.includes("oidc") ? "oidc" : "default";
+}
+function J(i) {
+  return ["apple", "facebook", "github", "google"].includes(i);
+}
+function A(i, t) {
+  const e = h(i.orgUrlKey, t).toLowerCase(), s = $(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 b(i, t) {
+  return `${h(i.orgUrlKey, t)}/home/accountswitcher-callback.html`;
+}
+function R({
+  origin: i,
+  redirectToClientUri: t,
+  displaySignoutComplete: e
+}) {
+  console.log("Signout complete", i, t, e);
+}
+function D(i, t) {
+  return p.findCredential(h(i.orgUrlKey, t), i.username);
+}
+function j(i, t) {
+  const e = D(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
+  })}`;
+  q(n, `iframe__for-${s}`);
+}
+function q(i, t) {
+  const e = document.createElement("iframe");
+  e.src = i, e.id = t, e.style.display = "none", document.body.appendChild(e);
+}
+const k = 100;
+class z extends _ {
+  constructor() {
+    super(), this.messages = K({ blocking: !0 }), this.clientId = "arcgisonline", this.targetUser = "", this.targetToken = "", this.linkedAccounts = [], this.loading = !1, this.signedInStatus = {}, this.showAssociatedAccountsWarning = !1, this.arcgisAccountSwitch = y(), this.arcgisClose = y(), 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 };
+  }
+  static {
+    this.styles = x;
+  }
+  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), this.showAlert("danger", this.messages.errors.signout);
+      return;
+    }
+    s && (this.user = void 0, this.credential = void 0, R({ origin: n, redirectToClientUri: r, displaySignoutComplete: o }));
+  }
+  handleSigninMessage(t) {
+    const { messages: e } = this, { error: s, status: n, state: r, access_token: o, ssl: a } = t.data;
+    if (s) {
+      console.error(s), this.showAlert("danger", e.errors.signin);
+      return;
+    }
+    if (n === "success") {
+      const {
+        portal: c,
+        user: u
+        /* , clientId */
+      } = this, l = this.linkedAccounts.find((U) => U.username === r.user);
+      l?.orgUrlKey === this.portal.urlKey && p.findCredential(`https://${c.portalHostname}`, u?.username)?.destroy();
+      const m = {
+        server: r.portalUrl,
+        userId: r.user,
+        token: o,
+        expires: Number(t.data.expires_in) + Date.now(),
+        ssl: a === void 0 || a !== "false"
+      };
+      p.registerToken(m);
+      const f = B({
+        account: l,
+        credential: m,
+        /* client_id: clientId, */
+        portal: c
+      });
+      window.self !== window.top ? window.top?.postMessage({ type: "navigate", url: f }) : window.location.href = f;
+    }
+  }
+  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;
+      this.showAlert("danger", c.errors.accessAccount);
+      return;
+    }
+    if (s === o?.username) {
+      this.showAlert("danger", c.errors.selfLink);
+      return;
+    }
+    if (a.find((l) => l.username === s)) {
+      this.showAlert("danger", g(c.errors.alreadyLinked, { username: s }));
+      return;
+    }
+    const u = await C(r, s, n);
+    if (u?.length) {
+      this.userAccounts = u, this.targetUser = s ?? "", this.targetToken = n ?? "", 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((f) => f.username === r);
+        if (!a)
+          return;
+        const c = b(a, s), u = h(a.orgUrlKey, s), l = 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: u })
+        }), m = `${A(a, s)}?${l.toString()}`;
+        window.opener ? (window.opener.location.href = m, window.close()) : window.location.href = m;
+      }
+    }
+  }
+  async findLinkedUsers() {
+    if (this.loading = !0, !this.portal || !this.user) {
+      this.linkedAccounts = [], this.loading = !1;
+      return;
+    }
+    this.linkedAccounts = await v(this.portal, this.user), this.linkedAccounts.length && (this.signedInStatus = this.linkedAccounts.filter((t) => t.orgUrlKey !== this.portal.urlKey).reduce((t, e) => (t[e.username] = j(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 T({ portal: s, user: n, targetUser: t, targetToken: e }), { messages: o } = this;
+    if (r.error) {
+      this.showAlert("danger", g(o.errors.linkAccount, { username: t })), this.targetUser = "", this.userAccounts = [];
+      return;
+    }
+    const a = this.userAccounts?.length ? o.success.linkAccountMultiple : o.success.linkAccount;
+    this.showAlert("success", 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 M({ portal: s, user: n, linkedUsername: t.username });
+    r ? this.showAlert("success", g(e.success.unlinkAccount, { username: t.username })) : this.showAlert("danger", g(e.errors.unlinkAccount, { username: t.username })), await this.findLinkedUsers();
+  }
+  startAccountLink() {
+    W(this.portal);
+  }
+  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 && N({ config: { baseUrl: r, restBaseUrl: `${r}/sharing/rest` }, credential: o, clientId: n }), H(t, e);
+  }
+  showAlert(t, e, s) {
+    this.alertOptions = {
+      kind: t,
+      title: s,
+      message: e
+    };
+  }
+  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 modal .loading=${this.loading} outside-close-disabled @calciteDialogClose=${() => {
+      this.arcgisClose.emit();
+    }}><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 >= k}>${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>${I`<path d=${P.couple ?? O} 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 >= k}>${n.linkAccount}</calcite-button></div></calcite-block>`}<calcite-notice kind=info .open=${t.length >= k}><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, this.targetToken);
+    }} @arcgisCloseDialog=${() => {
+      this.showAssociatedAccountsWarning = !1;
+    }}></arcgis-portal-account-switcher-accounts>` || ""}`;
+  }
+}
+L("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";