@arcgis/portal-components 5.2.0-next.124 → 5.2.0-next.125

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

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

package/dist/components/arcgis-portal-delete-items/customElement.d.ts

@@ -0,0 +1,128 @@
+/// <reference path="../../index.d.ts" />
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { DeleteItemResponse } from "./services.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Displays a confirmation dialog for deleting portal items.
+ *
+ * @internal
+ */
+export abstract class ArcgisPortalDeleteItems extends LitElement {
+  /**
+   * Whether or not the delete items modal is open.
+   *
+   * @default true
+   */
+  accessor active: boolean;
+  /**
+   * If true, the selected items do not contain links to item details.
+   * Generally used when already on item details, or if it's already known
+   * that an item does not exist.
+   *
+   * @default false
+   */
+  accessor disableLinks: boolean;
+  /** The portal items to delete. */
+  accessor items: PortalItem[];
+  /** @internal */
+  protected messages: {
+      deleteItem: string;
+      deleteItems: string;
+      delete: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: {
+          single: string;
+          multiple: string;
+      };
+      reviewItems: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: { notSupported: { single: string; }; };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: { singleOneDependentItem: string; };
+          };
+      };
+      areYouSure: { multiple: string; };
+  } & T9nMeta<{
+      deleteItem: string;
+      deleteItems: string;
+      delete: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: {
+          single: string;
+          multiple: string;
+      };
+      reviewItems: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: { notSupported: { single: string; }; };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: { singleOneDependentItem: string; };
+          };
+      };
+      areYouSure: { multiple: string; };
+  }>;
+  /** The portal instance. */
+  accessor portal: Portal;
+  /** The user performing deletion. */
+  accessor user: PortalUser | null | undefined;
+  /** Emitted when the user cancels the deletion. */
+  readonly arcgisCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the user confirms the deletion. */
+  readonly arcgisConfirm: import("@arcgis/lumina").TargetedEvent<this, DeleteItemsPayload>;
+  /** Emitted when an error occurs during deletion. */
+  readonly arcgisError: import("@arcgis/lumina").TargetedEvent<this, DeleteItemsPayload>;
+  readonly "@eventTypes": {
+    arcgisCancel: ArcgisPortalDeleteItems["arcgisCancel"]["detail"];
+    arcgisConfirm: ArcgisPortalDeleteItems["arcgisConfirm"]["detail"];
+    arcgisError: ArcgisPortalDeleteItems["arcgisError"]["detail"];
+  };
+}
+
+/** @internal */
+export interface DeleteItemsPayload {
+  deletedItems: DeleteItemResponse[] | null;
+  permanentlyDeletedItems: DeleteItemResponse[] | null;
+  /**
+   * Optional overrides for the number of items deleted.
+   * Needed if composite items are included for delete, because they are not part of the `/deleteItems` response
+   */
+  deletedItemsCount?: number;
+  permanentlyDeletedItemsCount?: number;
+}