@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.es.js

@@ -54,6 +54,7 @@ import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import { useDeleteEntityLinkMutation as I, useCreateEntityLinkMutation as k } from "../../../api/queries/links/updateLinks.es.js";
@@ -111,6 +112,7 @@ import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
 import "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -155,17 +157,15 @@ import "../../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../EntityPath/EntityPath.styled.es.js";
 import "../../EntityPath/SegmentProvider.es.js";
 import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
+import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../DetailsPanelDetails/DetailsSection.es.js";
+import "../../DetailsPanelDetails/FieldLabel.es.js";
 import "../../Watchers/Watchers.es.js";
 import "../../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../Powerpack/PowerpackButton.es.js";
 import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
-import "../../Powerpack/RequiredPowerpackVersion.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../AttributeEditor/components/MinMaxField.es.js";
@@ -180,9 +180,8 @@ import "../../Chips/Chips.es.js";
 import "../LinksManager.styled.es.js";
 import { addMultipleLinks as v, removeMultipleLinks as y } from "../utils/linkUpdates.es.js";
 import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../DetailsMetaData/DetailsMetaData.es.js";
-import "../../AccessUser/AccessUser.es.js";
-import "../LinksManagerDialog.es.js";
+import "../../StyledLink/StyledLink.es.js";
+import "../CellEditingDialog.es.js";
 import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
@@ -194,8 +193,12 @@ import "../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.
 import "../../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../containers/DetailsPanel/DetailsPanel.styled.es.js";
@@ -212,7 +215,7 @@ import "../../../containers/Views/context/ViewsContext.es.js";
 import "../../../containers/Views/Views.styled.es.js";
 import "../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-const yi = ({
+const Ci = ({
   projectName: m,
   direction: p,
   entityId: o,
@@ -278,6 +281,6 @@ const yi = ({
   return { remove: h, add: l };
 };
 export {
-  yi as default
+  Ci as default
 };
 //# sourceMappingURL=useUpdateLinks.es.js.map

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLinks.es.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,KAAiB,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACL,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAe,GAE7B,CAACC,CAAU,IAAIC,EAA4B,GAC3C,CAACC,CAAO,IAAIC,EAA4B,GAGxCC,IAAWC;AAAA,IACf,OAAOC,GAAOC,IAAe,OAAS;AAChC,UAAA;AAGF,YADgBD,EAAM,KAAK,CAACE,MAAMA,EAAE,mBAAmBd,CAAQ,GAClD;AACX,UAAAe,EAAM,MAAM,oCAAoC;AAChD;AAAA,QAAA;AAGF,cAAMC,IAA0BJ,EAAM,IAAI,CAACK,OAAU;AAAA,UACnD,gBAAgBA,EAAK;AAAA,UACrB,QAAQA,EAAK;AAAA,UACb,gBAAgBjB;AAAA,UAChB,kBAAkBC;AAAA,UAClB,kBAAAC;AAAA,UACA,UAAAC;AAAA,UACA,WAAAJ;AAAA,UACA,aAAAD;AAAA,QAAA,EACA;AAEI,cAAAoB,EAAiBF,GAAYR,CAAO,GAGtCK,KAAgBT,KAClBA,EAAQ,YAAY;AAAA,UAClB,MACEe;AAAA,YACEP,EAAM,IAAI,CAACK,OAAU;AAAA,cACnB,IAAIA,EAAK;AAAA,cACT,QAAQ,EAAE,UAAUA,EAAK,gBAAgB,YAAYf,EAAiB;AAAA,YAAA,EACtE;AAAA,YACF;AAAA,UAAA;AAAA,QACF,CACH;AAAA,cAEgB;AAAA,MAAA;AAAA,IAGvB;AAAA,IACA,CAACM,GAASV,GAAaE,GAAUC,GAAYC,GAAkBC,GAAUJ,GAAWK,CAAO;AAAA,EAC7F,GAGMe,IAAcR;AAAA,IAClB,OACEC,GACAC,IAAwB,OACrB;AACC,UAAA;AAGF,YADgBD,EAAM,KAAK,CAACE,MAAMA,EAAE,OAAO,aAAad,CAAQ,GACnD;AACX,UAAAe,EAAM,MAAM,oCAAoC;AAChD;AAAA,QAAA;AAGF,cAAMK,IAAgCR,EAAM,IAAI,CAACK,OAAU;AAAA,UACzD,IAAIA,EAAK;AAAA,UACT,QAAQA,EAAK;AAAA,UACb,QAAQ,EAAE,YAAAhB,GAAY,UAAAD,EAAS;AAAA,UAC/B,UAAAG;AAAA,UACA,WAAAJ;AAAA,UACA,aAAAD;AAAA,QAAA,EACA;AAEI,cAAAuB,EAAoBD,GAAed,CAAU,GAI/CO,KAAgBT,KACVA,EAAA;AAAA,UACNQ,EAAM;AAAA,YACJ,CAACK,MAAS,MACRP,EAAS,CAAC,EAAE,gBAAgBO,EAAK,OAAO,UAAU,QAAQA,EAAK,GAAG,CAAC,GAAG,EAAK;AAAA,UAAA;AAAA,QAEjF;AAAA,cAEiB;AAAA,MAAA;AAAA,IAGvB;AAAA,IACA,CAACX,GAAYR,GAAaE,GAAUC,GAAYC,GAAkBC,GAAUJ,GAAWK,CAAO;AAAA,EAChG;AAEA,SAAO,EAAE,QAAQe,GAAa,KAAKT,EAAS;AAC9C;"}
+{"version":3,"file":"useUpdateLinks.es.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,KAAiB,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACL,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAe,GAE7B,CAACC,CAAU,IAAIC,EAA4B,GAC3C,CAACC,CAAO,IAAIC,EAA4B,GAGxCC,IAAWC;AAAA,IACf,OAAOC,GAAOC,IAAe,OAAS;AAChC,UAAA;AAGF,YADgBD,EAAM,KAAK,CAACE,MAAMA,EAAE,mBAAmBd,CAAQ,GAClD;AACX,UAAAe,EAAM,MAAM,oCAAoC;AAChD;AAAA,QAAA;AAGF,cAAMC,IAA0BJ,EAAM,IAAI,CAACK,OAAU;AAAA,UACnD,gBAAgBA,EAAK;AAAA,UACrB,QAAQA,EAAK;AAAA,UACb,gBAAgBjB;AAAA,UAChB,kBAAkBC;AAAA,UAClB,kBAAAC;AAAA,UACA,UAAAC;AAAA,UACA,WAAAJ;AAAA,UACA,aAAAD;AAAA,QAAA,EACA;AAEI,cAAAoB,EAAiBF,GAAYR,CAAO,GAGtCK,KAAgBT,KAClBA,EAAQ,YAAY;AAAA,UAClB,MACEe;AAAA,YACEP,EAAM,IAAI,CAACK,OAAU;AAAA,cACnB,IAAIA,EAAK;AAAA,cACT,QAAQ,EAAE,UAAUA,EAAK,gBAAgB,YAAYf,EAAiB;AAAA,YAAA,EACtE;AAAA,YACF;AAAA,UAAA;AAAA,QACF,CACH;AAAA,cAEgB;AAAA,MAAA;AAAA,IAGvB;AAAA,IACA,CAACM,GAASV,GAAaE,GAAUC,GAAYC,GAAkBC,GAAUJ,GAAWK,CAAO;AAAA,EAC7F,GAGMe,IAAcR;AAAA,IAClB,OACEC,GACAC,IAAwB,OACrB;AACC,UAAA;AAGF,YADgBD,EAAM,KAAK,CAACE,MAAMA,EAAE,OAAO,aAAad,CAAQ,GACnD;AACX,UAAAe,EAAM,MAAM,oCAAoC;AAChD;AAAA,QAAA;AAGF,cAAMK,IAAgCR,EAAM,IAAI,CAACK,OAAU;AAAA,UACzD,IAAIA,EAAK;AAAA,UACT,QAAQA,EAAK;AAAA,UACb,QAAQ,EAAE,YAAAhB,GAAY,UAAAD,EAAS;AAAA,UAC/B,UAAAG;AAAA,UACA,WAAAJ;AAAA,UACA,aAAAD;AAAA,QAAA,EACA;AAEI,cAAAuB,EAAoBD,GAAed,CAAU,GAI/CO,KAAgBT,KACVA,EAAA;AAAA,UACNQ,EAAM;AAAA,YACJ,CAACK,MAAS,MACRP,EAAS,CAAC,EAAE,gBAAgBO,EAAK,OAAO,UAAU,QAAQA,EAAK,GAAG,CAAC,GAAG,EAAK;AAAA,UAAA;AAAA,QAEjF;AAAA,cAEiB;AAAA,MAAA;AAAA,IAGvB;AAAA,IACA,CAACX,GAAYR,GAAaE,GAAUC,GAAYC,GAAkBC,GAAUJ,GAAWK,CAAO;AAAA,EAChG;AAEA,SAAO,EAAE,QAAQe,GAAa,KAAKT,EAAS;AAC9C;"}

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react");require("@ynput/ayon-react-components");require("lodash");const h=require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");const L=require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");const P=require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const A=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");const g=u=>u.startsWith("data."),m=u=>u.replace("data.",""),C=u=>u.filter(e=>g(e.name)).map(e=>m(e.name)),v=({projectName:u,list:e,isLoading:f,categoryEnum:l=[]})=>{const[y,d]=o.useState({label:"",tags:[],active:!1}),{data:q}=P.useGetProjectQuery({projectName:u}),s=o.useMemo(()=>{var i;return[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:(i=q==null?void 0:q.tags)==null?void 0:i.map(t=>({value:t.name,label:t.name,color:t.color})),enableCustomValues:!0,enableSearch:!0}},{name:"active",data:{type:"boolean",title:"Active"}},{name:"data.category",data:{type:"string",title:"Category",enum:l},enableCustomValues:!0,enableSearch:!0,allowNone:!0}]},[q==null?void 0:q.tags,l]);o.useEffect(()=>{if(e){const i=e.data||{},n=C(s).reduce((r,a)=>{const c=`data.${a}`,D=i[a];return r[c]=D||"",r},{});d({label:(e==null?void 0:e.label)||"",tags:(e==null?void 0:e.tags)||[],active:(e==null?void 0:e.active)??!1,...n})}},[e,s]);const[b]=L.useUpdateEntityListMutation(),p=o.useCallback(async(i,t)=>{if(!(e!=null&&e.id))return console.warn("No list ID provided");let n;if(g(i)){const r=m(i),a=e.data||{};t===""&&r==="category"?n={data:{...a,[r]:null}}:n={data:{...a,[r]:t}},d(c=>({...c,[i]:t}))}else{const r={[i]:t};n=r,d(a=>({...a,...r}))}try{await b({listId:e.id,projectName:u,entityListPatchModel:n})}catch(r){console.error(r),h.toast.error("Failed to update list attribute: ",r.data.detail)}},[e==null?void 0:e.id,e==null?void 0:e.data,u,b]);return F.jsxRuntimeExports.jsx(A.DetailsPanelAttributesEditor,{enableEditing:!0,fields:s,form:y,isLoading:f,onChange:p,title:"Attributes"})};exports.ListAttributeForm=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),A=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");const p=require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");const L=require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const P=require("react-toastify"),h=({projectName:c,list:e,isLoading:b,attributes:a=[]})=>{const[l,s]=o.useState({label:"",tags:[],active:!1}),{data:q}=L.useGetProjectQuery({projectName:c}),g=o.useMemo(()=>{var r;return[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:(r=q==null?void 0:q.tags)==null?void 0:r.map(u=>({value:u.name,label:u.name,color:u.color})),enableCustomValues:!0,enableSearch:!0}},{name:"active",data:{type:"boolean",title:"Active"}},...a]},[q==null?void 0:q.tags,a]);o.useEffect(()=>{if(e){const r=e.attrib||{},u=a.reduce((t,{name:i})=>{const n=r[i];return t[i]=n||"",t},{});s({label:(e==null?void 0:e.label)||"",tags:(e==null?void 0:e.tags)||[],active:(e==null?void 0:e.active)??!1,...u})}},[e,JSON.stringify(a)]);const[d]=p.useUpdateEntityListMutation(),f=r=>a.some(u=>u.name===r),m=o.useCallback(async(r,u)=>{if(!(e!=null&&e.id))return console.warn("No list ID provided");let t;if(f(r)){const i=e.attrib||{};u===""&&r==="category"?t={attrib:{...i,[r]:null}}:t={attrib:{...i,[r]:u}},s(n=>({...n,[r]:u}))}else{const i={[r]:u};t=i,s(n=>({...n,...i}))}try{await d({listId:e.id,projectName:c,entityListPatchModel:t})}catch(i){console.error(i),P.toast.error("Failed to update list attribute: ",i.attrib.detail)}},[e==null?void 0:e.id,e==null?void 0:e.attrib,c,d]);return y.jsxRuntimeExports.jsx(A.DetailsPanelAttributesEditor,{enableEditing:!0,fields:g,form:l,isLoading:b,onChange:m,title:"Attributes"})};exports.ListAttributeForm=h;
 //# sourceMappingURL=ListAttributeForm.cjs.js.map

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n  return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n  return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n  return fields\n    .filter((field) => isDataField(field.name))\n    .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  categoryEnum = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      {\n        name: 'data.category',\n        data: {\n          type: 'string',\n          title: 'Category',\n          enum: categoryEnum,\n        },\n        enableCustomValues: true,\n        enableSearch: true,\n        allowNone: true,\n      },\n    ],\n    [project?.tags, categoryEnum],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedData = list.data || {}\n\n      // Get only the data fields that are defined in the fields array\n      const definedDataFields = getDefinedDataFields(fields)\n      const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n        const fieldKey = `data.${dataFieldName}`\n        const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n        // Default to empty string for all data fields\n        acc[fieldKey] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...dataFieldValues,\n      })\n    }\n  }, [list, fields])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isDataField(key)) {\n        // For data fields, we need to update the nested data structure\n        const dataFieldName = getDataFieldName(key)\n        const currentData = list.data || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && dataFieldName === 'category') {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.data.detail)\n      }\n    },\n    [list?.id, list?.data, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}
+{"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport {\n  attributesApi,\n  EntityListModel,\n  useGetProjectQuery,\n  useUpdateEntityListMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  attributes = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [project?.tags, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for the attrib fields only\n      const attribFieldValues = attributes.reduce((acc, { name }) => {\n        const fieldValue = (parsedAttrib as Record<string, any>)[name]\n        // Default to empty string for all attrib fields\n        acc[name] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...attribFieldValues,\n      })\n    }\n  }, [list, JSON.stringify(attributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return attributes.some((attr) => attr.name === fieldName)\n  }\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isAttribField(key)) {\n        const currentAttrib = list.attrib || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && key === 'category') {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.attrib.detail)\n      }\n    },\n    [list?.id, list?.attrib, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","project","useGetProjectQuery","fields","useMemo","_a","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","attr","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"k1IA4BaA,EAAgD,CAAC,CAC5D,YAAAC,EACA,KAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,CAAA,CACf,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,WAAuB,CAC7C,MAAO,GACP,KAAM,CAAC,EACP,OAAQ,EAAA,CACT,EAEK,CAAE,KAAMC,CAAA,EAAYC,EAAAA,mBAAmB,CAAE,YAAAR,EAAa,EAEtDS,EAA2BC,EAAA,QAC/B,IAAM,OAAA,OACJ,CAAE,KAAM,QAAS,KAAM,CAAE,KAAM,SAAU,MAAO,QAAU,EAC1D,CACE,KAAM,OACN,KAAM,CACJ,KAAM,kBACN,MAAO,OACP,MAAMC,EAAAJ,GAAA,YAAAA,EAAS,OAAT,YAAAI,EAAe,IAAKC,IAAO,CAAE,MAAOA,EAAE,KAAM,MAAOA,EAAE,KAAM,MAAOA,EAAE,SAC1E,mBAAoB,GACpB,aAAc,EAAA,CAElB,EACA,CAAE,KAAM,SAAU,KAAM,CAAE,KAAM,UAAW,MAAO,SAAW,EAC7D,GAAGT,CACL,GACA,CAACI,GAAA,YAAAA,EAAS,KAAMJ,CAAU,CAC5B,EAEAU,EAAAA,UAAU,IAAM,CACd,GAAIZ,EAAM,CACF,MAAAa,EAAeb,EAAK,QAAU,CAAC,EAG/Bc,EAAoBZ,EAAW,OAAO,CAACa,EAAK,CAAE,KAAAC,KAAW,CACvD,MAAAC,EAAcJ,EAAqCG,CAAI,EAEzD,OAAAD,EAAAC,CAAI,EAAIC,GAAc,GACnBF,CACT,EAAG,EAAyB,EAEpBX,EAAA,CACN,OAAOJ,GAAA,YAAAA,EAAM,QAAS,GACtB,MAAMA,GAAA,YAAAA,EAAM,OAAQ,CAAC,EACrB,QAAQA,GAAA,YAAAA,EAAM,SAAU,GACxB,GAAGc,CAAA,CACJ,CAAA,GAEF,CAACd,EAAM,KAAK,UAAUE,CAAU,CAAC,CAAC,EAE/B,KAAA,CAACgB,CAAU,EAAIC,8BAA4B,EAE3CC,EAAiBC,GACdnB,EAAW,KAAMoB,GAASA,EAAK,OAASD,CAAS,EAGpDE,EAAeC,EAAA,YACnB,MAAOC,EAAaC,IAAe,CACjC,GAAI,EAAC1B,GAAA,MAAAA,EAAM,IAAW,OAAA,QAAQ,KAAK,qBAAqB,EAEpD,IAAA2B,EAEA,GAAAP,EAAcK,CAAG,EAAG,CAChB,MAAAG,EAAgB5B,EAAK,QAAU,CAAC,EAGlC0B,IAAU,IAAMD,IAAQ,WACVE,EAAA,CACd,OAAQ,CACN,GAAGC,EACH,CAACH,CAAG,EAAG,IAAA,CAEX,EAEgBE,EAAA,CACd,OAAQ,CACN,GAAGC,EACH,CAACH,CAAG,EAAGC,CAAA,CAEX,EAIMtB,EAACyB,IAAU,CAAE,GAAGA,EAAM,CAACJ,CAAG,EAAGC,CAAA,EAAQ,CAAA,KACxC,CAEL,MAAMI,EAAW,CAAE,CAACL,CAAG,EAAGC,CAAM,EAChBC,EAAAG,EAEhB1B,EAASyB,IAAU,CAAE,GAAGA,EAAM,GAAGC,GAAW,CAAA,CAI1C,GAAA,CACF,MAAMZ,EAAW,CACf,OAAQlB,EAAK,GACb,YAAAD,EACA,qBAAsB4B,CAAA,CACvB,QACMI,EAAY,CACnB,QAAQ,MAAMA,CAAK,EACnBC,EAAAA,MAAM,MAAM,oCAAqCD,EAAM,OAAO,MAAM,CAAA,CAExE,EACA,CAAC/B,GAAA,YAAAA,EAAM,GAAIA,GAAA,YAAAA,EAAM,OAAQD,EAAamB,CAAU,CAClD,EAGE,OAAAe,EAAA,kBAAA,IAACC,EAAA,6BAAA,CACC,cAAa,GACb,OAAA1B,EACA,KAAAL,EACA,UAAAF,EACA,SAAUsB,EACV,MAAM,YAAA,CACR,CAEJ"}

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.es.js

@@ -1,10 +1,6 @@
-import { j as F } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as h, useMemo as C, useEffect as L, useCallback as V } from "react";
-import "@ynput/ayon-react-components";
-import "lodash";
-import { toast as v } from "react-toastify";
-import "uuid";
-import "../../util/pubsub.es.js";
+import { j as g } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as A, useMemo as h, useEffect as y, useCallback as E } from "react";
+import { DetailsPanelAttributesEditor as F } from "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -58,9 +54,10 @@ import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
-import { useUpdateEntityListMutation as w } from "../../api/queries/entityLists/updateLists.es.js";
+import { useUpdateEntityListMutation as L } from "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -70,7 +67,7 @@ import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
-import { useGetProjectQuery as x } from "../../api/queries/project/getProject.es.js";
+import { useGetProjectQuery as v } from "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
@@ -83,35 +80,20 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
-import { DetailsPanelAttributesEditor as A } from "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
-import "../../context/MoveEntityContext.es.js";
-import "react-redux";
-import "custom-protocol-check";
-const l = (o) => o.startsWith("data."), f = (o) => o.replace("data.", ""), E = (o) => o.filter((t) => l(t.name)).map((t) => f(t.name)), Lr = ({
-  projectName: o,
+import { toast as x } from "react-toastify";
+const tr = ({
+  projectName: n,
   list: t,
-  isLoading: b,
-  categoryEnum: u = []
+  isLoading: c,
+  attributes: e = []
 }) => {
-  const [g, n] = h({
+  const [s, d] = A({
     label: "",
     tags: [],
     active: !1
-  }), { data: a } = x({ projectName: o }), d = C(
+  }), { data: p } = v({ projectName: n }), b = h(
     () => {
-      var i;
+      var r;
       return [
         { name: "label", data: { type: "string", title: "Label" } },
         {
@@ -119,87 +101,77 @@ const l = (o) => o.startsWith("data."), f = (o) => o.replace("data.", ""), E = (
           data: {
             type: "list_of_strings",
             title: "Tags",
-            enum: (i = a == null ? void 0 : a.tags) == null ? void 0 : i.map((m) => ({ value: m.name, label: m.name, color: m.color })),
+            enum: (r = p == null ? void 0 : p.tags) == null ? void 0 : r.map((o) => ({ value: o.name, label: o.name, color: o.color })),
             enableCustomValues: !0,
             enableSearch: !0
           }
         },
         { name: "active", data: { type: "boolean", title: "Active" } },
-        {
-          name: "data.category",
-          data: {
-            type: "string",
-            title: "Category",
-            enum: u
-          },
-          enableCustomValues: !0,
-          enableSearch: !0,
-          allowNone: !0
-        }
+        ...e
       ];
     },
-    [a == null ? void 0 : a.tags, u]
+    [p == null ? void 0 : p.tags, e]
   );
-  L(() => {
+  y(() => {
     if (t) {
-      const i = t.data || {}, p = E(d).reduce((r, e) => {
-        const s = `data.${e}`, D = i[e];
-        return r[s] = D || "", r;
+      const r = t.attrib || {}, o = e.reduce((m, { name: i }) => {
+        const a = r[i];
+        return m[i] = a || "", m;
       }, {});
-      n({
+      d({
         label: (t == null ? void 0 : t.label) || "",
         tags: (t == null ? void 0 : t.tags) || [],
         active: (t == null ? void 0 : t.active) ?? !1,
-        ...p
+        ...o
       });
     }
-  }, [t, d]);
-  const [c] = w(), y = V(
-    async (i, m) => {
+  }, [t, JSON.stringify(e)]);
+  const [u] = L(), f = (r) => e.some((o) => o.name === r), l = E(
+    async (r, o) => {
       if (!(t != null && t.id)) return console.warn("No list ID provided");
-      let p;
-      if (l(i)) {
-        const r = f(i), e = t.data || {};
-        m === "" && r === "category" ? p = {
-          data: {
-            ...e,
+      let m;
+      if (f(r)) {
+        const i = t.attrib || {};
+        o === "" && r === "category" ? m = {
+          attrib: {
+            ...i,
             [r]: null
           }
-        } : p = {
-          data: {
-            ...e,
-            [r]: m
+        } : m = {
+          attrib: {
+            ...i,
+            [r]: o
           }
-        }, n((s) => ({ ...s, [i]: m }));
+        }, d((a) => ({ ...a, [r]: o }));
       } else {
-        const r = { [i]: m };
-        p = r, n((e) => ({ ...e, ...r }));
+        const i = { [r]: o };
+        m = i, d((a) => ({ ...a, ...i }));
       }
       try {
-        await c({
+        await u({
           listId: t.id,
-          projectName: o,
-          entityListPatchModel: p
+          projectName: n,
+          entityListPatchModel: m
         });
-      } catch (r) {
-        console.error(r), v.error("Failed to update list attribute: ", r.data.detail);
+      } catch (i) {
+        console.error(i), x.error("Failed to update list attribute: ", i.attrib.detail);
       }
     },
-    [t == null ? void 0 : t.id, t == null ? void 0 : t.data, o, c]
+    [t == null ? void 0 : t.id, t == null ? void 0 : t.attrib, n, u]
   );
-  return /* @__PURE__ */ F.jsx(
-    A,
+  return /* @__PURE__ */ g.jsx(
+    F,
     {
       enableEditing: !0,
-      fields: d,
-      form: g,
-      isLoading: b,
-      onChange: y,
+      fields: b,
+      form: s,
+      isLoading: c,
+      onChange: l,
       title: "Attributes"
     }
   );
 };
 export {
-  Lr as ListAttributeForm
+  tr as ListAttributeForm
 };
 //# sourceMappingURL=ListAttributeForm.es.js.map

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n  return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n  return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n  return fields\n    .filter((field) => isDataField(field.name))\n    .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  categoryEnum = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      {\n        name: 'data.category',\n        data: {\n          type: 'string',\n          title: 'Category',\n          enum: categoryEnum,\n        },\n        enableCustomValues: true,\n        enableSearch: true,\n        allowNone: true,\n      },\n    ],\n    [project?.tags, categoryEnum],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedData = list.data || {}\n\n      // Get only the data fields that are defined in the fields array\n      const definedDataFields = getDefinedDataFields(fields)\n      const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n        const fieldKey = `data.${dataFieldName}`\n        const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n        // Default to empty string for all data fields\n        acc[fieldKey] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...dataFieldValues,\n      })\n    }\n  }, [list, fields])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isDataField(key)) {\n        // For data fields, we need to update the nested data structure\n        const dataFieldName = getDataFieldName(key)\n        const currentData = list.data || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && dataFieldName === 'category') {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.data.detail)\n      }\n    },\n    [list?.id, list?.data, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","t","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}
+{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport {\n  attributesApi,\n  EntityListModel,\n  useGetProjectQuery,\n  useUpdateEntityListMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  attributes = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [project?.tags, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for the attrib fields only\n      const attribFieldValues = attributes.reduce((acc, { name }) => {\n        const fieldValue = (parsedAttrib as Record<string, any>)[name]\n        // Default to empty string for all attrib fields\n        acc[name] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...attribFieldValues,\n      })\n    }\n  }, [list, JSON.stringify(attributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return attributes.some((attr) => attr.name === fieldName)\n  }\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isAttribField(key)) {\n        const currentAttrib = list.attrib || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && key === 'category') {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.attrib.detail)\n      }\n    },\n    [list?.id, list?.attrib, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","project","useGetProjectQuery","fields","useMemo","_a","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","attr","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("date-fns"),p=require("../DetailsMetaData/DetailsMetaData.cjs.js"),u=({list:e,isLoading:n})=>{var d;const a={...(e==null?void 0:e.data)||{}};delete a.category;const o={Id:e==null?void 0:e.id,"Entity type":e==null?void 0:e.entityType,"List type":e==null?void 0:e.entityListType,"Items count":(d=e==null?void 0:e.items)==null?void 0:d.length,Owner:e==null?void 0:e.owner,"Created at":(e==null?void 0:e.createdAt)&&r.format(new Date(e==null?void 0:e.createdAt),"PPpp"),"Created by":e==null?void 0:e.createdBy,"Updated at":(e==null?void 0:e.updatedAt)&&r.format(new Date(e==null?void 0:e.updatedAt),"PPpp"),"Last updated by":e==null?void 0:e.updatedBy,...a};return t.jsxRuntimeExports.jsx(p.DetailsMetaData,{data:o,isLoading:n,title:"Details"})};exports.ListMetaData=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("date-fns");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");const u=require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");const y=({list:e,isLoading:o})=>{var r;const a={...(e==null?void 0:e.data)||{}};delete a.category,delete a.count;const n={Id:e==null?void 0:e.id,"Entity type":e==null?void 0:e.entityType,"List type":e==null?void 0:e.entityListType,"Items count":(r=e==null?void 0:e.items)==null?void 0:r.length,Owner:e==null?void 0:e.owner,"Created at":(e==null?void 0:e.createdAt)&&d.format(new Date(e==null?void 0:e.createdAt),"PPpp"),"Created by":e==null?void 0:e.createdBy,"Updated at":(e==null?void 0:e.updatedAt)&&d.format(new Date(e==null?void 0:e.updatedAt),"PPpp"),"Last updated by":e==null?void 0:e.updatedBy,...a},c=Object.keys(n).map(p=>({name:p,data:{type:"string"},hidden:!1}));return t.jsxRuntimeExports.jsx(u.DetailsSection,{form:n,fields:c,isLoading:!!o})};exports.ListMetaData=y;
 //# sourceMappingURL=ListMetaData.cjs.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category from the meta data\n  delete listData.category\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":"wNAYaA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,OAC1E,MAAMC,EAAW,CAAE,IAAIF,GAAA,YAAAA,EAAM,OAAQ,CAAA,CAAI,EAEzC,OAAOE,EAAS,SAEhB,MAAMC,EAAW,CACf,GAAIH,GAAA,YAAAA,EAAM,GACV,cAAeA,GAAA,YAAAA,EAAM,WACrB,YAAaA,GAAA,YAAAA,EAAM,eACnB,eAAeI,EAAAJ,GAAA,YAAAA,EAAM,QAAN,YAAAI,EAAa,OAC5B,MAAOJ,GAAA,YAAAA,EAAM,MACb,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAA,YAAAA,EAAM,UACpB,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAA,YAAAA,EAAM,UACzB,GAAGE,CACL,EAEA,+BAAQI,EAAgB,gBAAA,CAAA,KAAMH,EAAU,UAAAF,EAAsB,MAAO,UAAW,CAClF"}
+{"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category and count from the meta data\n  // @ts-expect-error\n  delete listData.category\n  // @ts-expect-error\n  delete listData.count\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","fields","key","jsx","DetailsSection"],"mappings":"kVAYO,MAAMA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,OAC1E,MAAMC,EAAW,CAAE,IAAIF,GAAA,YAAAA,EAAM,OAAQ,CAAA,CAAI,EAGzC,OAAOE,EAAS,SAEhB,OAAOA,EAAS,MAEhB,MAAMC,EAAW,CACf,GAAIH,GAAA,YAAAA,EAAM,GACV,cAAeA,GAAA,YAAAA,EAAM,WACrB,YAAaA,GAAA,YAAAA,EAAM,eACnB,eAAeI,EAAAJ,GAAA,YAAAA,EAAM,QAAN,YAAAI,EAAa,OAC5B,MAAOJ,GAAA,YAAAA,EAAM,MACb,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAA,YAAAA,EAAM,UACpB,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAA,YAAAA,EAAM,UACzB,GAAGE,CACL,EAEMI,EAAS,OAAO,KAAKH,CAAQ,EAAE,IAAKI,IAAS,CACjD,KAAMA,EACN,KAAM,CAAE,KAAM,QAAqB,EACnC,OAAQ,EAAA,EACR,EAEK,OAAAC,EAAA,kBAAA,IAACC,kBAAe,KAAMN,EAAU,OAAAG,EAAgB,UAAW,CAAC,CAACL,EAAW,CACjF"}

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js

@@ -1,25 +1,31 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { format as r } from "date-fns";
-import { DetailsMetaData as y } from "../DetailsMetaData/DetailsMetaData.es.js";
-const u = ({ list: e, isLoading: p }) => {
-  var d;
+import { j as y } from "../../../../_virtual/jsx-runtime.es.js";
+import { format as o } from "date-fns";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsSection as c } from "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+const g = ({ list: e, isLoading: p }) => {
+  var r;
   const a = { ...(e == null ? void 0 : e.data) || {} };
-  delete a.category;
-  const o = {
+  delete a.category, delete a.count;
+  const d = {
     Id: e == null ? void 0 : e.id,
     "Entity type": e == null ? void 0 : e.entityType,
     "List type": e == null ? void 0 : e.entityListType,
-    "Items count": (d = e == null ? void 0 : e.items) == null ? void 0 : d.length,
+    "Items count": (r = e == null ? void 0 : e.items) == null ? void 0 : r.length,
     Owner: e == null ? void 0 : e.owner,
-    "Created at": (e == null ? void 0 : e.createdAt) && r(new Date(e == null ? void 0 : e.createdAt), "PPpp"),
+    "Created at": (e == null ? void 0 : e.createdAt) && o(new Date(e == null ? void 0 : e.createdAt), "PPpp"),
     "Created by": e == null ? void 0 : e.createdBy,
-    "Updated at": (e == null ? void 0 : e.updatedAt) && r(new Date(e == null ? void 0 : e.updatedAt), "PPpp"),
+    "Updated at": (e == null ? void 0 : e.updatedAt) && o(new Date(e == null ? void 0 : e.updatedAt), "PPpp"),
     "Last updated by": e == null ? void 0 : e.updatedBy,
     ...a
-  };
-  return /* @__PURE__ */ n.jsx(y, { data: o, isLoading: p, title: "Details" });
+  }, n = Object.keys(d).map((m) => ({
+    name: m,
+    data: { type: "string" },
+    hidden: !1
+  }));
+  return /* @__PURE__ */ y.jsx(c, { form: d, fields: n, isLoading: !!p });
 };
 export {
-  u as ListMetaData
+  g as ListMetaData
 };
 //# sourceMappingURL=ListMetaData.es.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category from the meta data\n  delete listData.category\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":";;;AAYO,MAAMA,IAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;;AAC1E,QAAMC,IAAW,EAAE,IAAIF,KAAA,gBAAAA,EAAM,SAAQ,CAAA,EAAI;AAEzC,SAAOE,EAAS;AAEhB,QAAMC,IAAW;AAAA,IACf,IAAIH,KAAA,gBAAAA,EAAM;AAAA,IACV,eAAeA,KAAA,gBAAAA,EAAM;AAAA,IACrB,aAAaA,KAAA,gBAAAA,EAAM;AAAA,IACnB,gBAAeI,IAAAJ,KAAA,gBAAAA,EAAM,UAAN,gBAAAI,EAAa;AAAA,IAC5B,OAAOJ,KAAA,gBAAAA,EAAM;AAAA,IACb,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,KAAA,gBAAAA,EAAM;AAAA,IACpB,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,KAAA,gBAAAA,EAAM;AAAA,IACzB,GAAGE;AAAA,EACL;AAEA,+BAAQI,GAAgB,EAAA,MAAMH,GAAU,WAAAF,GAAsB,OAAO,WAAW;AAClF;"}
+{"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category and count from the meta data\n  // @ts-expect-error\n  delete listData.category\n  // @ts-expect-error\n  delete listData.count\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","fields","key","jsx","DetailsSection"],"mappings":";;;;;AAYO,MAAMA,IAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;;AAC1E,QAAMC,IAAW,EAAE,IAAIF,KAAA,gBAAAA,EAAM,SAAQ,CAAA,EAAI;AAGzC,SAAOE,EAAS,UAEhB,OAAOA,EAAS;AAEhB,QAAMC,IAAW;AAAA,IACf,IAAIH,KAAA,gBAAAA,EAAM;AAAA,IACV,eAAeA,KAAA,gBAAAA,EAAM;AAAA,IACrB,aAAaA,KAAA,gBAAAA,EAAM;AAAA,IACnB,gBAAeI,IAAAJ,KAAA,gBAAAA,EAAM,UAAN,gBAAAI,EAAa;AAAA,IAC5B,OAAOJ,KAAA,gBAAAA,EAAM;AAAA,IACb,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,KAAA,gBAAAA,EAAM;AAAA,IACpB,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,KAAA,gBAAAA,EAAM;AAAA,IACzB,GAAGE;AAAA,EACL,GAEMI,IAAS,OAAO,KAAKH,CAAQ,EAAE,IAAI,CAACI,OAAS;AAAA,IACjD,MAAMA;AAAA,IACN,MAAM,EAAE,MAAM,SAAqB;AAAA,IACnC,QAAQ;AAAA,EAAA,EACR;AAEK,SAAAC,gBAAAA,EAAA,IAACC,KAAe,MAAMN,GAAU,QAAAG,GAAgB,WAAW,CAAC,CAACL,GAAW;AACjF;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const u=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),m=q(u.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const u=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");const s=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),m=q(s.Button)`
   background-color: unset !important;
   color: var(--md-sys-color-tertiary);
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
@@ -20,5 +20,5 @@
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
   }
-`,b=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=s.usePowerpack(),n=c=>{var e;a(o),(e=r.onClick)==null||e.call(r,c)};return l.jsxRuntimeExports.jsx(m,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:n,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=b;
+`,b=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=u.usePowerpack(),n=c=>{var e;a(o),(e=r.onClick)==null||e.call(r,c)};return l.jsxRuntimeExports.jsx(m,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:n,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=b;
 //# sourceMappingURL=PowerpackButton.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"sxBAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"k0BAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}