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

package/dist/components/arcgis-portal-replacement-item-redirect/customElement.js

@@ -0,0 +1,151 @@
+import { c as d } from "../../chunks/runtime.js";
+import { LitElement as h, createEvent as u, nothing as p } from "@arcgis/lumina";
+import { g as f, h as I } from "../../chunks/item.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as w, ref as g } from "lit/directives/ref.js";
+import { unsafeHTML as R } from "lit/directives/unsafe-html.js";
+import y from "@arcgis/core/identity/IdentityManager.js";
+import { css as A, html as o } from "lit";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.140 */
+function T(e, t) {
+  return t && (b(e, t) || ["update", "admin"].includes(e.itemControl));
+}
+function b(e, t) {
+  return e.owner === t?.username;
+}
+const k = (e) => e.type === "PDF";
+async function D({ item: e, user: t, portal: i }) {
+  const r = await y.getCredential(i.url), n = { item: e, user: t, portal: i, credential: r };
+  return k(e) ? {
+    action: async () => await v(n),
+    newTab: !0
+  } : e.type === "StoryMap" ? { link: e.url, newTab: !0 } : null;
+}
+async function v({ item: e, user: t, portal: i, credential: r }) {
+  const n = P(e, i, r);
+  await C({ item: e, user: t, portal: i, url: n });
+}
+function P(e, t, i) {
+  if (!e)
+    return "";
+  const r = U(e, t), n = i?.token;
+  let a = n ? `?token=${n}` : "";
+  return e.type === "KML" ? (a = e.access !== "public" && n ? `?token=${n}` : "", e.url?.includes(r) ? `${r}${a}` : `${e.url}${a}`) : `${r}${a}`;
+}
+function U(e, t) {
+  return `${f(t)}content/items/${e.id}/data`;
+}
+async function C({ item: e, user: t, portal: i, url: r }) {
+  if (T(e, t))
+    l(r);
+  else
+    try {
+      if (await F(r, i))
+        l(r, !0);
+      else
+        throw new Error("Access denied");
+    } catch (n) {
+      throw n;
+    }
+}
+function l(e, t) {
+  window.location.href = e;
+}
+async function F(e, t) {
+  try {
+    return await fetch(e, {
+      method: "HEAD",
+      credentials: t?.isPortal ? "include" : "same-origin"
+    }), !0;
+  } catch {
+    return !1;
+  }
+}
+const E = A`.thumbnail-container{width:100%}`, H = 1e4;
+class L extends h {
+  constructor() {
+    super(...arguments), this.replacementId = null, this.timerId = void 0, this.t9n = $({ blocking: !0 }), this.primaryActionRef = w(), this.getItemDetailsUrl = ({ portal: t, itemId: i }) => {
+      const r = t.restUrl;
+      return r ? `${r.replace("sharing/rest", "home")}/item.html?id=${i}` : "";
+    }, this.itemTitle = "", this.replacementItem = null, this.redirectAction = null, this.canRedirect = !1, this.open = !1, this.arcgisPortalReplacementItemFetch = u();
+  }
+  static {
+    this.properties = { itemTitle: 16, replacementItem: 16, redirectAction: 16, canRedirect: 16, open: 16, itemId: 1, portal: 0, user: 0 };
+  }
+  static {
+    this.styles = E;
+  }
+  async setFocus() {
+    this.primaryActionRef.value?.setFocus();
+  }
+  willUpdate(t) {
+    (t.has("itemId") || t.has("portal") || t.has("user")) && this.initItem();
+  }
+  async handleRedirectAction() {
+    const { action: t, link: i } = this.redirectAction || {};
+    if ((t || i) && (this.canRedirect = !0), t) {
+      t();
+      return;
+    } else i && window.open(i, "_self");
+  }
+  setupTimer({ onComplete: t }) {
+    typeof this.timerId == "number" && clearTimeout(this.timerId);
+    const i = setTimeout(() => {
+      t(), this.timerId = void 0;
+    }, H);
+    this.timerId = +i;
+  }
+  cancelTimer({ onCancel: t } = {}) {
+    t?.(), clearTimeout(this.timerId);
+  }
+  handleClose() {
+    this.cancelTimer(), this.itemId = "", this.itemTitle = "", this.open = !1;
+  }
+  async initItem() {
+    if (!this.itemId)
+      return;
+    const { itemId: t, portal: i } = this, r = await i.queryItems({ query: `id:${t}` });
+    this.itemTitle = r?.results[0]?.title || "";
+    const n = await I(t, i, {
+      relationshipType: "ReplacementItem2Item",
+      direction: "reverse"
+    }), a = n.data?.aggregations?.total?.count > 0 && n.data?.relatedItems?.length === 0, s = n.data?.relatedItems?.[0];
+    if (this.arcgisPortalReplacementItemFetch.emit({
+      replacementItem: a ? {} : s || null
+    }), !s) {
+      this.handleClose();
+      return;
+    }
+    this.replacementItem = s, this.redirectAction = await D({
+      item: this.replacementItem,
+      portal: this.portal,
+      user: this.user || this.portal.user
+    });
+    const { action: c, link: m } = this.redirectAction || {};
+    this.canRedirect = !!(c || m), this.replacementId = s.id, this.canRedirect && this.setupTimer({
+      onComplete: async () => {
+        await this.handleRedirectAction();
+      }
+    }), this.open = !0;
+  }
+  viewItemDetailsPage() {
+    window.open(this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId }), "_self");
+  }
+  render() {
+    const { open: t, t9n: i, itemTitle: r, replacementItem: n, canRedirect: a, portal: s, user: c } = this;
+    if (n)
+      return o`<calcite-dialog modal .open=${t} width=s kind=info outside-close-disabled .heading=${a ? i.redirectToReplacement : i.replacementAvailable} @calciteDialogClose=${() => {
+        this.cancelTimer(), this.itemId = "", this.itemTitle = "", this.open = !1;
+      }}><div>${R(i.deprecatedHasReplacement.replace("${itemTitle}", r))}</div><calcite-card thumbnail-position=inline-start><arcgis-item-thumbnail slot=thumbnail class="thumbnail-container" .item=${n} .user=${c || s.user} .portal=${s}></arcgis-item-thumbnail><span slot=heading>${n.title}</span><span slot=description>${`Owned by: ${n.owner}`}</span>${a && o`<calcite-link slot=footer-start icon-start=launch .href=${this.getItemDetailsUrl({ portal: this.portal, itemId: this.replacementId })}>${i.moreDetails}</calcite-link>` || ""}</calcite-card><calcite-button slot=footer-end appearance=outline-fill kind=neutral @click=${() => {
+        this.handleClose();
+      }}>${i.cancel}</calcite-button><calcite-button slot=footer-end @click=${async () => {
+        this.cancelTimer(), this.canRedirect ? await this.handleRedirectAction() : this.viewItemDetailsPage();
+      }} icon-end=${(this.canRedirect ? void 0 : "launch") ?? p} ${g(this.primaryActionRef)}>${this.canRedirect ? i.redirect : i.moreDetails}</calcite-button></calcite-dialog>`;
+  }
+}
+d("arcgis-portal-replacement-item-redirect", L);
+export {
+  L as ArcgisPortalReplacementItemRedirect
+};

package/dist/components/arcgis-portal-replacement-item-redirect/index.d.ts

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

package/dist/components/arcgis-portal-replacement-item-redirect/index.js

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-card";
+import "@arcgis/app-components/dist/components/arcgis-item-thumbnail.js";
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";