@ynput/ayon-frontend-shared 0.5.0 → 0.6.1

package/dist/chunks/FilterErrorActions.es.js

@@ -1,248 +1,44 @@
-import { jsx as g, jsxs as U, Fragment as q } from "react/jsx-runtime";
-import { Button as y } from "@ynput/ayon-react-components";
+import { jsxs as e, Fragment as m, jsx as r } from "react/jsx-runtime";
+import { Button as i } from "@ynput/ayon-react-components";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
-import { c as B } from "./copyToClipboard.es.js";
+import { c as n } from "./copyToClipboard.es.js";
 import "uuid";
 import "./searchTerms.es.js";
-import { useState as l, useEffect as u, useContext as k } from "react";
-import { bE as G } from "./getUris.es.js";
-import { u as J } from "./GlobalContext.es.js";
-import { F as w } from "./ColumnDropIndicator.es.js";
-const ie = ({ children: i }) => {
-  const [n, p] = l(!1), { siteInfo: r, user: o, cloudInfo: d } = J(), { data: s, isLoading: m } = G(
-    {},
-    {
-      skip: !o?.name || !d?.connected
-    }
-  ), v = () => {
-    if (!n) {
-      const e = document.createElement("script");
-      e.src = "https://do.featurebase.app/js/sdk.js", e.id = "featurebase-sdk", e.async = !0, document.body.appendChild(e), p(!0);
-    }
-  }, z = () => {
-    const e = window;
-    typeof e.Featurebase != "function" && (e.Featurebase = function() {
-      (e.Featurebase.q = e.Featurebase.q || []).push(arguments);
-    });
-  }, C = r?.version?.split("+")[0] || "unknown", S = r?.version?.split("+")[1] || "unknown", E = () => {
-    if (!o?.name || !s?.available) return;
-    const e = {
-      ...s.data,
-      customFields: {
-        origin: window.location.origin,
-        serverVersion: C,
-        frontendVersion: S,
-        instanceId: d?.instanceId
-      }
-    };
-    console.log(e), window.Featurebase("identify", e, (a) => {
-      a ? console.error(a) : console.log("Featurebase identify completed");
-    });
-  }, [c, x] = l(!1), [M, P] = l(0), _ = () => {
-    const e = window;
-    if (typeof e.Featurebase == "function") {
-      if (console.log("Initializing Featurebase messenger widget"), !s?.available)
-        return console.warn("messenger verification not available, skipping messenger init");
-      e.Featurebase(
-        "boot",
-        {
-          theme: "dark",
-          ...s?.data
-        },
-        (t) => {
-          t ? console.error(t) : (console.log("Featurebase messenger completed"), x(!0), e.Featurebase("onUnreadCountChange", function(a) {
-            P(a);
-          }));
-        }
-      );
-    }
-  }, I = () => {
-    const e = [];
-    if (o?.data?.isAdmin) {
-      const a = ["Server", "Addon", "Pipeline"];
-      e.push(...a);
-    } else r?.disableChangelog || e.push("Highlights");
-    const t = window;
-    return typeof t.Featurebase == "function" && t.Featurebase("init_changelog_widget", {
-      organization: "ayon",
-      dropdown: {
-        enabled: !0
-      },
-      popup: {
-        enabled: !0,
-        usersName: o?.attrib?.fullName,
-        autoOpenForNewUpdates: !0
-      },
-      category: e,
-      theme: "dark"
-    }), !1;
-  }, L = () => {
-    const e = window;
-    return typeof e.Featurebase == "function" && e.Featurebase(
-      "initialize_feedback_widget",
-      {
-        organization: "ayon",
-        theme: "dark",
-        metadata: {}
-      },
-      (t) => {
-        t && console.error("Error initializing feedback widget:", t);
-      }
-    ), !1;
-  }, V = () => {
-    const e = window;
-    return typeof e.Featurebase == "function" && e.Featurebase(
-      "initialize_portal_widget",
-      {
-        organization: "ayon",
-        fullScreen: !0,
-        initialPage: "MainView"
-      },
-      (t) => t ? (console.error("Error initializing portal widget:", t), !1) : !0
-    ), !1;
-  }, W = () => {
-    const e = window;
-    return typeof e.Featurebase == "function" && e.Featurebase(
-      "initialize_survey_widget",
-      {
-        organization: "ayon",
-        placement: "bottom-right",
-        theme: "dark",
-        email: o?.attrib?.email,
-        featurebaseJwt: s?.data?.featurebaseJwt,
-        locale: "en"
-      },
-      (t) => {
-        t ? console.error("Error initializing survey widget:", t) : console.log("Survey widget initialized successfully");
-      }
-    ), !1;
-  };
-  u(() => {
-    o?.name && r && (r.disableFeedback || n || (v(), z(), I(), L(), V()));
-  }, [o?.name, n, r]);
-  const [F, H] = l(!1);
-  u(() => {
-    !o?.name || !d || !s || !n || F || (E(), W(), H(!0));
-  }, [
-    o?.name,
-    d?.instanceId,
-    s?.available,
-    n,
-    window.location.pathname,
-    F
-  ]), u(() => {
-    m || !n || _();
-  }, [s, m, n]);
-  const N = () => {
-    window.postMessage({
-      target: "FeaturebaseWidget",
-      data: {
-        action: "openFeedbackWidget"
-      }
-    });
-  }, A = (e = "MainView", t) => {
-    window.postMessage({
-      target: "FeaturebaseWidget",
-      data: {
-        action: "changePage",
-        payload: e,
-        openWidget: !0,
-        ...t && { articleId: t }
-      }
-    });
-  }, [f, b] = l(!1), h = document.getElementById("fb-messenger-root"), j = (e) => h instanceof HTMLElement && (h.style.display = e ? "block" : "none");
-  u(() => {
-    !n || !c || j(f);
-  }, [n, c, f]), u(() => {
-    if (!n || !c) return;
-    const e = window;
-    typeof e.Featurebase == "function" && e.Featurebase("onHide", function() {
-      b(!1);
-    });
-  }, [n, c]);
-  const D = (e = "Home", t) => {
-    const a = window;
-    if (typeof a.Featurebase != "function") {
-      window.alert("Featurebase SDK is not loaded yet. Please try again later."), console.warn("Featurebase SDK is not loaded yet.");
-      return;
-    }
-    if (f) {
-      a.Featurebase("hide"), b(!1);
-      return;
-    }
-    switch (b(!0), e) {
-      case "Home":
-        a.Featurebase("show");
-        break;
-      case "Messages":
-        a.Featurebase("show", "messages");
-        break;
-      case "Changelog":
-        a.Featurebase("show", "changelog");
-        break;
-      case "Help":
-        a.Featurebase("show", "help");
-        break;
-      case "ShowArticle":
-        t ? a.Featurebase("showArticle", t) : a.Featurebase("show", "help");
-        break;
-      case "NewMessage":
-        a.Featurebase("showNewMessage", t);
-        break;
-      default:
-        a.Featurebase("show");
-        break;
-    }
-  };
-  return /* @__PURE__ */ g(
-    w.Provider,
-    {
-      value: {
-        openSupport: D,
-        openFeedback: N,
-        openPortal: A,
-        messengerLoaded: c,
-        unreadCount: M,
-        messengerVisibility: f,
-        setMessengerVisibility: b,
-        loaded: n
-      },
-      children: i
-    }
-  );
-}, oe = () => {
-  const i = k(w);
-  if (!i)
-    throw new Error("useFeedback must be used within a FeedbackProvider");
-  return i;
-}, K = () => k(w), se = ({ errorMessage: i }) => {
-  const n = K();
-  if (!i) return null;
-  const p = () => n?.openSupport(
+import "react";
+import "./getUris.es.js";
+import "@module-federation/enhanced/runtime";
+import "./DeleteEntitiesContextInstance.es.js";
+import "semver";
+import "./ContextMenuContextInstance.es.js";
+import "clsx";
+import "react-dom";
+import "react-redux";
+import { u as a } from "./ColumnDropIndicator.styled.es.js";
+const S = ({ errorMessage: o }) => {
+  const t = a();
+  if (!o) return null;
+  const p = () => t?.openSupport(
     "NewMessage",
     `I hit a filter error on ${window.location.pathname}
 
-Error: ${i}`
+Error: ${o}`
   );
-  return /* @__PURE__ */ U(q, { children: [
-    /* @__PURE__ */ g(
-      y,
+  return /* @__PURE__ */ e(m, { children: [
+    /* @__PURE__ */ r(
+      i,
       {
         variant: "text",
         label: "Copy error message",
         icon: "content_copy",
-        "data-tooltip": i,
-        onClick: () => B(i)
+        "data-tooltip": o,
+        onClick: () => n(o)
       }
     ),
-    n?.messengerLoaded && /* @__PURE__ */ g(y, { variant: "text", label: "Report issue", icon: "report", onClick: p })
+    t?.messengerLoaded && /* @__PURE__ */ r(i, { variant: "text", label: "Report issue", icon: "report", onClick: p })
   ] });
 };
 export {
-  ie as F,
-  se as a,
-  K as b,
-  oe as u
+  S as F
 };

package/dist/chunks/Menu.es.js

@@ -4,17 +4,21 @@ import { jsx as L, jsxs as Q, Fragment as yt } from "react/jsx-runtime";
 import X, { useRef as Z, useEffect as U, useLayoutEffect as st, useState as lt, useCallback as bt } from "react";
 import { M as xt, a as Et, b as Pt, c as K, D as $, d as Lt, e as Rt, S as Ct, F as St } from "./MenuItem.es.js";
 import { Icon as Tt, Button as Ot } from "@ynput/ayon-react-components";
-import { u as ct } from "./useLocalStorage.es.js";
-import { u as at } from "./MenuContext.es.js";
-import { createPortal as kt } from "react-dom";
-import Dt from "clsx";
-import "lodash";
+import "@module-federation/enhanced/runtime";
+import "./searchTerms.es.js";
+import "./getUris.es.js";
 import "primereact/confirmdialog";
+import { a as ct, u as at } from "./DeleteEntitiesContextInstance.es.js";
+import "lodash";
 import "react-toastify";
-import { c as Ht } from "./copyToClipboard.es.js";
 import "uuid";
-import "./searchTerms.es.js";
-const te = rt(Mt)`
+import "semver";
+import "./ContextMenuContextInstance.es.js";
+import kt from "clsx";
+import { createPortal as Dt } from "react-dom";
+import "react-redux";
+import { c as Ht } from "./copyToClipboard.es.js";
+const ie = rt(Mt)`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -32,7 +36,7 @@ const te = rt(Mt)`
   h3 {
     font-size: 18px;
   }
-`, ee = rt.div`
+`, re = rt.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
@@ -232,7 +236,7 @@ function It(a, i, c = "right") {
     };
   }, [l]), { position: o, menuRef: d };
 }
-const it = "ayon-menu-dialog", ft = "ayon-menu-content", ne = ({
+const it = "ayon-menu-dialog", ft = "ayon-menu-content", se = ({
   id: a,
   target: i,
   targetId: c = "",
@@ -281,7 +285,7 @@ const it = "ayon-menu-dialog", ft = "ayon-menu-content", ne = ({
     index: s,
     navigate: i
   }) : t);
-  return kt(
+  return Dt(
     /* @__PURE__ */ L(
       Lt,
       {
@@ -295,7 +299,7 @@ const it = "ayon-menu-dialog", ft = "ayon-menu-content", ne = ({
           {
             id: ft,
             style: e || { top: 0, left: 0, opacity: 0, visibility: "hidden" },
-            className: Dt(f),
+            className: kt(f),
             ref: p,
             children: m
           }
@@ -312,7 +316,7 @@ const it = "ayon-menu-dialog", ft = "ayon-menu-content", ne = ({
   }
 }, Nt = (a, i) => a.length === i.length && a.every(
   (c, o) => c.id === i[o].id && c.icon === i[o].icon && c.selected === i[o].selected && c.active === i[o].active
-), oe = ({ menu: a = [], onClose: i, header: c, footer: o = "" }) => {
+), le = ({ menu: a = [], onClose: i, header: c, footer: o = "" }) => {
   const { setPowerpackDialog: f } = ct(), { setMenuOpen: d } = at(), [l, e] = lt([]), p = (t, s, u, x) => {
     if (u) return i?.();
     s?.(t), !x && i && i();
@@ -394,10 +398,10 @@ const it = "ayon-menu-dialog", ft = "ayon-menu-content", ne = ({
   ] });
 };
 export {
-  te as E,
-  ne as M,
-  oe as a,
-  ee as b,
+  ie as E,
+  se as M,
+  le as a,
+  re as b,
   ft as c,
   it as d,
   ot as e

package/dist/chunks/MenuContext.es.js

@@ -1,265 +1,23 @@
-import { jsx as D } from "react/jsx-runtime";
-import { createContext as N, useState as w, useEffect as T, useCallback as d, useContext as A, useRef as ae } from "react";
-import { u as ue, r as de, w as pe } from "./useLocalStorage.es.js";
-import "lodash";
-import "primereact/confirmdialog";
-import "react-toastify";
-import "uuid";
-import { p as le, b as fe, g as ge } from "./getBundleMode.es.js";
-import "./searchTerms.es.js";
-import { cX as Se } from "./getUris.es.js";
-const Me = "uri", V = N(void 0), Le = ({ children: e }) => {
-  const t = location.pathname, [n, s] = w(""), c = ["projects", "settings", "dashboard/tasks"];
-  T(() => {
-    c.some((v) => t.startsWith(`/${v}`)) || s("");
-  }, [t, s]);
-  const { type: u, entity: a, settings: i } = le(n), o = d(
-    ({ projectName: l, folderPath: v, taskName: x, productName: M, versionName: L }) => {
-      const y = fe({ projectName: l, folderPath: v, taskName: x, productName: M, versionName: L });
-      s(y);
-    },
-    [s]
-  ), [g] = Se(), S = d(async () => {
-    if (u !== "entity" || !n) return [];
-    try {
-      const l = await g({ resolveRequestModel: { uris: [n] } }).unwrap();
-      return console.log("Resolved entity from URI:", l), l;
-    } catch (l) {
-      return console.warn("Failed to resolve URI:", l), [];
-    }
-  }, [g, n, u]), p = {
-    uri: n,
-    uriType: u,
-    entity: a,
-    settings: i,
-    setUri: s,
-    setEntityUri: o,
-    getUriEntities: S
-  };
-  return /* @__PURE__ */ D(V.Provider, { value: p, children: e });
-}, we = () => {
-  const e = A(V);
-  if (e === void 0)
-    throw new Error("useURIContext must be used within a URIProvider");
-  return e;
-}, U = (e, t = null) => {
-  if (!e) return t;
-  try {
-    return JSON.parse(e);
-  } catch {
-    return t;
-  }
-}, Re = (e, t) => {
-  if (typeof window > "u") return t;
-  try {
-    return U(sessionStorage.getItem(e), t);
-  } catch {
-    return t;
-  }
-}, Ce = (e, t) => {
-  if (!(typeof window > "u"))
-    try {
-      sessionStorage.setItem(e, JSON.stringify(t)), window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } }));
-    } catch (n) {
-      console.error(n);
-    }
-};
-function W(e, t) {
-  const n = ae(t);
-  n.current = t;
-  const [s, c] = w(() => typeof window > "u" ? t : U(sessionStorage.getItem(e), t));
-  T(() => {
-    const a = sessionStorage.getItem(e);
-    c(U(a, n.current)), a || sessionStorage.setItem(e, JSON.stringify(n.current));
-    function i(o) {
-      if ("key" in o && o.key && o.key !== e) return;
-      const g = o.detail?.key;
-      if (g && g !== e) return;
-      const S = sessionStorage.getItem(e);
-      c(U(S, n.current));
-    }
-    return window.addEventListener("session-storage", i), window.addEventListener("storage", i), () => {
-      window.removeEventListener("session-storage", i), window.removeEventListener("storage", i);
-    };
-  }, [e]);
-  const u = d(
-    (a) => {
-      try {
-        c((i) => {
-          const o = typeof a == "function" ? a(i) : a;
-          return sessionStorage.setItem(e, JSON.stringify(o)), typeof window < "u" && window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } })), o;
-        });
-      } catch (i) {
-        console.error(i);
-      }
-    },
-    [e]
-  );
-  return [s, u];
-}
-const Y = N(void 0), me = ["feed", "subtasks", "details", "files"], q = (e) => typeof e == "string" && me.includes(e), De = ({
-  children: e,
-  defaultTab: t = "feed",
-  hasLicense: n,
-  debug: s = {},
-  ...c
-}) => {
-  const u = c.user, a = ge(u), i = "isGuest" in s ? s.isGuest : u?.data?.isGuest, { powerLicense: o, setPowerpackDialog: g } = ue(), S = "hasLicense" in s ? s.hasLicense : !!o || n, [p, l] = w({}), [v, x] = w([]), M = d(
-    (r) => p[r] ? p[r] : !1,
-    [p]
-  ), L = d(
-    (r, m) => {
-      const f = { ...p };
-      f[r] = m, l(f);
-    },
-    [p]
-  ), [y, X] = W(b, {}), $ = d(
-    (r) => {
-      const m = y[r];
-      return q(m) ? m : t;
-    },
-    [y, t]
-  ), [B, F] = w(null), z = d((r) => {
-    F(r);
-  }, []), j = d(() => {
-    F(null), B && C([]);
-  }, []);
-  T(() => {
-    j();
-  }, [c.useLocation().pathname]);
-  const [Q, _] = w(null), Z = d((r) => {
-    _(r);
-  }, []), k = d(() => {
-    _(null);
-  }, []), [ee, R] = w(null), [te, C] = w([]), { uriType: ne, uri: se, entity: h, getUriEntities: oe } = we(), [P] = c.useSearchParams(), E = P.get("project"), O = P.get("type"), I = P.get("id"), J = P.get("activity");
-  T(() => {
-    if (!(!E && !O && !I)) {
-      if (ne === "entity" && h && h.entityType !== "product") {
-        oe().then((r) => {
-          if (r.length === 0) return;
-          const m = r.find((ce) => ce.uri === se), f = m?.entities?.[0];
-          if (!m || !f) return;
-          const G = f?.projectName || h.projectName || "", K = f.representationId || f.versionId || f.productId || f.taskId || f.folderId;
-          if (!G || !K) return;
-          const re = {
-            entityType: h.entityType,
-            entities: [
-              {
-                id: K,
-                projectName: G
-              }
-            ],
-            source: "uri"
-          };
-          R(re);
-        }).catch((r) => {
-          console.warn("Failed to get URI entities:", r);
-        });
-        return;
-      }
-      E && O && I && (R({
-        entityType: O,
-        entities: [
-          {
-            id: I,
-            projectName: E
-          }
-        ],
-        source: "url"
-      }), J && (C([J]), X({
-        ...y,
-        overview: "feed"
-      })));
-    }
-  }, [E, O, I]);
-  const ie = {
-    // open state for the panel by scope
-    panelOpenByScope: p,
-    getOpenForScope: M,
-    setPanelOpen: L,
-    setPanelOpenByScope: l,
-    // tab preferences
-    tabsByScope: y,
-    getTabForScope: $,
-    // slide out state
-    slideOut: B,
-    openSlideOut: z,
-    closeSlideOut: j,
-    // highlighted activities
-    highlightedActivities: te,
-    setHighlightedActivities: C,
-    // PiP state
-    pip: Q,
-    openPip: Z,
-    closePip: k,
-    // entities state
-    entities: ee,
-    setEntities: R,
-    feedAnnotations: v,
-    setFeedAnnotations: x,
-    bundleMode: a,
-    isGuest: i,
-    hasLicense: S,
-    onPowerFeature: g,
-    ...c
-  };
-  return /* @__PURE__ */ D(Y.Provider, { value: ie, children: e });
-}, ye = () => {
-  const e = A(Y);
-  if (e === void 0)
-    throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");
-  return e;
-}, b = "details/tabs-by-scope", Ne = (e, t) => {
-  const n = de(b, {});
-  pe(b, { ...n, [e]: t });
-}, Ae = (e) => {
-  const { getOpenForScope: t, setPanelOpen: n, getTabForScope: s } = ye(), [c, u] = W(b, {}), a = c[e], i = q(a) ? a : s(e), o = d(
-    (S) => {
-      u((p) => ({ ...p, [e]: S }));
-    },
-    [e, u]
-  ), g = i === "feed";
-  return {
-    isOpen: t(e),
-    setOpen: (S) => n(e, S),
-    currentTab: i,
-    setTab: o,
-    isFeed: g
-  };
-}, H = N(void 0), Be = ({ children: e, useNavigate: t }) => {
-  const [n, s] = w(!1), c = t(), i = {
+import { jsx as u } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { M as i } from "./DeleteEntitiesContextInstance.es.js";
+const O = ({ children: o, useNavigate: s }) => {
+  const [n, t] = p(!1), r = s(), a = {
     menuOpen: n,
-    setMenuOpen: (o) => {
-      s(o);
+    setMenuOpen: (e) => {
+      t(e);
     },
-    toggleMenuOpen: (o) => {
-      if (!o) {
-        s(!1);
+    toggleMenuOpen: (e) => {
+      if (!e) {
+        t(!1);
         return;
       }
-      s(o === n ? !1 : o);
+      t(e === n ? !1 : e);
     },
-    navigate: c
+    navigate: r
   };
-  return /* @__PURE__ */ D(H.Provider, { value: i, children: e });
-}, Fe = () => {
-  const e = A(H);
-  if (e === void 0)
-    throw new Error("useMenuContext must be used within a MenuProvider");
-  return e;
+  return /* @__PURE__ */ u(i.Provider, { value: a, children: o });
 };
 export {
-  De as D,
-  Be as M,
-  Le as U,
-  H as a,
-  Me as b,
-  ye as c,
-  Ae as d,
-  we as e,
-  W as f,
-  Re as r,
-  Ne as s,
-  Fe as u,
-  Ce as w
+  O as M
 };