@ynput/ayon-frontend-shared 0.3.43 → 0.3.44

package/dist/shared/src/containers/Actions/Actions.es.js

@@ -1,8 +1,8 @@
-import { j as c } from "../../../../_virtual/jsx-runtime.es.js";
-import { Actions as X, FeaturedAction as Y } from "./Actions.styled.es.js";
-import { useState as N, useMemo as d, useEffect as Z } from "react";
-import S from "clsx";
-import { toast as f } from "react-toastify";
+import { j as d } from "../../../../_virtual/jsx-runtime.es.js";
+import { Actions as io, FeaturedAction as eo } from "./Actions.styled.es.js";
+import { useState as I, useMemo as m, useEffect as no } from "react";
+import k from "clsx";
+import { toast as g } from "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -43,7 +43,7 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
-import { useGetActionsFromContextQuery as oo, useExecuteActionMutation as to } from "../../api/queries/actions/getActions.es.js";
+import { useGetActionsFromContextQuery as po, useExecuteActionMutation as mo } from "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
@@ -53,8 +53,11 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import { useListBundlesQuery as so } from "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -97,8 +100,8 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import { ActionsDropdown as ro } from "./ActionsDropdown/ActionsDropdown.es.js";
-import io from "./ActionIcon.es.js";
+import { ActionsDropdown as lo } from "./ActionsDropdown/ActionsDropdown.es.js";
+import ao from "./ActionIcon.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
@@ -119,67 +122,78 @@ import "../../context/AddonContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
+import { useGlobalContext as co } from "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContext.es.js";
-import { useActionTriggers as eo } from "../../hooks/useActionTriggers.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import { useActionTriggers as uo } from "../../hooks/useActionTriggers.es.js";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import { ActionConfigDialog as no } from "./ActionConfigDialog.es.js";
-import { InteractiveActionDialog as po } from "./InteractiveActionDialog.es.js";
-const x = {
+import { ActionConfigDialog as fo } from "./ActionConfigDialog.es.js";
+import { InteractiveActionDialog as go } from "./InteractiveActionDialog.es.js";
+const L = {
   identifier: "placeholder",
   label: "Featured action slot",
   isPlaceholder: !0,
   icon: { type: "material-symbols", name: "sync" },
   groupLabel: ""
-}, Nr = ({
-  entities: a,
-  entityType: g,
+}, Gr = ({
+  entities: c,
+  entityType: h,
   entitySubTypes: j,
-  isLoadingEntity: I,
-  projectActionsProjectName: v,
-  searchParams: k,
-  featuredCount: m = 2,
-  bundleMode: E,
-  onNavigate: D,
-  onSetSearchParams: O,
-  align: P,
-  pt: _
+  isLoadingEntity: O,
+  projectActionsProjectName: E,
+  searchParams: P,
+  featuredCount: s = 2,
+  bundleMode: l,
+  onNavigate: _,
+  onSetSearchParams: T,
+  align: V,
+  pt: G
 }) => {
-  const { handleActionPayload: T } = eo({ onNavigate: D, onSetSearchParams: O, searchParams: k }), [B, L] = N(null), [V, h] = N(null), u = d(() => {
-    if (v)
+  const { user: F } = co(), { handleActionPayload: Q } = uo({ onNavigate: _, onSetSearchParams: T, searchParams: P }), [U, w] = I(null), [z, b] = I(null), f = m(() => {
+    if (E)
       return {
         entityType: "project",
-        projectName: v
+        projectName: E
       };
-    if (!a.length || !a[0].projectName) return null;
-    const o = a.filter((r) => r.entitySubType).map((r) => r.entitySubType).filter((r, i, s) => s.indexOf(r) === i && r), t = j?.length ? j : o;
-    return !t?.length && g !== "version" && g !== "representation" ? (console.warn("No entity subtypes found"), null) : {
-      projectName: a[0].projectName,
-      entityType: g,
-      entityIds: a.map((r) => r.id),
+    if (!c.length || !c[0].projectName) return null;
+    const o = c.filter((r) => r.entitySubType).map((r) => r.entitySubType).filter((r, i, a) => a.indexOf(r) === i && r), t = j?.length ? j : o;
+    return !t?.length && h !== "version" && h !== "representation" ? (console.warn("No entity subtypes found"), null) : {
+      projectName: c[0].projectName,
+      entityType: h,
+      entityIds: c.map((r) => r.id),
       entitySubtypes: t
     };
-  }, [a, g]);
-  Z(() => {
-    h(null);
-  }, [u]);
-  const { data: z, isFetching: G } = oo(
-    { mode: "simple", variant: E, actionContext: u },
-    { skip: !u }
-  ), l = z?.actions || [], b = ["application", "admin", "workflow"], n = d(() => l.reduce((t, r) => {
+  }, [c, h]);
+  no(() => {
+    b(null);
+  }, [f]);
+  const { data: R, isFetching: $ } = so(
+    { archived: !1 },
+    { skip: l !== "developer" }
+  ), y = R?.bundles || [], C = m(() => {
+    if (!y?.length || l !== "developer") return null;
+    const o = y.filter((r) => r.isDev);
+    return o.length ? o.find((r) => r.activeUser === F?.name)?.name || o[0].name : null;
+  }, [y, l, F?.name]), D = m(() => l === "developer" ? C || "developer" : l, [l, C]), { data: q, isFetching: H } = po(
+    {
+      mode: "simple",
+      variant: D,
+      actionContext: f
+    },
+    { skip: !f }
+  ), u = q?.actions || [], A = ["application", "admin", "workflow"], n = m(() => u.reduce((t, r) => {
     const i = r.category || "uncategorized";
     return t[i] || (t[i] = []), t[i].push(r), t;
-  }, {}), [l]), w = d(
+  }, {}), [u]), N = m(
     () => [
       ...new Set(
-        Object.keys(n).filter((o) => !b.includes(o)).sort((o, t) => o.localeCompare(t))
+        Object.keys(n).filter((o) => !A.includes(o)).sort((o, t) => o.localeCompare(t))
       )
     ],
     [n]
-  ), C = [...b, ...w], M = d(() => {
+  ), B = [...A, ...N], J = m(() => {
     const o = [];
-    return C.forEach((t) => {
+    return B.forEach((t) => {
       if (!n[t] || !n[t].length) return;
       o.push({
         label: t,
@@ -201,41 +215,41 @@ const x = {
       disabled: !0,
       header: !0
     }), o;
-  }, [n, w, b]), Q = d(() => {
-    let o = l.filter((t) => t.featured).sort((t, r) => (t.order || 0) - (r.order || 0)).slice(0, m);
-    return o.length < m && C.forEach((t) => {
-      if (o.length >= m) return;
+  }, [n, N, A]), K = m(() => {
+    let o = u.filter((t) => t.featured).sort((t, r) => (t.order || 0) - (r.order || 0)).slice(0, s);
+    return o.length < s && B.forEach((t) => {
+      if (o.length >= s) return;
       const r = n[t];
       if (!(!r || !r.length))
-        for (let i = o.length; i < m; i++) {
-          const s = r[i];
-          if (!s) break;
-          s.icon && o.push(s);
+        for (let i = o.length; i < s; i++) {
+          const a = r[i];
+          if (!a) break;
+          a.icon && o.push(a);
         }
     }), o;
-  }, [l, n, x]), [R, { isLoading: U, originalArgs: $ }] = to(), q = U && $?.identifier, y = async (o, t, r) => {
+  }, [u, n, L]), [W, { isLoading: X, originalArgs: Y }] = mo(), Z = X && Y?.identifier, x = async (o, t, r) => {
     t?.preventDefault();
-    const i = l.find((p) => p.identifier === o);
+    const i = u.find((p) => p.identifier === o);
     if (!i) {
-      f.error("Action not found"), console.warn("Action not found", o);
+      g.error("Action not found"), console.warn("Action not found", o);
       return;
     }
-    const s = {
+    const a = {
       addonName: i.addonName,
       addonVersion: i.addonVersion,
       variant: i.variant,
       identifier: i.identifier
-    }, F = { ...u };
-    r && (F.formData = r);
+    }, S = { ...f };
+    r && (S.formData = r);
     let e = null;
     try {
-      e = await R({ actionContext: F, ...s }).unwrap();
+      e = await W({ actionContext: S, ...a }).unwrap();
     } catch (p) {
-      console.error("Error executing action", p), f.error(p?.data?.detail || "Error executing action");
+      console.error("Error executing action", p), g.error(p?.data?.detail || "Error executing action");
       return;
     }
     try {
-      if (e?.message && (e?.success ? f.success(e.message, { autoClose: 2e3 }) : f.error(e.message, { autoClose: 2e3 })), e?.payload)
+      if (e?.message && (e?.success ? g.success(e.message, { autoClose: 2e3 }) : g.error(e.message, { autoClose: 2e3 })), e?.payload)
         if (e.type === "form") {
           const p = {
             identifier: o,
@@ -252,66 +266,67 @@ const x = {
             // @ts-expect-error
             cancelIcon: e.payload.cancel_icon
           };
-          h(p);
+          b(p);
         } else
-          T(e.type, e.payload);
+          Q(e.type, e.payload);
     } catch (p) {
-      console.warn("Error during action response processing", p), f.error("Error occured during action processing");
+      console.warn("Error during action response processing", p), g.error("Error occured during action processing");
     }
-  }, H = (o) => {
-    const t = l.find((r) => r.identifier === o);
-    t && L(t);
-  }, J = async (o, t) => {
-    y(o, null, t);
-  }, K = d(
-    () => Array(m).fill(x),
-    [m, x]
-  ), A = G || I, W = A ? K : Q;
-  return /* @__PURE__ */ c.jsxs(X, { className: S("actions", { loading: A }), children: [
-    W.map((o, t) => /* @__PURE__ */ c.jsx(
-      Y,
+  }, M = (o) => {
+    const t = u.find((r) => r.identifier === o);
+    t && w(t);
+  }, oo = async (o, t) => {
+    x(o, null, t);
+  }, to = m(
+    () => Array(s).fill(L),
+    [s, L]
+  ), v = H || O, ro = v ? to : K;
+  return /* @__PURE__ */ d.jsxs(io, { className: k("actions", { loading: v }), children: [
+    ro.map((o, t) => /* @__PURE__ */ d.jsx(
+      eo,
       {
-        className: S("action", {
+        className: k("action", {
           isPlaceholder: o.isPlaceholder
         }),
         "data-tooltip": o.groupLabel ? o.groupLabel + " " + o.label : o.label,
         disabled: o.isPlaceholder,
-        onClick: (r) => y(o.identifier, r),
-        children: /* @__PURE__ */ c.jsx(io, { icon: o.icon, isExecuting: q === o.identifier })
+        onClick: (r) => x(o.identifier, r),
+        children: /* @__PURE__ */ d.jsx(ao, { icon: o.icon, isExecuting: Z === o.identifier })
       },
       o.identifier + "-" + t
     )),
-    /* @__PURE__ */ c.jsx(
-      ro,
+    /* @__PURE__ */ d.jsx(
+      lo,
       {
-        options: M,
-        isLoading: A && m > 0,
-        onAction: y,
-        onConfig: H,
-        bundleMode: E,
-        align: P,
-        ..._?.dropdown
+        options: J,
+        isLoading: v && s > 0 || $,
+        onAction: x,
+        onConfig: M,
+        bundleMode: l,
+        actionsVariant: D,
+        align: V,
+        ...G?.dropdown
       }
     ),
-    /* @__PURE__ */ c.jsx(
-      no,
+    /* @__PURE__ */ d.jsx(
+      fo,
       {
-        action: B,
-        context: u,
-        onClose: () => L(null)
+        action: U,
+        context: f,
+        onClose: () => w(null)
       }
     ),
-    /* @__PURE__ */ c.jsx(
-      po,
+    /* @__PURE__ */ d.jsx(
+      go,
       {
-        interactiveForm: V,
-        onClose: () => h(null),
-        onSubmit: J
+        interactiveForm: z,
+        onClose: () => b(null),
+        onSubmit: oo
       }
     )
   ] });
 };
 export {
-  Nr as Actions
+  Gr as Actions
 };
 //# sourceMappingURL=Actions.es.js.map

package/dist/shared/src/containers/Actions/Actions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.es.js","sources":["../../../../../src/containers/Actions/Actions.tsx"],"sourcesContent":["import * as Styled from './Actions.styled'\nimport { MouseEvent, useState } from 'react'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport { useMemo, useEffect } from 'react'\nimport { ActionContext, useExecuteActionMutation, useGetActionsFromContextQuery } from '@shared/api'\nimport { ActionsDropdown, ActionsDropdownProps } from './ActionsDropdown'\nimport ActionIcon from './ActionIcon'\nimport { ActionTriggersProps, useActionTriggers } from '@shared/hooks'\nimport { ActionConfigDialog } from './ActionConfigDialog'\nimport { InteractiveActionDialog, InteractiveForm } from './InteractiveActionDialog'\nimport { BundleMode } from '@shared/util'\n\nconst placeholder = {\n  identifier: 'placeholder',\n  label: 'Featured action slot',\n  isPlaceholder: true,\n  icon: { type: 'material-symbols', name: 'sync' },\n  groupLabel: '',\n}\n\ninterface ActionsProps extends ActionTriggersProps {\n  entities: { id: string; projectName: string; entitySubType?: string }[]\n  entityType: ActionContext['entityType']\n  entitySubTypes?: string[]\n  isLoadingEntity: boolean\n  projectActionsProjectName?: string\n  featuredCount?: number\n  bundleMode: BundleMode\n  align?: ActionsDropdownProps['align']\n  pt?: {\n    dropdown?: Partial<ActionsDropdownProps>\n  }\n}\n\nexport const Actions = ({\n  entities,\n  entityType,\n  entitySubTypes,\n  isLoadingEntity,\n  projectActionsProjectName,\n  searchParams,\n  featuredCount = 2,\n  bundleMode,\n  onNavigate,\n  onSetSearchParams,\n  align,\n  pt,\n}: ActionsProps) => {\n  // special triggers the actions can make to perform stuff on the client\n  const { handleActionPayload } = useActionTriggers({ onNavigate, onSetSearchParams, searchParams })\n  const [actionBeingConfigured, setActionBeingConfigured] = useState<any>(null)\n  const [interactiveForm, setInteractiveForm] = useState<any>(null)\n\n  const context: ActionContext | null = useMemo(() => {\n    if (projectActionsProjectName) {\n      return {\n        entityType: 'project',\n        projectName: projectActionsProjectName,\n      }\n    }\n    if (!entities.length) return null\n    if (!entities[0].projectName) return null\n\n    // get a list of unique entity subtypes from loaded data\n    const entitySubtypesLoaded = entities\n      .filter((entity) => entity.entitySubType)\n      .map((entity) => entity.entitySubType as string)\n      .filter((value, index, self) => self.indexOf(value) === index && value)\n\n    // try and use the passed in entitySubTypes, if not use the loaded ones\n    const entitySubTypesToUse = entitySubTypes?.length ? entitySubTypes : entitySubtypesLoaded\n\n    // all types except version/representation should have subtypes\n    if (\n      !entitySubTypesToUse?.length &&\n      entityType !== 'version' &&\n      entityType !== 'representation'\n    ) {\n      console.warn('No entity subtypes found')\n      return null\n    }\n\n    return {\n      projectName: entities[0].projectName,\n      entityType: entityType,\n      entityIds: entities.map((entity) => entity.id),\n      entitySubtypes: entitySubTypesToUse,\n    }\n  }, [entities, entityType])\n\n  useEffect(() => {\n    setInteractiveForm(null)\n  }, [context])\n\n  const { data, isFetching: isFetchingActions } = useGetActionsFromContextQuery(\n    { mode: 'simple', variant: bundleMode, actionContext: context as ActionContext },\n    { skip: !context },\n  )\n\n  const actions = data?.actions || []\n\n  const categoryOrder = ['application', 'admin', 'workflow']\n  // group actions by category\n  // sort by hardcoded category, this will changing the future\n  const groupedActions = useMemo(() => {\n    // Step 1: Group actions by category\n    const grouped = actions.reduce((acc: { [key: string]: any[] }, action) => {\n      const category = action.category || 'uncategorized'\n      if (!acc[category]) {\n        acc[category] = []\n      }\n      acc[category].push(action)\n      return acc\n    }, {})\n\n    // Step 5: Return the ordered groups\n    return grouped\n  }, [actions])\n\n  // get categories that don't have a specific order (not in categoryOrder)\n  // then sort them alphabetically\n  const unorderedCategories = useMemo(\n    () => [\n      ...new Set(\n        Object.keys(groupedActions)\n          .filter((category) => !categoryOrder.includes(category))\n          .sort((a, b) => a.localeCompare(b)),\n      ),\n    ],\n    [groupedActions],\n  )\n\n  const categories = [...categoryOrder, ...unorderedCategories]\n\n  // create the options for the dropdown, each category is separated by a divider and a title\n  // for the divider we will use a custom dropdown item template\n  const dropdownOptions = useMemo(() => {\n    const options = []\n\n    categories.forEach((category) => {\n      if (!groupedActions[category] || !groupedActions[category].length) return\n\n      options.push({\n        label: category,\n        header: true,\n        value: category,\n        disabled: true,\n      })\n\n      const groupOptions = groupedActions[category].map((action) => ({\n        value: action.identifier,\n        label: action.groupLabel ? action.groupLabel + ' ' + action.label : action.label,\n        icon: action.icon,\n        hasConfig: !!action.configFields,\n        description: action.description,\n      }))\n\n      options.push(...groupOptions)\n    })\n\n    // if no actions, add placeholder\n    if (!options.length) {\n      options.push({\n        label: 'No actions available',\n        value: 'no-actions',\n        disabled: true,\n        header: true,\n      })\n    }\n\n    return options\n  }, [groupedActions, unorderedCategories, categoryOrder])\n\n  const featuredActions = useMemo(() => {\n    // Filter and sort to get initial featured actions\n    let tempFeaturedActions = actions\n      .filter((action) => action.featured)\n      .sort((a, b) => (a.order || 0) - (b.order || 0))\n      .slice(0, featuredCount)\n\n    // Check if we need to add more actions to reach featuredCount\n    if (tempFeaturedActions.length < featuredCount) {\n      categories.forEach((category) => {\n        if (tempFeaturedActions.length >= featuredCount) return\n        const actions = groupedActions[category]\n        if (!actions || !actions.length) return\n\n        for (let i = tempFeaturedActions.length; i < featuredCount; i++) {\n          const action = actions[i]\n          if (!action) break\n          if (!action.icon) continue\n          tempFeaturedActions.push(action)\n        }\n      })\n    }\n\n    return tempFeaturedActions\n  }, [actions, groupedActions, placeholder])\n\n  const [executeAction, { isLoading: isLoadingExecution, originalArgs }] =\n    useExecuteActionMutation()\n  const executingAction = isLoadingExecution && originalArgs?.identifier\n\n  const handleExecuteAction = async (\n    identifier: string,\n    e?: MouseEvent<HTMLElement> | null,\n    formData?: InteractiveForm,\n  ) => {\n    e?.preventDefault()\n    const action = actions.find((option) => option.identifier === identifier)\n\n    if (!action) {\n      toast.error('Action not found')\n      console.warn('Action not found', identifier)\n      return\n    }\n\n    const params = {\n      addonName: action.addonName as string,\n      addonVersion: action.addonVersion as string,\n      variant: action.variant,\n      identifier: action.identifier,\n    }\n\n    const actionContext = { ...context }\n    if (formData) {\n      actionContext.formData = formData\n    }\n\n    let response = null\n\n    try {\n      response = await executeAction({ actionContext, ...params }).unwrap()\n    } catch (error: any) {\n      console.error('Error executing action', error)\n      toast.error(error?.data?.detail || 'Error executing action')\n      return\n    }\n\n    try {\n      // Toast the message if it is available\n      if (response?.message) {\n        if (response?.success) {\n          toast.success(response.message, { autoClose: 2000 })\n        } else {\n          toast.error(response.message, { autoClose: 2000 })\n        }\n      }\n\n      // Even if response?.success is false, we still want to handle the payload\n      // as it may contain useful information - complex error messages in form,\n      // redirect to another page etc. If the action just needs to abort,\n      // it raises exception instead of returning a response with success: false\n\n      // Use the new hook to handle payload\n      if (response?.payload) {\n        if (response.type === 'form') {\n          // action requests additional information from the user.\n          // we show a dialog with the form and when the user submits it we call the action again\n\n          // It probably does not make sense to move to the useActionTriggers hook\n          // as it need contexts and the dialog\n          const intf = {\n            identifier,\n            // @ts-expect-error\n            title: response.payload['title'],\n            // @ts-expect-error\n            fields: response.payload['fields'],\n            // @ts-expect-error\n            submitLabel: response.payload['submit_label'],\n            // @ts-expect-error\n            cancelLabel: response.payload['cancel_label'],\n            // @ts-expect-error\n            submitIcon: response.payload['submit_icon'],\n            // @ts-expect-error\n            cancelIcon: response.payload['cancel_icon'],\n          }\n          setInteractiveForm(intf)\n        } else {\n          handleActionPayload(response.type as string, response.payload)\n        }\n      }\n    } catch (error) {\n      // got response, but failed to process it\n      console.warn('Error during action response processing', error)\n      toast.error('Error occured during action processing')\n    }\n  }\n\n  const handleConfigureAction = (identifier: string) => {\n    const action = actions.find((data) => data.identifier === identifier)\n    if (!action) return\n    setActionBeingConfigured(action)\n  }\n\n  const handleSubmitInteractiveForm = async (identifier: string, formData: InteractiveForm) => {\n    handleExecuteAction(identifier, null, formData)\n  }\n\n  const loadingActions = useMemo(\n    () => Array(featuredCount).fill(placeholder),\n    [featuredCount, placeholder],\n  )\n\n  const isLoading = isFetchingActions || isLoadingEntity\n  const featuredActionsToDisplay = isLoading ? loadingActions : featuredActions\n\n  return (\n    <Styled.Actions className={clsx('actions', { loading: isLoading })}>\n      {featuredActionsToDisplay.map((action, i) => (\n        <Styled.FeaturedAction\n          key={action.identifier + '-' + i}\n          className={clsx('action', {\n            isPlaceholder: action.isPlaceholder,\n          })}\n          data-tooltip={action.groupLabel ? action.groupLabel + ' ' + action.label : action.label}\n          disabled={action.isPlaceholder}\n          onClick={(e) => handleExecuteAction(action.identifier, e)}\n        >\n          {/* @ts-ignore */}\n          <ActionIcon icon={action.icon} isExecuting={executingAction === action.identifier} />\n        </Styled.FeaturedAction>\n      ))}\n      <ActionsDropdown\n        options={dropdownOptions}\n        isLoading={isLoading && featuredCount > 0}\n        onAction={handleExecuteAction}\n        onConfig={handleConfigureAction}\n        bundleMode={bundleMode}\n        align={align}\n        {...pt?.dropdown}\n      />\n      <ActionConfigDialog\n        action={actionBeingConfigured}\n        // @ts-expect-error\n        context={context}\n        onClose={() => setActionBeingConfigured(null)}\n      />\n      <InteractiveActionDialog\n        interactiveForm={interactiveForm}\n        onClose={() => setInteractiveForm(null)}\n        // @ts-expect-error\n        onSubmit={handleSubmitInteractiveForm}\n      />\n    </Styled.Actions>\n  )\n}\n"],"names":["placeholder","Actions","entities","entityType","entitySubTypes","isLoadingEntity","projectActionsProjectName","searchParams","featuredCount","bundleMode","onNavigate","onSetSearchParams","align","pt","handleActionPayload","useActionTriggers","actionBeingConfigured","setActionBeingConfigured","useState","interactiveForm","setInteractiveForm","context","useMemo","entitySubtypesLoaded","entity","value","index","self","entitySubTypesToUse","useEffect","data","isFetchingActions","useGetActionsFromContextQuery","actions","categoryOrder","groupedActions","acc","action","category","unorderedCategories","a","b","categories","dropdownOptions","options","groupOptions","featuredActions","tempFeaturedActions","executeAction","isLoadingExecution","originalArgs","useExecuteActionMutation","executingAction","handleExecuteAction","identifier","e","formData","option","toast","params","actionContext","response","error","intf","handleConfigureAction","handleSubmitInteractiveForm","loadingActions","isLoading","featuredActionsToDisplay","jsxs","Styled.Actions","clsx","i","jsx","Styled.FeaturedAction","ActionIcon","ActionsDropdown","ActionConfigDialog","InteractiveActionDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM,EAAE,MAAM,oBAAoB,MAAM,OAAA;AAAA,EACxC,YAAY;AACd,GAgBaC,KAAU,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAAoB;AAElB,QAAM,EAAE,qBAAAC,MAAwBC,GAAkB,EAAE,YAAAL,GAAY,mBAAAC,GAAmB,cAAAJ,GAAc,GAC3F,CAACS,GAAuBC,CAAwB,IAAIC,EAAc,IAAI,GACtE,CAACC,GAAiBC,CAAkB,IAAIF,EAAc,IAAI,GAE1DG,IAAgCC,EAAQ,MAAM;AAClD,QAAIhB;AACF,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAaA;AAAA,MAAA;AAIjB,QADI,CAACJ,EAAS,UACV,CAACA,EAAS,CAAC,EAAE,YAAa,QAAO;AAGrC,UAAMqB,IAAuBrB,EAC1B,OAAO,CAACsB,MAAWA,EAAO,aAAa,EACvC,IAAI,CAACA,MAAWA,EAAO,aAAuB,EAC9C,OAAO,CAACC,GAAOC,GAAOC,MAASA,EAAK,QAAQF,CAAK,MAAMC,KAASD,CAAK,GAGlEG,IAAsBxB,GAAgB,SAASA,IAAiBmB;AAGtE,WACE,CAACK,GAAqB,UACtBzB,MAAe,aACfA,MAAe,oBAEf,QAAQ,KAAK,0BAA0B,GAChC,QAGF;AAAA,MACL,aAAaD,EAAS,CAAC,EAAE;AAAA,MACzB,YAAAC;AAAA,MACA,WAAWD,EAAS,IAAI,CAACsB,MAAWA,EAAO,EAAE;AAAA,MAC7C,gBAAgBI;AAAA,IAAA;AAAA,EAEpB,GAAG,CAAC1B,GAAUC,CAAU,CAAC;AAEzB,EAAA0B,EAAU,MAAM;AACd,IAAAT,EAAmB,IAAI;AAAA,EACzB,GAAG,CAACC,CAAO,CAAC;AAEZ,QAAM,EAAE,MAAAS,GAAM,YAAYC,EAAA,IAAsBC;AAAA,IAC9C,EAAE,MAAM,UAAU,SAASvB,GAAY,eAAeY,EAAA;AAAA,IACtD,EAAE,MAAM,CAACA,EAAA;AAAA,EAAQ,GAGbY,IAAUH,GAAM,WAAW,CAAA,GAE3BI,IAAgB,CAAC,eAAe,SAAS,UAAU,GAGnDC,IAAiBb,EAAQ,MAEbW,EAAQ,OAAO,CAACG,GAA+BC,MAAW;AACxE,UAAMC,IAAWD,EAAO,YAAY;AACpC,WAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM,GAClBD;AAAA,EACT,GAAG,CAAA,CAAE,GAIJ,CAACH,CAAO,CAAC,GAINM,IAAsBjB;AAAA,IAC1B,MAAM;AAAA,MACJ,GAAG,IAAI;AAAA,QACL,OAAO,KAAKa,CAAc,EACvB,OAAO,CAACG,MAAa,CAACJ,EAAc,SAASI,CAAQ,CAAC,EACtD,KAAK,CAACE,GAAGC,MAAMD,EAAE,cAAcC,CAAC,CAAC;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACN,CAAc;AAAA,EAAA,GAGXO,IAAa,CAAC,GAAGR,GAAe,GAAGK,CAAmB,GAItDI,IAAkBrB,EAAQ,MAAM;AACpC,UAAMsB,IAAU,CAAA;AAEhB,WAAAF,EAAW,QAAQ,CAACJ,MAAa;AAC/B,UAAI,CAACH,EAAeG,CAAQ,KAAK,CAACH,EAAeG,CAAQ,EAAE,OAAQ;AAEnE,MAAAM,EAAQ,KAAK;AAAA,QACX,OAAON;AAAA,QACP,QAAQ;AAAA,QACR,OAAOA;AAAA,QACP,UAAU;AAAA,MAAA,CACX;AAED,YAAMO,IAAeV,EAAeG,CAAQ,EAAE,IAAI,CAACD,OAAY;AAAA,QAC7D,OAAOA,EAAO;AAAA,QACd,OAAOA,EAAO,aAAaA,EAAO,aAAa,MAAMA,EAAO,QAAQA,EAAO;AAAA,QAC3E,MAAMA,EAAO;AAAA,QACb,WAAW,CAAC,CAACA,EAAO;AAAA,QACpB,aAAaA,EAAO;AAAA,MAAA,EACpB;AAEF,MAAAO,EAAQ,KAAK,GAAGC,CAAY;AAAA,IAC9B,CAAC,GAGID,EAAQ,UACXA,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA,CACT,GAGIA;AAAA,EACT,GAAG,CAACT,GAAgBI,GAAqBL,CAAa,CAAC,GAEjDY,IAAkBxB,EAAQ,MAAM;AAEpC,QAAIyB,IAAsBd,EACvB,OAAO,CAACI,MAAWA,EAAO,QAAQ,EAClC,KAAK,CAACG,GAAGC,OAAOD,EAAE,SAAS,MAAMC,EAAE,SAAS,EAAE,EAC9C,MAAM,GAAGjC,CAAa;AAGzB,WAAIuC,EAAoB,SAASvC,KAC/BkC,EAAW,QAAQ,CAACJ,MAAa;AAC/B,UAAIS,EAAoB,UAAUvC,EAAe;AACjD,YAAMyB,IAAUE,EAAeG,CAAQ;AACvC,UAAI,GAACL,KAAW,CAACA,EAAQ;AAEzB,iBAAS,IAAIc,EAAoB,QAAQ,IAAIvC,GAAe,KAAK;AAC/D,gBAAM6B,IAASJ,EAAQ,CAAC;AACxB,cAAI,CAACI,EAAQ;AACb,UAAKA,EAAO,QACZU,EAAoB,KAAKV,CAAM;AAAA,QACjC;AAAA,IACF,CAAC,GAGIU;AAAA,EACT,GAAG,CAACd,GAASE,GAAgBnC,CAAW,CAAC,GAEnC,CAACgD,GAAe,EAAE,WAAWC,GAAoB,cAAAC,EAAA,CAAc,IACnEC,GAAA,GACIC,IAAkBH,KAAsBC,GAAc,YAEtDG,IAAsB,OAC1BC,GACAC,GACAC,MACG;AACH,IAAAD,GAAG,eAAA;AACH,UAAMlB,IAASJ,EAAQ,KAAK,CAACwB,MAAWA,EAAO,eAAeH,CAAU;AAExE,QAAI,CAACjB,GAAQ;AACX,MAAAqB,EAAM,MAAM,kBAAkB,GAC9B,QAAQ,KAAK,oBAAoBJ,CAAU;AAC3C;AAAA,IACF;AAEA,UAAMK,IAAS;AAAA,MACb,WAAWtB,EAAO;AAAA,MAClB,cAAcA,EAAO;AAAA,MACrB,SAASA,EAAO;AAAA,MAChB,YAAYA,EAAO;AAAA,IAAA,GAGfuB,IAAgB,EAAE,GAAGvC,EAAA;AAC3B,IAAImC,MACFI,EAAc,WAAWJ;AAG3B,QAAIK,IAAW;AAEf,QAAI;AACF,MAAAA,IAAW,MAAMb,EAAc,EAAE,eAAAY,GAAe,GAAGD,EAAA,CAAQ,EAAE,OAAA;AAAA,IAC/D,SAASG,GAAY;AACnB,cAAQ,MAAM,0BAA0BA,CAAK,GAC7CJ,EAAM,MAAMI,GAAO,MAAM,UAAU,wBAAwB;AAC3D;AAAA,IACF;AAEA,QAAI;AAgBF,UAdID,GAAU,YACRA,GAAU,UACZH,EAAM,QAAQG,EAAS,SAAS,EAAE,WAAW,KAAM,IAEnDH,EAAM,MAAMG,EAAS,SAAS,EAAE,WAAW,KAAM,IAUjDA,GAAU;AACZ,YAAIA,EAAS,SAAS,QAAQ;AAM5B,gBAAME,IAAO;AAAA,YACX,YAAAT;AAAA;AAAA,YAEA,OAAOO,EAAS,QAAQ;AAAA;AAAA,YAExB,QAAQA,EAAS,QAAQ;AAAA;AAAA,YAEzB,aAAaA,EAAS,QAAQ;AAAA;AAAA,YAE9B,aAAaA,EAAS,QAAQ;AAAA;AAAA,YAE9B,YAAYA,EAAS,QAAQ;AAAA;AAAA,YAE7B,YAAYA,EAAS,QAAQ;AAAA,UAAa;AAE5C,UAAAzC,EAAmB2C,CAAI;AAAA,QACzB;AACE,UAAAjD,EAAoB+C,EAAS,MAAgBA,EAAS,OAAO;AAAA,IAGnE,SAASC,GAAO;AAEd,cAAQ,KAAK,2CAA2CA,CAAK,GAC7DJ,EAAM,MAAM,wCAAwC;AAAA,IACtD;AAAA,EACF,GAEMM,IAAwB,CAACV,MAAuB;AACpD,UAAMjB,IAASJ,EAAQ,KAAK,CAACH,MAASA,EAAK,eAAewB,CAAU;AACpE,IAAKjB,KACLpB,EAAyBoB,CAAM;AAAA,EACjC,GAEM4B,IAA8B,OAAOX,GAAoBE,MAA8B;AAC3F,IAAAH,EAAoBC,GAAY,MAAME,CAAQ;AAAA,EAChD,GAEMU,IAAiB5C;AAAA,IACrB,MAAM,MAAMd,CAAa,EAAE,KAAKR,CAAW;AAAA,IAC3C,CAACQ,GAAeR,CAAW;AAAA,EAAA,GAGvBmE,IAAYpC,KAAqB1B,GACjC+D,IAA2BD,IAAYD,IAAiBpB;AAE9D,SACEuB,gBAAAA,OAACC,GAAA,EAAe,WAAWC,EAAK,WAAW,EAAE,SAASJ,GAAW,GAC9D,UAAA;AAAA,IAAAC,EAAyB,IAAI,CAAC/B,GAAQmC,MACrCC,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,WAAWH,EAAK,UAAU;AAAA,UACxB,eAAelC,EAAO;AAAA,QAAA,CACvB;AAAA,QACD,gBAAcA,EAAO,aAAaA,EAAO,aAAa,MAAMA,EAAO,QAAQA,EAAO;AAAA,QAClF,UAAUA,EAAO;AAAA,QACjB,SAAS,CAACkB,MAAMF,EAAoBhB,EAAO,YAAYkB,CAAC;AAAA,QAGxD,UAAAkB,gBAAAA,EAAAA,IAACE,MAAW,MAAMtC,EAAO,MAAM,aAAae,MAAoBf,EAAO,WAAA,CAAY;AAAA,MAAA;AAAA,MAT9EA,EAAO,aAAa,MAAMmC;AAAA,IAAA,CAWlC;AAAA,IACDC,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAASjC;AAAA,QACT,WAAWwB,KAAa3D,IAAgB;AAAA,QACxC,UAAU6C;AAAA,QACV,UAAUW;AAAA,QACV,YAAAvD;AAAA,QACA,OAAAG;AAAA,QACC,GAAGC,GAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV4D,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQ7D;AAAA,QAER,SAAAK;AAAA,QACA,SAAS,MAAMJ,EAAyB,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9CwD,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QACC,iBAAA3D;AAAA,QACA,SAAS,MAAMC,EAAmB,IAAI;AAAA,QAEtC,UAAU6C;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
+{"version":3,"file":"Actions.es.js","sources":["../../../../../src/containers/Actions/Actions.tsx"],"sourcesContent":["import * as Styled from './Actions.styled'\nimport { MouseEvent, useState } from 'react'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport { useMemo, useEffect } from 'react'\nimport {\n  ActionContext,\n  useExecuteActionMutation,\n  useGetActionsFromContextQuery,\n  useListBundlesQuery,\n} from '@shared/api'\nimport { ActionsDropdown, ActionsDropdownProps } from './ActionsDropdown'\nimport ActionIcon from './ActionIcon'\nimport { ActionTriggersProps, useActionTriggers } from '@shared/hooks'\nimport { ActionConfigDialog } from './ActionConfigDialog'\nimport { InteractiveActionDialog, InteractiveForm } from './InteractiveActionDialog'\nimport { BundleMode } from '@shared/util'\nimport { useGlobalContext } from '@shared/context'\n\nconst placeholder = {\n  identifier: 'placeholder',\n  label: 'Featured action slot',\n  isPlaceholder: true,\n  icon: { type: 'material-symbols', name: 'sync' },\n  groupLabel: '',\n}\n\ninterface ActionsProps extends ActionTriggersProps {\n  entities: { id: string; projectName: string; entitySubType?: string }[]\n  entityType: ActionContext['entityType']\n  entitySubTypes?: string[]\n  isLoadingEntity: boolean\n  projectActionsProjectName?: string\n  featuredCount?: number\n  bundleMode: BundleMode\n  align?: ActionsDropdownProps['align']\n  pt?: {\n    dropdown?: Partial<ActionsDropdownProps>\n  }\n}\n\nexport const Actions = ({\n  entities,\n  entityType,\n  entitySubTypes,\n  isLoadingEntity,\n  projectActionsProjectName,\n  searchParams,\n  featuredCount = 2,\n  bundleMode,\n  onNavigate,\n  onSetSearchParams,\n  align,\n  pt,\n}: ActionsProps) => {\n  const { user } = useGlobalContext()\n  // special triggers the actions can make to perform stuff on the client\n  const { handleActionPayload } = useActionTriggers({ onNavigate, onSetSearchParams, searchParams })\n  const [actionBeingConfigured, setActionBeingConfigured] = useState<any>(null)\n  const [interactiveForm, setInteractiveForm] = useState<any>(null)\n\n  const context: ActionContext | null = useMemo(() => {\n    if (projectActionsProjectName) {\n      return {\n        entityType: 'project',\n        projectName: projectActionsProjectName,\n      }\n    }\n    if (!entities.length) return null\n    if (!entities[0].projectName) return null\n\n    // get a list of unique entity subtypes from loaded data\n    const entitySubtypesLoaded = entities\n      .filter((entity) => entity.entitySubType)\n      .map((entity) => entity.entitySubType as string)\n      .filter((value, index, self) => self.indexOf(value) === index && value)\n\n    // try and use the passed in entitySubTypes, if not use the loaded ones\n    const entitySubTypesToUse = entitySubTypes?.length ? entitySubTypes : entitySubtypesLoaded\n\n    // all types except version/representation should have subtypes\n    if (\n      !entitySubTypesToUse?.length &&\n      entityType !== 'version' &&\n      entityType !== 'representation'\n    ) {\n      console.warn('No entity subtypes found')\n      return null\n    }\n\n    return {\n      projectName: entities[0].projectName,\n      entityType: entityType,\n      entityIds: entities.map((entity) => entity.id),\n      entitySubtypes: entitySubTypesToUse,\n    }\n  }, [entities, entityType])\n\n  useEffect(() => {\n    setInteractiveForm(null)\n  }, [context])\n\n  // we must get the developers current dev bundle name\n  const { data: bundlesData, isFetching: isFetchingBundles } = useListBundlesQuery(\n    { archived: false },\n    { skip: bundleMode !== 'developer' },\n  )\n  const bundles = bundlesData?.bundles || []\n  // find isDev bundles and then match current username to activeUser, if not found then use the first isDev bundle\n  const myDevBundleName = useMemo(() => {\n    if (!bundles?.length) return null\n    if (bundleMode !== 'developer') return null\n    const devBundles = bundles.filter((bundle) => bundle.isDev)\n    if (!devBundles.length) return null\n    const myDevBundle = devBundles.find((bundle) => bundle.activeUser === user?.name)\n    return myDevBundle?.name || devBundles[0].name\n  }, [bundles, bundleMode, user?.name])\n  const actionsVariant = useMemo(() => {\n    if (bundleMode === 'developer') {\n      return myDevBundleName || 'developer'\n    }\n    return bundleMode\n  }, [bundleMode, myDevBundleName])\n\n  const { data, isFetching: isFetchingActions } = useGetActionsFromContextQuery(\n    {\n      mode: 'simple',\n      variant: actionsVariant,\n      actionContext: context as ActionContext,\n    },\n    { skip: !context },\n  )\n\n  const actions = data?.actions || []\n\n  const categoryOrder = ['application', 'admin', 'workflow']\n  // group actions by category\n  // sort by hardcoded category, this will changing the future\n  const groupedActions = useMemo(() => {\n    // Step 1: Group actions by category\n    const grouped = actions.reduce((acc: { [key: string]: any[] }, action) => {\n      const category = action.category || 'uncategorized'\n      if (!acc[category]) {\n        acc[category] = []\n      }\n      acc[category].push(action)\n      return acc\n    }, {})\n\n    // Step 5: Return the ordered groups\n    return grouped\n  }, [actions])\n\n  // get categories that don't have a specific order (not in categoryOrder)\n  // then sort them alphabetically\n  const unorderedCategories = useMemo(\n    () => [\n      ...new Set(\n        Object.keys(groupedActions)\n          .filter((category) => !categoryOrder.includes(category))\n          .sort((a, b) => a.localeCompare(b)),\n      ),\n    ],\n    [groupedActions],\n  )\n\n  const categories = [...categoryOrder, ...unorderedCategories]\n\n  // create the options for the dropdown, each category is separated by a divider and a title\n  // for the divider we will use a custom dropdown item template\n  const dropdownOptions = useMemo(() => {\n    const options = []\n\n    categories.forEach((category) => {\n      if (!groupedActions[category] || !groupedActions[category].length) return\n\n      options.push({\n        label: category,\n        header: true,\n        value: category,\n        disabled: true,\n      })\n\n      const groupOptions = groupedActions[category].map((action) => ({\n        value: action.identifier,\n        label: action.groupLabel ? action.groupLabel + ' ' + action.label : action.label,\n        icon: action.icon,\n        hasConfig: !!action.configFields,\n        description: action.description,\n      }))\n\n      options.push(...groupOptions)\n    })\n\n    // if no actions, add placeholder\n    if (!options.length) {\n      options.push({\n        label: 'No actions available',\n        value: 'no-actions',\n        disabled: true,\n        header: true,\n      })\n    }\n\n    return options\n  }, [groupedActions, unorderedCategories, categoryOrder])\n\n  const featuredActions = useMemo(() => {\n    // Filter and sort to get initial featured actions\n    let tempFeaturedActions = actions\n      .filter((action) => action.featured)\n      .sort((a, b) => (a.order || 0) - (b.order || 0))\n      .slice(0, featuredCount)\n\n    // Check if we need to add more actions to reach featuredCount\n    if (tempFeaturedActions.length < featuredCount) {\n      categories.forEach((category) => {\n        if (tempFeaturedActions.length >= featuredCount) return\n        const actions = groupedActions[category]\n        if (!actions || !actions.length) return\n\n        for (let i = tempFeaturedActions.length; i < featuredCount; i++) {\n          const action = actions[i]\n          if (!action) break\n          if (!action.icon) continue\n          tempFeaturedActions.push(action)\n        }\n      })\n    }\n\n    return tempFeaturedActions\n  }, [actions, groupedActions, placeholder])\n\n  const [executeAction, { isLoading: isLoadingExecution, originalArgs }] =\n    useExecuteActionMutation()\n  const executingAction = isLoadingExecution && originalArgs?.identifier\n\n  const handleExecuteAction = async (\n    identifier: string,\n    e?: MouseEvent<HTMLElement> | null,\n    formData?: InteractiveForm,\n  ) => {\n    e?.preventDefault()\n    const action = actions.find((option) => option.identifier === identifier)\n\n    if (!action) {\n      toast.error('Action not found')\n      console.warn('Action not found', identifier)\n      return\n    }\n\n    const params = {\n      addonName: action.addonName as string,\n      addonVersion: action.addonVersion as string,\n      variant: action.variant,\n      identifier: action.identifier,\n    }\n\n    const actionContext = { ...context }\n    if (formData) {\n      actionContext.formData = formData\n    }\n\n    let response = null\n\n    try {\n      response = await executeAction({ actionContext, ...params }).unwrap()\n    } catch (error: any) {\n      console.error('Error executing action', error)\n      toast.error(error?.data?.detail || 'Error executing action')\n      return\n    }\n\n    try {\n      // Toast the message if it is available\n      if (response?.message) {\n        if (response?.success) {\n          toast.success(response.message, { autoClose: 2000 })\n        } else {\n          toast.error(response.message, { autoClose: 2000 })\n        }\n      }\n\n      // Even if response?.success is false, we still want to handle the payload\n      // as it may contain useful information - complex error messages in form,\n      // redirect to another page etc. If the action just needs to abort,\n      // it raises exception instead of returning a response with success: false\n\n      // Use the new hook to handle payload\n      if (response?.payload) {\n        if (response.type === 'form') {\n          // action requests additional information from the user.\n          // we show a dialog with the form and when the user submits it we call the action again\n\n          // It probably does not make sense to move to the useActionTriggers hook\n          // as it need contexts and the dialog\n          const intf = {\n            identifier,\n            // @ts-expect-error\n            title: response.payload['title'],\n            // @ts-expect-error\n            fields: response.payload['fields'],\n            // @ts-expect-error\n            submitLabel: response.payload['submit_label'],\n            // @ts-expect-error\n            cancelLabel: response.payload['cancel_label'],\n            // @ts-expect-error\n            submitIcon: response.payload['submit_icon'],\n            // @ts-expect-error\n            cancelIcon: response.payload['cancel_icon'],\n          }\n          setInteractiveForm(intf)\n        } else {\n          handleActionPayload(response.type as string, response.payload)\n        }\n      }\n    } catch (error) {\n      // got response, but failed to process it\n      console.warn('Error during action response processing', error)\n      toast.error('Error occured during action processing')\n    }\n  }\n\n  const handleConfigureAction = (identifier: string) => {\n    const action = actions.find((data) => data.identifier === identifier)\n    if (!action) return\n    setActionBeingConfigured(action)\n  }\n\n  const handleSubmitInteractiveForm = async (identifier: string, formData: InteractiveForm) => {\n    handleExecuteAction(identifier, null, formData)\n  }\n\n  const loadingActions = useMemo(\n    () => Array(featuredCount).fill(placeholder),\n    [featuredCount, placeholder],\n  )\n\n  const isLoading = isFetchingActions || isLoadingEntity\n  const featuredActionsToDisplay = isLoading ? loadingActions : featuredActions\n\n  return (\n    <Styled.Actions className={clsx('actions', { loading: isLoading })}>\n      {featuredActionsToDisplay.map((action, i) => (\n        <Styled.FeaturedAction\n          key={action.identifier + '-' + i}\n          className={clsx('action', {\n            isPlaceholder: action.isPlaceholder,\n          })}\n          data-tooltip={action.groupLabel ? action.groupLabel + ' ' + action.label : action.label}\n          disabled={action.isPlaceholder}\n          onClick={(e) => handleExecuteAction(action.identifier, e)}\n        >\n          {/* @ts-ignore */}\n          <ActionIcon icon={action.icon} isExecuting={executingAction === action.identifier} />\n        </Styled.FeaturedAction>\n      ))}\n      <ActionsDropdown\n        options={dropdownOptions}\n        isLoading={(isLoading && featuredCount > 0) || isFetchingBundles}\n        onAction={handleExecuteAction}\n        onConfig={handleConfigureAction}\n        bundleMode={bundleMode}\n        actionsVariant={actionsVariant}\n        align={align}\n        {...pt?.dropdown}\n      />\n      <ActionConfigDialog\n        action={actionBeingConfigured}\n        // @ts-expect-error\n        context={context}\n        onClose={() => setActionBeingConfigured(null)}\n      />\n      <InteractiveActionDialog\n        interactiveForm={interactiveForm}\n        onClose={() => setInteractiveForm(null)}\n        // @ts-expect-error\n        onSubmit={handleSubmitInteractiveForm}\n      />\n    </Styled.Actions>\n  )\n}\n"],"names":["placeholder","Actions","entities","entityType","entitySubTypes","isLoadingEntity","projectActionsProjectName","searchParams","featuredCount","bundleMode","onNavigate","onSetSearchParams","align","pt","user","useGlobalContext","handleActionPayload","useActionTriggers","actionBeingConfigured","setActionBeingConfigured","useState","interactiveForm","setInteractiveForm","context","useMemo","entitySubtypesLoaded","entity","value","index","self","entitySubTypesToUse","useEffect","bundlesData","isFetchingBundles","useListBundlesQuery","bundles","myDevBundleName","devBundles","bundle","actionsVariant","data","isFetchingActions","useGetActionsFromContextQuery","actions","categoryOrder","groupedActions","acc","action","category","unorderedCategories","a","b","categories","dropdownOptions","options","groupOptions","featuredActions","tempFeaturedActions","executeAction","isLoadingExecution","originalArgs","useExecuteActionMutation","executingAction","handleExecuteAction","identifier","e","formData","option","toast","params","actionContext","response","error","intf","handleConfigureAction","handleSubmitInteractiveForm","loadingActions","isLoading","featuredActionsToDisplay","jsxs","Styled.Actions","clsx","i","jsx","Styled.FeaturedAction","ActionIcon","ActionsDropdown","ActionConfigDialog","InteractiveActionDialog"],"mappings":"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"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("@ynput/ayon-react-components"),l=require("./ActionsDropdown.styled.cjs.js"),m=require("clsx"),j=require("react"),u=require("lodash"),h=require("../ActionIcon.cjs.js"),y=require("styled-components"),f=y.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("@ynput/ayon-react-components"),u=require("./ActionsDropdown.styled.cjs.js"),j=require("clsx"),h=require("react"),x=require("lodash"),y=require("../ActionIcon.cjs.js"),f=require("styled-components"),w=f.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -16,5 +16,5 @@
       visibility: visible;
     }
   }
-`,x=({value:i,label:n,icon:e,header:r,hasConfig:p,description:a,onConfig:s})=>{if(r)return t.jsxRuntimeExports.jsx(l.DropdownHeader,{children:u.upperFirst(n)});const c=o=>{s?.(i),o.stopPropagation(),o.preventDefault()};return t.jsxRuntimeExports.jsx(l.DropdownItem,{children:t.jsxRuntimeExports.jsxs(f,{"data-tooltip":a||"","data-tooltip-delay":0,children:[t.jsxRuntimeExports.jsx(h,{icon:e}),t.jsxRuntimeExports.jsx("span",{children:n}),t.jsxRuntimeExports.jsx(d.Spacer,{}),p&&t.jsxRuntimeExports.jsx(d.Button,{onClick:c,icon:"settings_applications",tabIndex:-1,style:{background:"none",padding:0}})]})})},w=({options:i,isLoading:n,bundleMode:e,onAction:r,onConfig:p,...a})=>{const s=j.useRef(null),c=o=>{s.current?.close(),p(o)};return t.jsxRuntimeExports.jsx(l.StyledDropdown,{ref:s,disabled:n,className:m("more",e),options:i,maxOptionsShown:100,value:[],placeholder:"",itemTemplate:o=>t.jsxRuntimeExports.jsx(x,{...o,onConfig:c}),valueTemplate:()=>t.jsxRuntimeExports.jsx(d.DefaultValueTemplate,{placeholder:"",value:[],dropIcon:"category"}),onChange:o=>r(o[0]),buttonProps:{"data-tooltip":e==="production"?"Actions":`${u.upperFirst(e)} Actions`,"data-tooltip-delay":0},...a})};exports.ActionsDropdown=w;exports.ActionsDropdownItem=x;
+`,m=({value:r,label:e,icon:n,header:p,hasConfig:a,description:d,onConfig:c})=>{if(p)return t.jsxRuntimeExports.jsx(u.DropdownHeader,{children:x.upperFirst(e)});const s=i=>{c?.(r),i.stopPropagation(),i.preventDefault()};return t.jsxRuntimeExports.jsx(u.DropdownItem,{children:t.jsxRuntimeExports.jsxs(w,{"data-tooltip":d||"","data-tooltip-delay":0,children:[t.jsxRuntimeExports.jsx(y,{icon:n}),t.jsxRuntimeExports.jsx("span",{children:e}),t.jsxRuntimeExports.jsx(l.Spacer,{}),a&&t.jsxRuntimeExports.jsx(l.Button,{onClick:s,icon:"settings_applications",tabIndex:-1,style:{background:"none",padding:0}})]})})},R=({options:r,isLoading:e,bundleMode:n,actionsVariant:p,onAction:a,onConfig:d,...c})=>{const s=h.useRef(null),i=o=>{s.current?.close(),d(o)};return t.jsxRuntimeExports.jsx(u.StyledDropdown,{ref:s,disabled:e,className:j("more",n),options:r,maxOptionsShown:100,value:[],placeholder:"",itemTemplate:o=>t.jsxRuntimeExports.jsx(m,{...o,onConfig:i}),valueTemplate:()=>t.jsxRuntimeExports.jsx(l.DefaultValueTemplate,{placeholder:"",value:[],dropIcon:"category"}),onChange:o=>a(o[0]),buttonProps:{"data-tooltip":n==="production"?"Actions":`${x.upperFirst(p)} Actions`,"data-tooltip-delay":0},...c})};exports.ActionsDropdown=R;exports.ActionsDropdownItem=m;
 //# sourceMappingURL=ActionsDropdown.cjs.js.map

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import {\n  DefaultValueTemplate,\n  Button,\n  Spacer,\n  DropdownRef,\n  DropdownProps,\n} from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\nimport { BundleMode } from '@shared/util'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  bundleMode: BundleMode\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  bundleMode,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', bundleMode)}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']:\n          bundleMode === 'production' ? 'Actions' : `${upperFirst(bundleMode)} Actions`,\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","bundleMode","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":"+VAgBMA,EAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BtBC,EAAsB,CAAC,CAClC,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAgC,CAC9B,GAAIH,EAAQ,OAAOI,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAgB,SAAAC,EAAAA,WAAWR,CAAK,EAAE,EAEtD,MAAMS,EAAgBC,GAAW,CAC/BL,IAAWN,CAAK,EAChBW,EAAE,gBAAA,EACFA,EAAE,eAAA,CACJ,EAEA,OACEJ,EAAAA,kBAAAA,IAACK,EAAAA,cACC,SAAAC,EAAAA,kBAAAA,KAAChB,EAAA,CAAoB,eAAcQ,GAAe,GAAI,qBAAoB,EACxE,SAAA,CAAAE,wBAACO,GAAW,KAAAZ,EAAY,EACxBK,EAAAA,kBAAAA,IAAC,QAAM,SAAAN,CAAA,CAAM,0BACZc,EAAAA,OAAA,EAAO,EACPX,GACCG,EAAAA,kBAAAA,IAACS,EAAAA,OAAA,CACC,QAASN,EACT,KAAK,wBACL,SAAU,GACV,MAAO,CAAE,WAAY,OAAQ,QAAS,CAAA,CAAE,CAAA,CAC1C,CAAA,CAEJ,CAAA,CACF,CAEJ,EAUaO,EAAkB,CAAC,CAC9B,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAf,EACA,GAAGgB,CACL,IAA4B,CAC1B,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EAEtCC,EAAqBd,GAAW,CACpCY,EAAY,SAAS,MAAA,EACrBjB,EAASK,CAAC,CACZ,EACA,OACEJ,EAAAA,kBAAAA,IAACmB,EAAAA,eAAA,CACC,IAAKH,EACL,SAAUJ,EACV,UAAWQ,EAAK,OAAQP,CAAU,EAClC,QAAAF,EACA,gBAAiB,IACjB,MAAO,CAAA,EACP,YAAY,GACZ,aAAeU,GAAWrB,wBAACR,GAAqB,GAAG6B,EAAQ,SAAUH,EAAmB,EACxF,cAAe,IAAMlB,EAAAA,kBAAAA,IAACsB,EAAAA,qBAAA,CAAqB,YAAY,GAAG,MAAO,CAAA,EAAI,SAAU,WAAY,EAC3F,SAAWC,GAAMT,EAASS,EAAE,CAAC,CAAC,EAC9B,YAAa,CAEV,eACCV,IAAe,aAAe,UAAY,GAAGX,EAAAA,WAAWW,CAAU,CAAC,WACpE,qBAAuB,CAAA,EAEzB,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"ActionsDropdown.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import {\n  DefaultValueTemplate,\n  Button,\n  Spacer,\n  DropdownRef,\n  DropdownProps,\n} from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\nimport { BundleMode } from '@shared/util'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  bundleMode: BundleMode\n  actionsVariant: string\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  bundleMode,\n  actionsVariant,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', bundleMode)}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']:\n          bundleMode === 'production' ? 'Actions' : `${upperFirst(actionsVariant)} Actions`,\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","bundleMode","actionsVariant","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":"+VAgBMA,EAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BtBC,EAAsB,CAAC,CAClC,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAgC,CAC9B,GAAIH,EAAQ,OAAOI,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAgB,SAAAC,EAAAA,WAAWR,CAAK,EAAE,EAEtD,MAAMS,EAAgBC,GAAW,CAC/BL,IAAWN,CAAK,EAChBW,EAAE,gBAAA,EACFA,EAAE,eAAA,CACJ,EAEA,OACEJ,EAAAA,kBAAAA,IAACK,EAAAA,cACC,SAAAC,EAAAA,kBAAAA,KAAChB,EAAA,CAAoB,eAAcQ,GAAe,GAAI,qBAAoB,EACxE,SAAA,CAAAE,wBAACO,GAAW,KAAAZ,EAAY,EACxBK,EAAAA,kBAAAA,IAAC,QAAM,SAAAN,CAAA,CAAM,0BACZc,EAAAA,OAAA,EAAO,EACPX,GACCG,EAAAA,kBAAAA,IAACS,EAAAA,OAAA,CACC,QAASN,EACT,KAAK,wBACL,SAAU,GACV,MAAO,CAAE,WAAY,OAAQ,QAAS,CAAA,CAAE,CAAA,CAC1C,CAAA,CAEJ,CAAA,CACF,CAEJ,EAWaO,EAAkB,CAAC,CAC9B,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAhB,EACA,GAAGiB,CACL,IAA4B,CAC1B,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EAEtCC,EAAqBf,GAAW,CACpCa,EAAY,SAAS,MAAA,EACrBlB,EAASK,CAAC,CACZ,EACA,OACEJ,EAAAA,kBAAAA,IAACoB,EAAAA,eAAA,CACC,IAAKH,EACL,SAAUL,EACV,UAAWS,EAAK,OAAQR,CAAU,EAClC,QAAAF,EACA,gBAAiB,IACjB,MAAO,CAAA,EACP,YAAY,GACZ,aAAeW,GAAWtB,wBAACR,GAAqB,GAAG8B,EAAQ,SAAUH,EAAmB,EACxF,cAAe,IAAMnB,EAAAA,kBAAAA,IAACuB,EAAAA,qBAAA,CAAqB,YAAY,GAAG,MAAO,CAAA,EAAI,SAAU,WAAY,EAC3F,SAAWC,GAAMT,EAASS,EAAE,CAAC,CAAC,EAC9B,YAAa,CAEV,eACCX,IAAe,aAAe,UAAY,GAAGX,EAAAA,WAAWY,CAAc,CAAC,WACxE,qBAAuB,CAAA,EAEzB,GAAGE,CAAA,CAAA,CAGV"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.es.js

@@ -1,12 +1,12 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { DefaultValueTemplate as c, Spacer as m, Button as f } from "@ynput/ayon-react-components";
-import { StyledDropdown as u, DropdownHeader as x, DropdownItem as h } from "./ActionsDropdown.styled.es.js";
-import j from "clsx";
-import { useRef as w } from "react";
-import { upperFirst as d } from "lodash";
-import y from "../ActionIcon.es.js";
-import g from "styled-components";
-const v = g.div`
+import { DefaultValueTemplate as m, Spacer as f, Button as u } from "@ynput/ayon-react-components";
+import { StyledDropdown as x, DropdownHeader as h, DropdownItem as j } from "./ActionsDropdown.styled.es.js";
+import w from "clsx";
+import { useRef as y } from "react";
+import { upperFirst as c } from "lodash";
+import g from "../ActionIcon.es.js";
+import v from "styled-components";
+const b = v.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -24,68 +24,69 @@ const v = g.div`
       visibility: visible;
     }
   }
-`, b = ({
-  value: r,
-  label: n,
-  icon: i,
-  header: s,
-  hasConfig: a,
-  description: p,
-  onConfig: e
+`, C = ({
+  value: s,
+  label: i,
+  icon: n,
+  header: a,
+  hasConfig: p,
+  description: l,
+  onConfig: d
 }) => {
-  if (s) return /* @__PURE__ */ o.jsx(x, { children: d(n) });
-  const l = (t) => {
-    e?.(r), t.stopPropagation(), t.preventDefault();
+  if (a) return /* @__PURE__ */ o.jsx(h, { children: c(i) });
+  const e = (r) => {
+    d?.(s), r.stopPropagation(), r.preventDefault();
   };
-  return /* @__PURE__ */ o.jsx(h, { children: /* @__PURE__ */ o.jsxs(v, { "data-tooltip": p || "", "data-tooltip-delay": 0, children: [
-    /* @__PURE__ */ o.jsx(y, { icon: i }),
-    /* @__PURE__ */ o.jsx("span", { children: n }),
-    /* @__PURE__ */ o.jsx(m, {}),
-    a && /* @__PURE__ */ o.jsx(
-      f,
+  return /* @__PURE__ */ o.jsx(j, { children: /* @__PURE__ */ o.jsxs(b, { "data-tooltip": l || "", "data-tooltip-delay": 0, children: [
+    /* @__PURE__ */ o.jsx(g, { icon: n }),
+    /* @__PURE__ */ o.jsx("span", { children: i }),
+    /* @__PURE__ */ o.jsx(f, {}),
+    p && /* @__PURE__ */ o.jsx(
+      u,
       {
-        onClick: l,
+        onClick: e,
         icon: "settings_applications",
         tabIndex: -1,
         style: { background: "none", padding: 0 }
       }
     )
   ] }) });
-}, P = ({
-  options: r,
-  isLoading: n,
-  bundleMode: i,
-  onAction: s,
-  onConfig: a,
-  ...p
+}, B = ({
+  options: s,
+  isLoading: i,
+  bundleMode: n,
+  actionsVariant: a,
+  onAction: p,
+  onConfig: l,
+  ...d
 }) => {
-  const e = w(null), l = (t) => {
-    e.current?.close(), a(t);
+  const e = y(null), r = (t) => {
+    e.current?.close(), l(t);
   };
   return /* @__PURE__ */ o.jsx(
-    u,
+    x,
     {
       ref: e,
-      disabled: n,
-      className: j("more", i),
-      options: r,
+      disabled: i,
+      className: w("more", n),
+      options: s,
       maxOptionsShown: 100,
       value: [],
       placeholder: "",
-      itemTemplate: (t) => /* @__PURE__ */ o.jsx(b, { ...t, onConfig: l }),
-      valueTemplate: () => /* @__PURE__ */ o.jsx(c, { placeholder: "", value: [], dropIcon: "category" }),
-      onChange: (t) => s(t[0]),
+      itemTemplate: (t) => /* @__PURE__ */ o.jsx(C, { ...t, onConfig: r }),
+      valueTemplate: () => /* @__PURE__ */ o.jsx(m, { placeholder: "", value: [], dropIcon: "category" }),
+      onChange: (t) => p(t[0]),
       buttonProps: {
         // @ts-expect-error
-        "data-tooltip": i === "production" ? "Actions" : `${d(i)} Actions`,
+        "data-tooltip": n === "production" ? "Actions" : `${c(a)} Actions`,
         "data-tooltip-delay": 0
       },
-      ...p
+      ...d
     }
   );
 };
 export {
-  P as ActionsDropdown,
-  b as ActionsDropdownItem
+  B as ActionsDropdown,
+  C as ActionsDropdownItem
 };
 //# sourceMappingURL=ActionsDropdown.es.js.map