@arcgis/portal-components 5.2.0-next.13 → 5.2.0-next.131

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,156 @@
+/// <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 { SignoutEventDetails } from "./types.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 "arcgisonline" */
+  accessor clientId: string;
+  /** @internal */
+  protected messages: {
+      switchAccounts: string;
+      linkedAccounts: string;
+      linkedAccountActions: string;
+      currentAccount: string;
+      signedInAs: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      signedOut: string;
+      signingOut: string;
+      signedOutHeader: string;
+      closeWindow: string;
+      stillSignedIn: string;
+      clickToSwitch: string;
+      signOutAll: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      unlinkOrgUser: string;
+      unlinkPublicUser: string;
+      linkAccount: string;
+      addAccount: string;
+      switchTo: string;
+      switchToOrgUser: string;
+      switchToPublicUser: string;
+      userDisabled: string;
+      userNotAllowed: string;
+      unlink: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      arcgisProvider: string;
+      githubProvider: string;
+      appleProvider: string;
+      googleProvider: string;
+      facebookProvider: string;
+      samlProvider: string;
+      oidcProvider: 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;
+      linkedAccounts: string;
+      linkedAccountActions: string;
+      currentAccount: string;
+      signedInAs: string;
+      currentAccountLabel: string;
+      usersList: string;
+      linkedAccountSignedIn: string;
+      signedIn: string;
+      signedOut: string;
+      signingOut: string;
+      signedOutHeader: string;
+      closeWindow: string;
+      stillSignedIn: string;
+      clickToSwitch: string;
+      signOutAll: string;
+      emptyListTitle: string;
+      emptyList: string;
+      maxAccounts: string;
+      unlinkAccount: string;
+      unlinkOrgUser: string;
+      unlinkPublicUser: string;
+      linkAccount: string;
+      addAccount: string;
+      switchTo: string;
+      switchToOrgUser: string;
+      switchToPublicUser: string;
+      userDisabled: string;
+      userNotAllowed: string;
+      unlink: string;
+      unlinkWarning: string;
+      linkTitle: string;
+      linkWarning: string;
+      linkAll: string;
+      alertLabel: string;
+      cancel: string;
+      arcgisProvider: string;
+      githubProvider: string;
+      appleProvider: string;
+      googleProvider: string;
+      facebookProvider: string;
+      samlProvider: string;
+      oidcProvider: 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;
+  accessor redirectUri: string | undefined;
+  /** @default false */
+  accessor signout: boolean;
+  accessor signoutOptions: {
+      redirectToClientUri?: boolean;
+      displaySignoutComplete?: boolean;
+  };
+  /** 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>;
+  /** Emitted when the signout(s) have completed */
+  readonly arcgisSignoutComplete: import("@arcgis/lumina").TargetedEvent<this, SignoutEventDetails>;
+  readonly "@eventTypes": {
+    arcgisAccountSwitch: ArcgisPortalAccountSwitcher["arcgisAccountSwitch"]["detail"];
+    arcgisClose: ArcgisPortalAccountSwitcher["arcgisClose"]["detail"];
+    arcgisSignoutComplete: ArcgisPortalAccountSwitcher["arcgisSignoutComplete"]["detail"];
+  };
+}

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

@@ -0,0 +1,414 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as C } from "../../chunks/runtime.js";
+import { keyed as v } from "lit/directives/keyed.js";
+import { LitElement as x, createEvent as U, safeClassMap as T, nothing as M } from "@arcgis/lumina";
+import { html as d, svg as K } from "lit";
+import { s as N } from "../../chunks/portal-account-switcher.js";
+import { g as E, a as H, l as P, u as W } from "../../chunks/user.js";
+import p from "@arcgis/core/identity/IdentityManager.js";
+import { t as B } from "../../chunks/functionalities.js";
+import { u as R } from "../../chunks/useT9n.js";
+import { m as J } from "../../chunks/icons.js";
+import { substitute as k } from "@arcgis/core/intl.js";
+import { g as D } from "../../chunks/services.js";
+const b = 1260 * 1e3, j = 2500;
+function _(r, e = "_blank", s = 582, t = 670) {
+  const i = window.screenLeft ?? 0, n = window.screenTop ?? 0, a = window.innerWidth || document.documentElement.clientWidth || window.screen.width, o = window.innerHeight || document.documentElement.clientHeight || window.screen.height, c = a / 2 - s / 2 + i, l = o / 2 - t / 2 + n, u = window.open(r, e, `scrollbars=no, width=${s}, height=${t}, top=${l}, left=${c}`);
+  return u?.focus(), u;
+}
+function q(r) {
+  const e = p.findOAuthInfo(r.url), { locale: s = "en", expiration: t = b } = e ?? {}, i = new URLSearchParams({
+    locale: s,
+    // Linking accounts ALWAYS uses the "arcgisonline" client id
+    client_id: "arcgisonline",
+    response_type: "token",
+    expiration: `${t}`,
+    linkUserRequest: "true",
+    showSocialLogins: "true",
+    hideEnterpriseLogins: "false",
+    force_login: "true",
+    parent: window.location.origin,
+    redirect_uri: `https://${r.portalHostname}/home/link_account_callback.html`,
+    state: JSON.stringify({ useMessage: !0 })
+  }), n = `https://${r.portalHostname}/sharing/oauth2/authorize?${i.toString()}`;
+  _(n);
+}
+function S(r) {
+  const {
+    config: e,
+    token: s,
+    clientId: t = "arcgisonline",
+    redirectToClientUri: i = !1,
+    displaySignoutComplete: n = !1,
+    clientUri: a
+  } = r, o = new URLSearchParams({
+    display: "iframe",
+    client_id: t,
+    ...s && { token: s },
+    parent: window.location.origin,
+    redirect_uri: `${e.baseUrl}/home/check_sign_in_status.html`,
+    state: JSON.stringify({
+      signout: !0,
+      origin: window.location.origin,
+      accountOrigin: `${e.restBaseUrl}/`,
+      redirectToClientUri: i,
+      displaySignoutComplete: n,
+      ...a && { redirectUri: a }
+    })
+  }), c = `${e.restBaseUrl}/oauth2/signout?${o.toString()}`, l = document.createElement("iframe");
+  l.src = c, l.style.display = "none", document.body.appendChild(l);
+}
+function z(r, e, s) {
+  const t = h(r.orgUrlKey, e), i = p.findOAuthInfo(t), { appId: n, locale: a = "en", expiration: o = b } = i ?? {}, c = I(r.provider), l = new URLSearchParams({
+    locale: a,
+    client_id: s ?? n ?? "arcgisonline",
+    response_type: "token",
+    expiration: `${o}`,
+    parent: window.location.origin,
+    ...c === "social" && { socialLoginProviderName: r.provider },
+    ...c === "default" && { prepopulatedusername: r.username },
+    force_login: "true",
+    redirect_uri: `${t}/home/sign_in_callback.html`,
+    state: JSON.stringify({
+      user: r.username,
+      server: t,
+      portalUrl: t,
+      origin: window.location.origin
+    })
+  }), u = `${O(r, e)}?${l.toString()}`;
+  _(u);
+}
+function F({
+  accounts: r,
+  clientId: e = "arcgisonline",
+  usersToFilter: s = [],
+  accountsToFilter: t = ""
+}) {
+  const i = {};
+  return r.reduce((n, a) => {
+    const o = {
+      disabled: a.disabled ?? !1,
+      allowed: a.clientAppAccessAllowed ?? !0
+    };
+    return n[a.username] = o, (s.includes(a.username) || s.includes(a.username.toLowerCase()) || t === "org" && a.orgUrlKey || e === "esriapps" && a.userType !== "both") && (o.allowed = !1), n;
+  }, i), i;
+}
+function G({
+  account: r,
+  credential: e,
+  clientId: s,
+  portal: t,
+  redirectUri: i
+}) {
+  const n = I(r.provider), a = O(r, t), o = i || L(r, t), c = new URLSearchParams({
+    client_id: s,
+    redirect_uri: o,
+    parent: window.location.origin,
+    response_type: "token",
+    force_login: "false",
+    ...e.userId && { prepopulatedusername: e.userId },
+    ...n === "social" && { socialLoginProviderName: r.provider },
+    expiration: `${(e?.expires ?? Date.now() + b) - Date.now()}`
+  });
+  return `${a}?${c.toString()}`;
+}
+function I(r) {
+  return Q(r) ? "social" : r === "enterprise" ? "enterprise" : r.includes("oidc") ? "oidc" : "default";
+}
+function Q(r) {
+  return ["apple", "facebook", "github", "google"].includes(r);
+}
+function O(r, e) {
+  const s = h(r.orgUrlKey, e).toLowerCase(), t = I(r.provider);
+  let i = "";
+  switch (t) {
+    case "social":
+      i = "social/";
+      break;
+    case "enterprise":
+      i = "saml/";
+      break;
+    case "oidc":
+      i = `oidc/${r.provider.split("_")[1]}/`;
+      break;
+  }
+  return `${s}/sharing/rest/oauth2/${i}authorize`;
+}
+function h(r, e) {
+  return r?.startsWith("https://") ? r : r && e.customBaseUrl ? `https://${r}.${e.customBaseUrl}` : `https://${e.portalHostname}`;
+}
+function L(r, e) {
+  return `${h(r.orgUrlKey, e)}/home/accountswitcher-callback.html`;
+}
+function V(r, e) {
+  return p.findCredential(h(r.orgUrlKey, e), r.username);
+}
+function X(r, e) {
+  const s = V(r, e);
+  if (s)
+    return s;
+  const t = h(r.orgUrlKey, e), i = `${t}/home/check_sign_in_status.html#state=${JSON.stringify({
+    origin: window.location.origin,
+    server: t,
+    orgKey: t
+  })}`;
+  Y(i, `iframe__for-${t}`);
+}
+function Y(r, e) {
+  const s = document.createElement("iframe");
+  s.src = r, s.id = e, s.style.display = "none", document.body.appendChild(s);
+}
+const y = 100;
+class Z extends x {
+  constructor() {
+    super(), this.messages = R({ blocking: !0 }), this.targetUser = "", this.targetToken = "", this.accountAccess = {}, this.remainingSignouts = 0, this.signoutHandle = 0, this.linkedAccounts = [], this.loading = !1, this.signedInStatus = {}, this.showAssociatedAccountsWarning = !1, this.signedInAccounts = [], this.clientId = "arcgisonline", this.signout = !1, this.signoutOptions = {
+      redirectToClientUri: !1,
+      displaySignoutComplete: !1
+    }, this.arcgisAccountSwitch = U(), this.arcgisClose = U(), this.arcgisSignoutComplete = U(), 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, signedInAccounts: 16, portal: 0, clientId: 1, redirectUri: 1, signout: 5, signoutOptions: 0 };
+  }
+  static {
+    this.styles = N;
+  }
+  willUpdate(e) {
+    if (e.has("portal") && (this.user = this.portal?.user), (e.has("portal") || e.has("user")) && this.portal && this.user) {
+      this.findLinkedUsers();
+      return;
+    }
+    if (e.has("linkedAccounts") || e.has("signedInStatus")) {
+      if (this.signout) {
+        const { signedInStatus: s, linkedAccounts: t, portal: i, signoutOptions: n, clientId: a, user: o, redirectUri: c } = this, l = Object.keys(s).filter((A) => s[A] !== null).map((A) => t.find(($) => $.username === A));
+        this.remainingSignouts = l.length + 1;
+        const u = h(i.urlKey ?? "", i), m = `${u}/sharing/rest`;
+        let { displaySignoutComplete: g = !0, redirectToClientUri: f = !0 } = n;
+        l.length > 0 && (g = !1, f = !1), this.loading = !0;
+        const w = p.findCredential(u, o?.id || o?.username);
+        S({
+          displaySignoutComplete: g,
+          redirectToClientUri: f,
+          clientId: a,
+          config: { baseUrl: u, restBaseUrl: m },
+          token: w?.token,
+          clientUri: f ? c : void 0
+        }), this.signoutHandle = window.setTimeout(() => {
+          this.remainingSignouts -= 1, this.finishSignout({ accountOrigin: u, redirectToClientUri: f, displaySignoutComplete: g });
+        }, j);
+      }
+      return;
+    }
+  }
+  handleMessageEvent(e) {
+    if (new URL(e.origin).hostname !== "localhost" && (e.origin.endsWith(".arcgis.com") || e.origin === window.location.origin)) {
+      if (typeof e.data == "string") {
+        JSON.parse(e.data).type === "token_exchange" && this.handleExchangeTokenMessage(e);
+        return;
+      }
+      if ("type" in e.data)
+        switch (e.data.type) {
+          case "signin":
+            this.handleSigninMessage(e);
+            return;
+          case "signout":
+            this.handleSignoutMessage(e);
+            return;
+          case "linkUser":
+            this.handleLinkUserMessage(e);
+            return;
+          case "token_exchange":
+            this.handleExchangeTokenMessage(e);
+            return;
+        }
+      if ("credential" in e.data) {
+        this.handleSigninMessage(e);
+        return;
+      }
+      this.handleCheckSignInStatusMessage(e);
+    }
+  }
+  handleSignoutMessage(e) {
+    const { error: s, signout: t, accountOrigin: i, redirectToClientUri: n, displaySignoutComplete: a } = e.data;
+    if (this.remainingSignouts -= 1, s && s !== "unknown") {
+      console.error(s), this.showAlert("danger", this.messages.errors.signout);
+      return;
+    }
+    t && (this.user = void 0, this.credential = void 0, this.finishSignout({ accountOrigin: i, redirectToClientUri: n, displaySignoutComplete: a }));
+  }
+  handleSigninMessage(e) {
+    const { messages: s, clientId: t } = this, { error: i, status: n, state: a, access_token: o, ssl: c } = e.data;
+    if (i) {
+      console.error(i), this.showAlert("danger", s.errors.signin);
+      return;
+    }
+    if (n === "success") {
+      const { portal: l, user: u, redirectUri: m } = this, g = this.linkedAccounts.find(($) => $.username === a.user);
+      g?.orgUrlKey === this.portal.urlKey && p.findCredential(`https://${l.portalHostname}`, u?.username)?.destroy();
+      const f = {
+        server: a.portalUrl,
+        userId: a.user,
+        token: o,
+        expires: Number(e.data.expires_in) + Date.now(),
+        ssl: c === void 0 || c !== "false"
+      };
+      p.registerToken(f);
+      const w = G({
+        account: g,
+        credential: f,
+        clientId: t,
+        portal: l,
+        redirectUri: m
+      });
+      window.self !== window.top ? window.top?.postMessage({ type: "navigate", url: w }) : window.location.href = w;
+    }
+  }
+  handleCheckSignInStatusMessage(e) {
+    const { success: s, orgKey: t, server: i, userId: n, token: a, expires: o, ssl: c } = e.data;
+    t && i && s && n && a && o && c !== void 0 && (this.signedInStatus[n] = { token: a, expires: o, ssl: c });
+  }
+  async handleLinkUserMessage(e) {
+    const { error: s, username: t, access_token: i } = e.data, { portal: n, user: a, linkedAccounts: o, messages: c } = this;
+    if (s) {
+      if (s.toString().toLowerCase().includes("user denied your request"))
+        return;
+      this.showAlert("danger", c.errors.accessAccount);
+      return;
+    }
+    if (t === a?.username) {
+      this.showAlert("danger", c.errors.selfLink);
+      return;
+    }
+    if (o.find((u) => u.username === t)) {
+      this.showAlert("danger", k(c.errors.alreadyLinked, { username: t }));
+      return;
+    }
+    const l = await E(n, t, i);
+    if (l?.length) {
+      this.userAccounts = l, this.targetUser = t ?? "", this.targetToken = i ?? "", this.showAssociatedAccountsWarning = !0;
+      return;
+    }
+    this.linkAccount(t, i);
+  }
+  handleExchangeTokenMessage(e) {
+    const s = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
+    if (!(s.type && s.type !== "token_exchange")) {
+      if (s.error)
+        console.error(s);
+      else if (s.status === "success" && this.targetUser) {
+        const { portal: t, linkedAccounts: i, targetUser: n, clientId: a } = this, o = i.find((g) => g.username === n);
+        if (!o)
+          return;
+        const c = L(o, t), l = h(o.orgUrlKey, t), u = new URLSearchParams({
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          response_type: "token",
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          client_id: a,
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          redirect_uri: c,
+          state: JSON.stringify({ user: o.username, portalUrl: l })
+        }), m = `${O(o, t)}?${u.toString()}`;
+        window.opener ? (window.opener.location.href = m, window.close()) : window.location.href = m;
+      }
+    }
+  }
+  finishSignout({ accountOrigin: e, redirectToClientUri: s, displaySignoutComplete: t }) {
+    this.signoutHandle && window.clearTimeout(this.signoutHandle), e === window.location.origin && p.destroyCredentials(), console.info("Signout complete", e, s, t), this.remainingSignouts <= 0 && this.arcgisSignoutComplete.emit({ accountOrigin: e, redirectToClientUri: s, displaySignoutComplete: t });
+  }
+  async findLinkedUsers() {
+    if (this.loading = !0, !this.portal || !this.user) {
+      this.linkedAccounts = [], this.loading = !1;
+      return;
+    }
+    this.linkedAccounts = await H(this.portal, this.user), this.linkedAccounts.length && (this.signedInStatus = this.linkedAccounts.filter((e) => e.orgUrlKey !== this.portal.urlKey).reduce((e, s) => (e[s.username] = X(s, this.portal) ?? null, e), {}), this.accountAccess = F({ accounts: this.linkedAccounts, clientId: this.clientId })), this.loading = !1;
+  }
+  async linkAccount(e, s) {
+    const { portal: t, user: i } = this;
+    if (!t || !i)
+      return;
+    const n = await P({ portal: t, user: i, targetUser: e, targetToken: s }), { messages: a } = this;
+    if (n.error) {
+      this.showAlert("danger", k(a.errors.linkAccount, { username: e })), this.targetUser = "", this.userAccounts = [];
+      return;
+    }
+    const o = this.userAccounts?.length ? a.success.linkAccountMultiple : a.success.linkAccount;
+    this.showAlert("success", k(o, { username: e })), this.targetUser = "", this.userAccounts = [], await B(350), this.findLinkedUsers();
+  }
+  async unlinkAccount(e) {
+    if (!this.portal || !this.user)
+      return;
+    const { messages: s, portal: t, user: i } = this, { success: n } = await W({ portal: t, user: i, linkedUsername: e.username });
+    n ? this.showAlert("success", k(s.success.unlinkAccount, { username: e.username })) : this.showAlert("danger", k(s.errors.unlinkAccount, { username: e.username })), await this.findLinkedUsers();
+  }
+  startAccountLink() {
+    q(this.portal);
+  }
+  switchAccount(e) {
+    const { portal: s, user: t, clientId: i } = this;
+    if (!s || !t || !e)
+      return;
+    const n = h(t.sourceJSON.orgUrlKey ?? "", s), a = p.findCredential(n, t.id || t.username);
+    a && S({ config: { baseUrl: n, restBaseUrl: `${n}/sharing/rest` }, token: a?.token, clientId: i }), z(e, s, i);
+  }
+  signoutAll(e) {
+    const { portal: s, signedInStatus: t, clientId: i } = this;
+    e.forEach((n) => {
+      const a = h(n.orgUrlKey, s), o = `${a}/sharing/rest`, c = t[n.username];
+      S({ config: { baseUrl: a, restBaseUrl: o }, token: c?.token, clientId: i });
+    });
+  }
+  showAlert(e, s, t) {
+    this.alertOptions = {
+      kind: e,
+      title: t,
+      message: s
+    };
+  }
+  showUnlinkConfirmation(e) {
+    const { messages: s } = this;
+    this.alertOptions = {
+      kind: "danger",
+      icon: "exclamation-mark-triangle-f",
+      title: s.unlinkAccount,
+      message: s.unlinkWarning,
+      actions: [
+        {
+          text: s.unlink,
+          kind: "danger",
+          clickHandler: () => {
+            this.alertOptions = void 0, this.unlinkAccount(e);
+          }
+        }
+      ]
+    };
+  }
+  render() {
+    const { linkedAccounts: e, accountAccess: s, user: t, portal: i, messages: n, signout: a } = this;
+    if (!i || !t)
+      return null;
+    if (a) {
+      const { signedInAccounts: o } = this;
+      return o.length === 0 ? d`<calcite-loader .label=${n.signingOut} .text=${n.signingOut}></calcite-loader>` : d`<arcgis-portal-account-switcher-signout .portal=${i} .signedInAccounts=${o} @arcgisSwitchAccount=${(c) => {
+        this.switchAccount(c.detail.account);
+      }} @arcgisSignOutAll=${() => {
+        this.signoutAll(o);
+      }}></arcgis-portal-account-switcher-signout>`;
+    }
+    return d`<calcite-dialog .heading=${n.switchAccounts} heading-level=2 scale=m width=s open modal .loading=${this.loading} outside-close-disabled @calciteDialogClose=${() => {
+      this.arcgisClose.emit();
+    }}><calcite-block .heading=${n.currentAccount} heading-level=3 .description=${n.signedInAs} expanded class="current-account-block" tabindex=-1>${v(t.id ?? t.username, d`<calcite-block class="current-account" .label=${i.urlKey ? `${t.username}, ${i.name}` : t.username} heading-level=4 .heading=${t.username} .description=${i.urlKey ? `${t.fullName ?? t.username}, ${i.name}` : t.fullName ?? t.username}><calcite-avatar slot=content-start inert .fullName=${t.fullName ?? void 0} .username=${t.username} .userId=${t.id} .thumbnail=${D(t, i) ?? void 0}></calcite-avatar></calcite-block>`)}</calcite-block>${e.length > 0 ? d`<calcite-block .heading=${n.linkedAccounts} heading-level=3 .description=${n.linkedAccountActions} expanded class="linked-accounts-block"><calcite-button slot=content-end icon-start=plus class="link-account-button" @click=${() => this.startAccountLink()} .disabled=${e.length >= y}>${n.addAccount}</calcite-button><arcgis-portal-account-switcher-list .portal=${i} .linkedAccounts=${e} .accountAccess=${s} .signedInUsers=${Object.keys(this.signedInStatus).filter((o) => this.signedInStatus[o] !== null)} interactive @arcgisAccountSwitch=${(o) => {
+      this.switchAccount(o.detail.account);
+    }} @arcgisAccountUnlink=${(o) => {
+      this.showUnlinkConfirmation(o.detail.account);
+    }}></arcgis-portal-account-switcher-list></calcite-block>` : d`<calcite-block .heading=${n.linkedAccounts} heading-level=3 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>${K`<path d=${J.couple ?? M} fill=currentColor />`}</svg><h4>${n.emptyListTitle}</h4><p>${n.emptyList}</p><calcite-button icon-start=plus class="link-account-button" @click=${() => this.startAccountLink()} .disabled=${e.length >= y}>${n.linkAccount}</calcite-button></div></calcite-block>`}<calcite-notice kind=info .open=${e.length >= y}><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=${T({ "alert-message": !0, "short-message": !!this.alertOptions?.actions?.length })}>${this.alertOptions.message}</p>` || ""}${this.alertOptions?.actions?.map((o) => d`<calcite-button slot=actions-end .kind=${o.kind} .appearance=${o.appearance} @click=${o.clickHandler}>${o.text}</calcite-button>`)}</calcite-alert></calcite-dialog>${this.showAssociatedAccountsWarning && d`<arcgis-portal-account-switcher-accounts .portal=${i} .targetUser=${this.targetUser} .accounts=${this.userAccounts ?? []} @arcgisLinkAll=${() => {
+      this.linkAccount(this.targetUser, this.targetToken);
+    }} @arcgisCloseDialog=${() => {
+      this.showAssociatedAccountsWarning = !1;
+    }}></arcgis-portal-account-switcher-accounts>` || ""}`;
+  }
+}
+C("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-loader";
+import "../arcgis-portal-account-switcher-signout/index.js";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-avatar";
+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/types.d.ts

@@ -0,0 +1,26 @@
+export type AccountAccess = Record<string, AccountStatus>;
+
+export type Action = "switch" | "unlink";
+
+export type SignoutEventDetails = Omit<SignoutMessage, "error" | "signout" | "type">;
+
+export type SignoutMessage = ({
+    error: Error | string;
+    signout: never;
+    accountOrigin: never;
+    redirectToClientUri: never;
+    displaySignoutComplete: never;
+} | {
+    error: never;
+    signout: boolean;
+    accountOrigin: string;
+    redirectToClientUri: boolean;
+    displaySignoutComplete: boolean;
+}) & {
+  type: "signout";
+};
+
+export interface AccountStatus {
+  disabled: boolean;
+  allowed: boolean;
+}