@arcgis/portal-components 5.2.0-next.14 → 5.2.0-next.140

package/dist/components/arcgis-portal-delete-items/customElement.js

@@ -0,0 +1,586 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as B } from "../../chunks/runtime.js";
+import { LitElement as x, createEvent as y, nothing as _ } from "@arcgis/lumina";
+import { css as T, html as d } from "lit";
+import b from "@arcgis/core/request.js";
+import { c as C } from "../../chunks/functional.js";
+import D from "@arcgis/core/portal/PortalItem.js";
+import { r as $ } from "../../chunks/request.js";
+import "../arcgis-portal-review-related-items/customElement.js";
+import { f as U } from "../../chunks/portal-delete-items-review.js";
+import { a as I } from "../../chunks/item2.js";
+import { u as A } from "../../chunks/useT9n.js";
+import { b as P } from "../../chunks/url.js";
+async function M(s, e, t = !1) {
+  try {
+    const n = /* @__PURE__ */ new Map();
+    for (const r of s) {
+      const { id: l, owner: c } = r, o = n.get(c) ?? [];
+      o.push(l), n.set(c, o);
+    }
+    const i = [];
+    for (const [r, l] of n) {
+      const c = `${e.restUrl}/content/users/${encodeURIComponent(r)}/deleteItems`;
+      for (const o of C(l, 100)) {
+        const m = b(c, {
+          method: "post",
+          query: {
+            f: "json",
+            items: o.join(","),
+            permanentDelete: t
+          }
+        });
+        i.push(m.then(({ data: f }) => f));
+      }
+    }
+    return { result: (await Promise.all(i)).flatMap(({ results: r }) => r) };
+  } catch {
+    return { error: { code: "unhandledError" } };
+  }
+}
+async function w(s) {
+  const { item: e, portal: t, permanentlyDelete: n } = s, { id: i, owner: a } = e;
+  if (!i || !a)
+    return { error: { code: "unhandledError" } };
+  const r = t.recycleBinEnabled && !n ? "/canRecycle" : "/canDelete", l = `${t.restUrl}/content/users/${encodeURIComponent(a)}/items/${i}${r}`;
+  try {
+    return { result: (await b(l, { query: { f: "json" } })).data };
+  } catch (c) {
+    const o = c.details?.raw;
+    switch (o?.messageCode) {
+      case "CONT_00481":
+      case "CONT_00483":
+      case "CONT_00484":
+        return { error: { code: "itemHasDependentItems" } };
+      case "CONT_0048":
+        return { error: { code: "itemDeleteProtected" } };
+      default:
+        return { error: { code: "unhandledError", message: o?.message } };
+    }
+  }
+}
+function R(s, e) {
+  return (s.relatedItems ?? []).map((t) => F(t, e));
+}
+function F(s, e) {
+  return s instanceof D ? s : new D({ ...s, portal: e });
+}
+async function g({
+  itemId: s,
+  portal: e,
+  relationship: t,
+  includeRecycleBin: n,
+  nextkey: i
+}) {
+  const { relationshipType: a, direction: r } = t, l = `${e.restUrl}/content/items/${s}/relatedItems`;
+  try {
+    const c = await $({
+      url: l,
+      portal: e,
+      params: {
+        includeRecycleBin: n,
+        f: "json",
+        relationshipType: a ? Array.isArray(a) ? a.join(",") : a : void 0,
+        direction: r,
+        nextkey: i
+      }
+    });
+    return {
+      success: !0,
+      result: { ...c, relatedItems: R(c, e) }
+    };
+  } catch (c) {
+    return { success: !1, error: c };
+  }
+}
+async function L({
+  itemId: s,
+  portal: e,
+  relationship: t,
+  includeRecycleBin: n,
+  num: i,
+  nextkey: a
+}) {
+  const { relationshipRules: r, direction: l } = t, c = `${e.restUrl}/content/items/${s}/relatedItems`;
+  try {
+    const o = await $({
+      url: c,
+      portal: e,
+      params: {
+        includeRecycleBin: n,
+        f: "json",
+        ...r?.length ? { relationshipRules: r.join(",") } : {},
+        includeSystemManaged: "true",
+        excludedFlags: "legacy,exclude",
+        num: i,
+        direction: l,
+        nextkey: a
+      }
+    });
+    return {
+      success: !0,
+      result: { ...o, relatedItems: R(o, e) }
+    };
+  } catch (o) {
+    return { success: !1, error: o };
+  }
+}
+async function E(s, e) {
+  const { id: t, type: n, typeKeywords: i = [] } = s;
+  if (!t)
+    return null;
+  const a = [
+    "Scene Service",
+    "Map Service",
+    "WFS",
+    "OGCFeatureServer",
+    "Vector Tile Service",
+    "3DTiles Service"
+  ].includes(n), r = ["Map Service", "Vector Tile Service"].includes(n), l = (o) => o?.typeKeywords?.includes("View Service") ?? !1, c = () => a ? [
+    { relationshipType: ["Service2Service"], direction: "reverse" },
+    { relationshipType: ["Service2Data"], direction: "forward" }
+  ] : i.includes("Bulk Published Service") ? { relationshipType: ["DataStore2BPService"], direction: "reverse" } : n === "Geoprocessing Service" && i.includes("Notebook Web Tool") ? { relationshipType: ["Notebook2WebTool"], direction: "reverse" } : i.includes("Route Layer") ? { relationshipType: ["Service2Route"], direction: "reverse" } : n === "Mobile Application" ? { relationshipType: ["MobileApp2Code"], direction: "reverse" } : n === "Map Package" ? { relationshipType: ["Area2Package"], direction: "reverse" } : n === "Feature Service" ? { relationshipType: ["Service2Layer"], direction: "reverse" } : i.includes("Document") ? { relationshipType: ["Item2Attachment"], direction: "reverse" } : n === "Application Configuration" ? { relationshipType: ["Map2AppConfig"], direction: "reverse" } : { relationshipType: ["Service2Data"], direction: "forward" };
+  try {
+    const o = c();
+    if (!o)
+      return null;
+    if (!Array.isArray(o))
+      return {
+        sourceData: (await g({
+          itemId: t,
+          portal: e,
+          relationship: o
+        })).result?.relatedItems?.[0] ?? null,
+        relationship: o
+      };
+    if (a) {
+      let m = { relationshipType: ["Service2Service"], direction: "reverse" };
+      const f = await g({
+        itemId: t,
+        portal: e,
+        relationship: m
+      }), p = f.result?.total ? f.result.relatedItems.shift() ?? null : null;
+      if (r && !l(p) || !p) {
+        m = { relationshipType: ["Service2Data"], direction: "forward" };
+        const v = await g({
+          itemId: t,
+          portal: e,
+          relationship: m
+        });
+        return {
+          sourceData: v.result?.total ? v.result.relatedItems.shift() ?? p : p,
+          relationship: m
+        };
+      }
+      return { sourceData: p, relationship: m };
+    }
+    return null;
+  } catch (o) {
+    return console.error(o), { sourceData: null, relationship: { direction: "forward" } };
+  }
+}
+async function H(s, e) {
+  const { id: t, type: n, typeKeywords: i = [] } = s;
+  try {
+    const r = n === "Notebook" ? { relationshipType: ["Notebook2WebTool"], direction: "forward" } : i.includes("Has Related Route Layers") ? { relationshipType: ["Service2Route"], direction: "forward" } : i.includes("Hosted Service") || n === "Feature Service" ? { relationshipType: ["Service2Service"], direction: n === "Feed" ? "reverse" : "forward" } : n === "Data Store" || i.includes("ArcGIS Server") ? { relationshipType: ["DataStore2BPService"], direction: "forward" } : { relationshipType: ["Service2Data"], direction: "reverse" }, l = await g({
+      itemId: t,
+      portal: e,
+      relationship: r
+    });
+    return {
+      resultData: {
+        items: l.result?.total ? l.result.relatedItems : null,
+        count: l.result?.total ?? 0
+      },
+      relationship: r
+    };
+  } catch (a) {
+    return console.error(a), {
+      resultData: { items: null, count: 0 },
+      relationship: { direction: "forward" }
+    };
+  }
+}
+async function N(s, e) {
+  const { id: t } = s;
+  try {
+    return (await g({
+      itemId: t,
+      portal: e,
+      relationship: { relationshipType: ["ReplacementItem2Item"], direction: "forward" }
+    })).result?.relatedItems ?? [];
+  } catch (n) {
+    return console.error(n), [];
+  }
+}
+function k(s) {
+  return !!(s && "inRecycleBin" in s && s.inRecycleBin === !0);
+}
+function u(s) {
+  return s.updatedStatus ?? s.kind;
+}
+function h(s) {
+  return { ...s, originalStatus: s.originalStatus ?? s.kind };
+}
+function W(s, e) {
+  return {
+    ...s,
+    kind: e,
+    originalStatus: s.originalStatus ?? s.kind
+  };
+}
+async function q(s, e) {
+  const t = await L({
+    itemId: s.id,
+    portal: e,
+    relationship: { direction: "forward" }
+  }), n = await E(s, e), i = await H(s, e), a = await N(s, e), r = {
+    usedByItems: t.result?.relatedItems ?? [],
+    sourceData: n?.sourceData ?? null,
+    resultData: i.resultData.items,
+    replacementItemFor: a.length ? a : null
+  }, { result: l, error: c } = await w({
+    item: s,
+    portal: e,
+    permanentlyDelete: !1
+  });
+  if (c)
+    switch (c.code) {
+      case "itemHasDependentItems":
+        return h({
+          item: s,
+          ...r,
+          kind: "cannotDelete",
+          reason: "hasDependentItems"
+        });
+      case "itemDeleteProtected":
+        return h({
+          item: s,
+          ...r,
+          kind: "cannotDelete",
+          reason: "deleteProtected"
+        });
+      default:
+        return h({
+          item: s,
+          ...r,
+          kind: "cannotDelete",
+          reason: "uncaught"
+        });
+    }
+  if (!l?.success) {
+    const { result: o } = await w({
+      item: s,
+      portal: e,
+      permanentlyDelete: !0
+    });
+    return o?.success ? h({
+      item: s,
+      ...r,
+      kind: "permanentlyDelete",
+      reason: "notSupported"
+    }) : h({
+      item: s,
+      ...r,
+      kind: "cannotDelete",
+      reason: "uncaught"
+    });
+  }
+  return h({ item: s, ...r, kind: "recycle" });
+}
+async function O(s, e) {
+  const t = await Promise.all(s.map(async (n) => await q(n, e)));
+  return j(t);
+}
+function j(s) {
+  const e = /* @__PURE__ */ new Map();
+  for (const t of s)
+    t.item.id && e.set(t.item.id, t);
+  return s.map((t) => {
+    if (t.kind !== "cannotDelete" || t.reason !== "hasDependentItems" || !t.item.id)
+      return t;
+    const i = z(t.resultData, e);
+    if (i.length === 0)
+      return t;
+    const a = i.every((l) => e.has(l)), r = i.every((l) => !e.get(l)?.item.protected);
+    return a && r ? W(t, "recycle") : t;
+  });
+}
+function z(s, e, t = /* @__PURE__ */ new Set()) {
+  if (!s?.length)
+    return [];
+  const n = s.filter((a) => !k(a)), i = /* @__PURE__ */ new Set();
+  for (; n.length > 0; ) {
+    const r = n.shift().id;
+    if (!r || t.has(r))
+      continue;
+    t.add(r), i.add(r);
+    const c = e.get(r)?.resultData ?? [];
+    n.push(...c.filter((o) => !k(o)));
+  }
+  return [...i];
+}
+const G = T`:host{display:block}calcite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: var(--calcite-color-background)}calcite-panel{display:flex;flex-direction:column;gap:.75rem;>*{margin-inline:.75rem}}.panel__content{width:100%;box-sizing:border-box}.bucket__content{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bucket__icon{flex-shrink:0}.bucket__details{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.bucket__header{font-weight:500}.bucket__label{margin-inline-end:.25rem}.bucket__description{line-height:1.35;font-size:var(--calcite-font-size--1)}.bucket__link{display:flex;align-items:center;min-height:1.5rem}.panel__checkbox{width:100%;padding-block:.75rem;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1)}.panel__related-items{margin-top:1rem;border:1px solid var(--calcite-color-border-2)}.panel__related-items-icon{color:var(--calcite-color-status-warning)}.panel__related-items-notice{padding-bottom:.75rem}arcgis-portal-review-related-items{margin-bottom:.75rem}.discouraged-items-warning{margin-bottom:.75rem}.header-description{font-size:var(--calcite-font-size--1);font-weight:400}`;
+function V({
+  recycleItems: s,
+  cannotDeleteItems: e,
+  permanentlyDeleteItems: t
+}) {
+  return [...s, ...e, ...t];
+}
+function K(s) {
+  return s.map(({ item: e, sourceData: t, resultData: n, replacementItemFor: i }) => ({
+    item: e,
+    sourceData: t,
+    resultData: n,
+    replacementItemFor: i
+  }));
+}
+function J(s, e, t) {
+  return !e && !!t?.length && !I(s);
+}
+function Q({
+  selectedItems: s
+}) {
+  const e = [];
+  return e.push(
+    ...s.flatMap(({ item: t, sourceData: n, resultData: i, replacementItemFor: a }) => {
+      const r = J(t, n, i), l = !!(i?.some((c) => !c.inRecycleBin) && !X(t, i) && !Y(t, i));
+      return r && l ? [{ item: t, reason: "dependent", offendingItems: i ?? void 0 }] : a && a?.length > 0 ? [{ item: t, reason: "replacement", offendingItems: a }] : [];
+    })
+  ), e;
+}
+function X(s, e) {
+  const t = e[0];
+  return s.type === "Feed" && I(s) && e.length === 1 && t?.type === "Feature Service" && I(t);
+}
+function Y(s, e) {
+  const t = e[0];
+  return s.type === "Feature Service" && I(s) && e.length === 1 && t?.type === "Feed" && I(t);
+}
+function S({ id: s, linkText: e, label: t, placement: n, items: i, portal: a, user: r }) {
+  return d`<calcite-link id=${s ?? _}>${e}</calcite-link><calcite-popover .label=${t} .referenceElement=${s} .placement=${n} auto-close><calcite-list .label=${t} selection-mode=none>${i.map((l) => d`<calcite-list-item .label=${l.title ?? ""} @calciteListItemSelect=${() => {
+    const c = l.itemPageUrl;
+    c && window.open(c.replace("sharing/rest/", ""), "_blank", "noopener,noreferrer");
+  }}><span slot=content-start><arcgis-portal-item-type .item=${l} .portal=${a} .user=${r} hide-text></arcgis-portal-item-type></span><span slot=content>${l.title}</span></calcite-list-item>`)}</calcite-list></calcite-popover>`;
+}
+class Z extends x {
+  constructor() {
+    super(...arguments), this.deleteStatusRequestId = 0, this.updatedCannotDeleteItemIds = /* @__PURE__ */ new Set(), this.messages = A({ blocking: !0 }), this.isLoading = !0, this.hasConfirmedReview = !1, this.hasReviewedSelectedItems = !1, this.cannotDeleteItems = [], this.recycleItems = [], this.permanentlyDeleteItems = [], this.deprecateItems = [], this.excludeItems = [], this.reviewingDirectlyUsedByItems = !1, this.reviewDecision = null, this.active = !0, this.items = [], this.user = null, this.disableLinks = !1, this.arcgisCancel = y(), this.arcgisConfirm = y(), this.arcgisError = y();
+  }
+  static {
+    this.properties = { isLoading: 16, hasConfirmedReview: 16, hasReviewedSelectedItems: 16, cannotDeleteItems: 16, recycleItems: 16, permanentlyDeleteItems: 16, deprecateItems: 16, excludeItems: 16, reviewingDirectlyUsedByItems: 16, reviewDecision: 16, active: 5, items: 0, portal: 0, user: 0, disableLinks: 5 };
+  }
+  static {
+    this.styles = G;
+  }
+  willUpdate(e) {
+    const t = e.has("items") || e.has("portal") || e.has("user") || e.has("active");
+    this.active && t && (this.user ??= this.portal?.user || null, this.resetState(), this.determineDeleteStatus(++this.deleteStatusRequestId));
+  }
+  async handleReviewDecision(e) {
+    const t = this.itemsWithImpactedItems.map(({ item: r }) => r), n = e === "delete" ? "recycle" : e === "deprecate" ? "deprecate" : "exclude", i = [...this.recycleItems, ...this.deprecateItems, ...this.excludeItems], a = e === "delete" && i.some((r) => u(r) !== "recycle" && t.some(({ id: l }) => l === r.item.id));
+    for (const r of i) {
+      if (!t.some(({ id: o }) => o === r.item.id))
+        continue;
+      const c = r.originalStatus ?? r.kind;
+      r.originalStatus = c, r.updatedStatus = n;
+    }
+    if (this.reviewDecision = {
+      action: e,
+      items: t
+    }, this.hasConfirmedReview = !0, this.reviewingDirectlyUsedByItems = !1, this.recycleItems = i.filter((r) => u(r) === "recycle"), this.deprecateItems = i.filter((r) => u(r) === "deprecate"), this.excludeItems = i.filter((r) => u(r) === "exclude"), e !== "delete" || a) {
+      this.isLoading = !0;
+      const r = [...this.cannotDeleteItems, ...this.recycleItems, ...this.permanentlyDeleteItems].map(({ item: l }) => l);
+      await this.determineDeleteStatus(++this.deleteStatusRequestId, r);
+    }
+  }
+  async handleDelete() {
+    const { result: e = [] } = await M(this.recycleItems.map(({ item: t }) => t), {
+      restUrl: this.portal.restUrl
+    });
+    this.closeDialog(), this.arcgisConfirm.emit({
+      deletedItems: e,
+      permanentlyDeletedItems: [],
+      deletedItemsCount: e.length,
+      permanentlyDeletedItemsCount: 0
+    });
+  }
+  handleDialogClose() {
+    this.active && (this.closeDialog(), this.arcgisCancel.emit());
+  }
+  closeDialog() {
+    this.active = !1, this.resetState();
+  }
+  resetState() {
+    this.isLoading = !0, this.hasConfirmedReview = !1, this.hasReviewedSelectedItems = !1, this.cannotDeleteItems = [], this.recycleItems = [], this.permanentlyDeleteItems = [], this.deprecateItems = [], this.excludeItems = [], this.reviewingDirectlyUsedByItems = !1, this.reviewDecision = null, this.updatedCannotDeleteItemIds.clear(), ++this.deleteStatusRequestId;
+  }
+  async determineDeleteStatus(e, t = this.items) {
+    const n = new Set(this.recycleItems.map(({ item: a }) => a.id).filter((a) => !!a)), i = await O(t, this.portal);
+    if (e === this.deleteStatusRequestId) {
+      this.cannotDeleteItems = i.filter((a) => u(a) === "cannotDelete");
+      for (const a of this.cannotDeleteItems)
+        a.item.id && n.has(a.item.id) && this.updatedCannotDeleteItemIds.add(a.item.id);
+      this.recycleItems = i.filter((a) => u(a) === "recycle"), this.permanentlyDeleteItems = i.filter((a) => u(a) === "permanentlyDelete"), this.isLoading = !1;
+    }
+  }
+  get itemsWithImpactedItems() {
+    const e = new Set(this.items.map(({ id: t }) => t));
+    return [...this.recycleItems, ...this.deprecateItems, ...this.excludeItems].map((t) => ({
+      ...t,
+      usedByItems: t.usedByItems.filter(({ id: n }) => !e.has(n))
+    })).filter(({ usedByItems: t }) => t.length > 0);
+  }
+  get itemsHaveImpactedItems() {
+    return this.itemsWithImpactedItems.length > 0;
+  }
+  get itemsNeedReview() {
+    return this.itemsWithImpactedItems.some((e) => u(e) === "recycle");
+  }
+  get deleteButtonEnabled() {
+    return !this.isLoading && (!this.itemsNeedReview || this.hasConfirmedReview);
+  }
+  get markedForDeprecation() {
+    return this.reviewDecision?.action === "deprecate" ? this.reviewDecision.items : [];
+  }
+  get deleteMode() {
+    return [
+      this.recycleItems,
+      this.deprecateItems,
+      this.excludeItems,
+      this.permanentlyDeleteItems
+    ].filter((t) => t.length > 0).length > 1 ? "mixed" : this.markedForDeprecation.length > 0 ? "deprecate" : this.permanentlyDeleteItems.length > 0 ? "permanentlyDelete" : this.recycleItems.length > 0 ? "delete" : (this.cannotDeleteItems.length > 0, "none");
+  }
+  getHeaderText() {
+    return this.reviewingDirectlyUsedByItems ? this.messages.reviewItemsCount.replace("{count}", `${this.itemsWithImpactedItems.length}`) : this.items.length === 1 ? this.messages.deleteItem : this.messages.deleteItems;
+  }
+  getHeaderDescription() {
+    return this.items.length <= 1 ? "" : this.reviewingDirectlyUsedByItems ? this.messages.reviewItemsDescription : this.messages.selectedItems.replace("{count}", `${this.items.length}`);
+  }
+  getConfirmButtonText() {
+    switch (this.deleteMode) {
+      case "mixed":
+        return this.messages.confirm;
+      case "deprecate":
+        return this.messages.deprecate;
+      case "permanentlyDelete":
+        return this.messages.permanentlyDelete;
+      case "delete":
+        return this.messages.delete;
+      default:
+        return this.messages.delete;
+    }
+  }
+  renderBucket({ icon: e, label: t, description: n, link: i, bucket: a, updated: r = !1 }) {
+    return d`<calcite-block scale=l expanded><div class="bucket__content"><calcite-icon class="bucket__icon" scale=l .icon=${e}></calcite-icon><div class="bucket__details"><div class="bucket__header"><span class="bucket__label">${t}</span><span>${this.renderBucketItems(a)}</span></div><span class="bucket__description">${n}</span>${i && d`<div class="bucket__link"><calcite-link .href=${i.href} target=_blank icon-start=launch>${i.text ?? this.messages.moreInfo}</calcite-link></div>` || ""}</div>${r && d`<calcite-chip .label=${t}>Updated</calcite-chip>` || ""}</div></calcite-block>`;
+  }
+  renderBucketItems(e = []) {
+    if (e.length === 0)
+      return null;
+    if (e.length === 1) {
+      const i = e[0].item, a = P({ portal: this.portal });
+      return d`<calcite-link .href=${a} target=_blank><arcgis-portal-item-type .item=${i} .portal=${this.portal} .user=${this.user} hide-text></arcgis-portal-item-type>${i.title}</calcite-link>`;
+    }
+    const t = `delete-items-bucket-${e.map(({ item: i }) => i.id).join("-")}`, n = e.map(({ item: i }) => i);
+    return S({
+      id: t,
+      linkText: e.length,
+      label: this.messages.bucketItems.replace("{count}", String(e.length)),
+      placement: "bottom-start",
+      items: n,
+      portal: this.portal,
+      user: this.user
+    });
+  }
+  renderRelatedItemsPopover(e) {
+    const t = e.flatMap(({ usedByItems: i }) => i);
+    return e.length > 1 || t.length === 0 ? null : S({
+      id: "delete-items-directly-used-by",
+      linkText: U(this.messages._t9nLocale, this.messages.usedByOtherItems, t.length),
+      label: this.messages.usedByPopover,
+      placement: "auto",
+      items: t,
+      portal: this.portal,
+      user: this.user
+    });
+  }
+  renderDirectlyUsedByItems() {
+    const e = V({
+      recycleItems: this.recycleItems,
+      cannotDeleteItems: this.cannotDeleteItems,
+      permanentlyDeleteItems: this.permanentlyDeleteItems
+    }), t = e.flatMap(({ usedByItems: i }) => i), n = Q({
+      selectedItems: K(e)
+    });
+    return d`${this.items.length === 1 && this.deleteMode === "delete" && n.length > 0 ? d`<div class="discouraged-items-warning"><calcite-notice kind=warning open><div slot=message>${this.messages.deleteDiscouraged}</div><calcite-link icon-end=launch slot=link>${this.messages.learnMoreAboutDeletingSourceItems}</calcite-link></calcite-notice></div>` : null}<arcgis-portal-review-related-items .sourceItem=${this.items[0] ?? null} .relatedItems=${t} .portal=${this.portal} .user=${this.user}></arcgis-portal-review-related-items>`;
+  }
+  renderDirectlyUsedByItemsNotice() {
+    const e = new Set(this.itemsWithImpactedItems.flatMap(({ usedByItems: n }) => n.map(({ id: i }) => i))), t = this.messages.reviewRelatedItems.multiple.replace("{totalCount}", String(e.size));
+    return d`<div class="panel__related-items-notice"><calcite-notice .kind=${this.reviewDecision ? "brand" : "warning"} icon open><div slot=message>${this.reviewDecision ? this.messages.relatedItemsReviewed : t}</div><calcite-button appearance=transparent slot=actions-end @click=${() => {
+      this.hasReviewedSelectedItems = !0, this.reviewingDirectlyUsedByItems = !0;
+    }}>${this.messages.reviewItems}</calcite-button></calcite-notice></div>`;
+  }
+  renderDeleteSummary() {
+    return d`<div class="panel__content">${this.isLoading ? d`<calcite-scrim loading></calcite-scrim>` : d`<calcite-panel>${this.renderRecycleBucket()}${this.renderDeprecateBucket()}${this.renderExcludeBucket()}${this.renderCannotDeleteBucket()}${this.renderPermanentlyDeleteBucket()}${this.items.length === 1 && this.renderDirectlyUsedByItems() || ""}${this.itemsHaveImpactedItems && d`<div>${this.items.length > 1 ? this.renderDirectlyUsedByItemsNotice() : null}</div>` || ""}</calcite-panel>`}</div>${this.itemsNeedReview && !this.hasReviewedSelectedItems && d`<calcite-checkbox slot=content-bottom class="panel__checkbox" .checked=${this.hasConfirmedReview} @calciteCheckboxChange=${(e) => {
+      this.hasConfirmedReview = e.target.checked;
+    }} .labelText=${this.messages.reviewImpactedItems}></calcite-checkbox>` || ""}<calcite-button slot=footer-end appearance=outline-fill @click=${this.handleDialogClose}>${this.messages.cancel}</calcite-button>${this.deleteMode !== "none" && d`<calcite-button .disabled=${!this.deleteButtonEnabled} kind=danger slot=footer-end @click=${async () => await this.handleDelete()}>${this.getConfirmButtonText()}</calcite-button>` || ""}`;
+  }
+  renderReviewItems() {
+    return d`<div class="panel__content"><calcite-panel><arcgis-portal-delete-items-review .items=${this.itemsWithImpactedItems} .portal=${this.portal} .user=${this.user}></arcgis-portal-delete-items-review></calcite-panel></div><calcite-button slot=footer-start appearance=solid kind=neutral @click=${async () => await this.handleReviewDecision("exclude")}>${this.messages.exclude}</calcite-button><calcite-button slot=footer-end appearance=outline-fill kind=danger @click=${async () => await this.handleReviewDecision("deprecate")}>${this.messages.deprecateInstead}</calcite-button><calcite-button slot=footer-end appearance=solid kind=danger @click=${async () => await this.handleReviewDecision("delete")}>${this.messages.proceedToDelete}</calcite-button>`;
+  }
+  renderRecycleBucket() {
+    return !this.recycleItems || this.recycleItems.length === 0 ? null : this.renderBucket({
+      icon: "recycle-bin",
+      label: this.messages.summary.willBeRecycled,
+      description: this.messages.summary.canBeRecovered.single.replace("{days}", "14"),
+      updated: this.recycleItems.some(({ kind: e, updatedStatus: t }) => t === "recycle" && t !== e),
+      bucket: this.recycleItems
+    });
+  }
+  renderDeprecateBucket() {
+    return this.deprecateItems.length === 0 ? null : this.renderBucket({
+      icon: "circle-disallowed",
+      label: this.messages.summary.deprecate.label,
+      description: this.messages.summary.deprecate.message,
+      updated: this.deprecateItems.some(({ kind: e, updatedStatus: t }) => t !== e && t === "deprecate"),
+      bucket: this.deprecateItems
+    });
+  }
+  renderExcludeBucket() {
+    return this.excludeItems.length === 0 ? null : this.renderBucket({
+      icon: "remove-from-list",
+      label: this.messages.summary.exclude.label,
+      description: this.messages.summary.exclude.message,
+      updated: this.excludeItems.some(({ kind: e, updatedStatus: t }) => t !== e && t === "exclude"),
+      bucket: this.excludeItems
+    });
+  }
+  renderCannotDeleteBucket() {
+    if (!this.cannotDeleteItems || this.cannotDeleteItems.length === 0)
+      return null;
+    const e = this.cannotDeleteItems?.[0]?.reason;
+    return this.renderBucket({
+      icon: "security",
+      label: this.messages.summary.cannotDelete,
+      description: e === "hasDependentItems" ? this.messages.summary.protectedGroup.hasDependentItemsDescription.singleOneDependentItem : this.messages.summary.protectedGroup.deleteProtectedDescription,
+      bucket: this.cannotDeleteItems,
+      updated: this.cannotDeleteItems.some(({ item: t }) => t.id && this.updatedCannotDeleteItemIds.has(t.id))
+    });
+  }
+  renderPermanentlyDeleteBucket() {
+    return !this.permanentlyDeleteItems || this.permanentlyDeleteItems.length === 0 ? null : this.renderBucket({
+      icon: "trash",
+      label: this.messages.summary.permanentlyDelete,
+      description: this.messages.summary.permanentDelete.notSupported.single,
+      bucket: this.permanentlyDeleteItems
+    });
+  }
+  render() {
+    const { items: e, portal: t } = this;
+    return !e || !t ? null : d`<calcite-dialog modal .open=${this.active} width=s .heading=${this.getHeaderText()} heading-level=2 outside-close-disabled escape-disabled kind=danger @calciteDialogClose=${this.handleDialogClose}><div slot=heading><span>${this.getHeaderText()}</span><br><span class="header-description">${this.getHeaderDescription()}</span></div>${this.reviewingDirectlyUsedByItems ? this.renderReviewItems() : this.renderDeleteSummary()}</calcite-dialog>`;
+  }
+}
+B("arcgis-portal-delete-items", Z);
+export {
+  Z as ArcgisPortalDeleteItems
+};

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

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

package/dist/components/arcgis-portal-delete-items/index.js

@@ -0,0 +1,17 @@
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "../arcgis-portal-item-type/index.js";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-notice";
+import "../arcgis-portal-review-related-items/index.js";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-scrim";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-checkbox";
+import "../arcgis-portal-delete-items-review/index.js";
+import "@esri/calcite-components/components/calcite-dialog";
+export * from "./customElement.js";

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

@@ -0,0 +1,7 @@
+import type { ArcgisRestError } from "../../types/services.js";
+
+export interface DeleteItemResponse {
+  itemId: string;
+  success: boolean;
+  error?: ArcgisRestError;
+}

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

@@ -0,0 +1,19 @@
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+
+export interface RecycleStatus extends DeleteCheckResult {
+  kind: "recycle";
+  originalStatus?: "recycle";
+}
+
+export interface DeleteCheckResult {
+  item: PortalItem;
+  usedByItems: PortalItem[];
+  sourceData: PortalItem | null;
+  replacementItemFor: PortalItem[] | null;
+  resultData: PortalItem[] | null;
+  kind: DeleteKind;
+  originalStatus?: DeleteKind;
+  updatedStatus?: DeleteKind;
+}
+
+export type DeleteKind = "cannotDelete" | "deprecate" | "exclude" | "permanentlyDelete" | "recycle";

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

@@ -0,0 +1,40 @@
+/// <reference path="../../index.d.ts" />
+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 { RecycleStatus } from "../arcgis-portal-delete-items/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalDeleteItemsReview extends LitElement {
+  accessor items: RecycleStatus[];
+  /** @internal */
+  protected messages: {
+      reviewItemsList: string;
+      usedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      notice: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+  } & T9nMeta<{
+      reviewItemsList: string;
+      usedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      notice: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+  }>;
+  accessor portal: Portal;
+  accessor user: PortalUser | null | undefined;
+}