npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.33 → 0.2.35 - Mend

@ynput/ayon-frontend-shared 0.2.33 → 0.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (779) hide show

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpdateLinks.cjs.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":"~~yvaA6BA~~,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}
1	+ {"version":3,"file":"useUpdateLinks.cjs.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":"0/aA6BA,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}

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

@@ -74,6 +74,7 @@ import "../../../api/queries/system/getSystem.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
@@ -114,6 +115,7 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.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";
@@ -132,6 +134,7 @@ import "date-fns";
 import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import { useCellEditing as E } from "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -169,6 +172,7 @@ import "../../Powerpack/PowerpackButton.es.js";
 import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
+import "../../Powerpack/RequiredAddonVersion.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../AttributeEditor/components/MinMaxField.es.js";
@@ -222,7 +226,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 Di = ({
+const zi = ({
   projectName: m,
   direction: p,
   entityId: o,
@@ -288,6 +292,6 @@ const Di = ({
   return { remove: h, add: l };
 };
 export {
-  Di as default
+  zi as default
 };
 //# sourceMappingURL=useUpdateLinks.es.js.map

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

	@@ -1 +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;"}
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;"}

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

@@ -1,2 +1,2 @@
-"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/activities/getCategories.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),p=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/activities/getCategories.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/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 E=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/users/guests.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[g,s]=o.useState({label:"",tags:[],active:!1}),l=((e==null?void 0:e.accessLevel)||0)>=30,{data:q}=E.useGetProjectQuery({projectName:c}),f=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]=L.useUpdateEntityListMutation(),m=r=>a.some(u=>u.name===r),y=o.useCallback(async(r,u)=>{if(!(e!=null&&e.id))return console.warn("No list ID provided");let t;if(m(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 A.jsxRuntimeExports.jsx(p.DetailsPanelAttributesEditor,{enableEditing:l,fields:f,form:g,isLoading:b,onChange:y,title:"Attributes"})};exports.ListAttributeForm=h;
 //# sourceMappingURL=ListAttributeForm.cjs.js.map

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

	@@ -1 +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 {~~\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":"~~+4IA4BaA~~,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"}
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 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 // You must be an admin to edit the list itself\n const canEdit = (list?.accessLevel \|\| 0) >= 30\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={canEdit}\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","canEdit","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":"g8IAuBaA,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,EAGKC,IAAWN,GAAA,YAAAA,EAAM,cAAe,IAAM,GAEtC,CAAE,KAAMO,CAAA,EAAYC,EAAAA,mBAAmB,CAAE,YAAAT,EAAa,EAEtDU,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,GAAGV,CACL,GACA,CAACK,GAAA,YAAAA,EAAS,KAAML,CAAU,CAC5B,EAEAW,EAAAA,UAAU,IAAM,CACd,GAAIb,EAAM,CACF,MAAAc,EAAed,EAAK,QAAU,CAAC,EAG/Be,EAAoBb,EAAW,OAAO,CAACc,EAAK,CAAE,KAAAC,KAAW,CACvD,MAAAC,EAAcJ,EAAqCG,CAAI,EAEzD,OAAAD,EAAAC,CAAI,EAAIC,GAAc,GACnBF,CACT,EAAG,EAAyB,EAEpBZ,EAAA,CACN,OAAOJ,GAAA,YAAAA,EAAM,QAAS,GACtB,MAAMA,GAAA,YAAAA,EAAM,OAAQ,CAAC,EACrB,QAAQA,GAAA,YAAAA,EAAM,SAAU,GACxB,GAAGe,CAAA,CACJ,CAAA,GAEF,CAACf,EAAM,KAAK,UAAUE,CAAU,CAAC,CAAC,EAE/B,KAAA,CAACiB,CAAU,EAAIC,8BAA4B,EAE3CC,EAAiBC,GACdpB,EAAW,KAAMqB,GAASA,EAAK,OAASD,CAAS,EAGpDE,EAAeC,EAAA,YACnB,MAAOC,EAAaC,IAAe,CACjC,GAAI,EAAC3B,GAAA,MAAAA,EAAM,IAAW,OAAA,QAAQ,KAAK,qBAAqB,EAEpD,IAAA4B,EAEA,GAAAP,EAAcK,CAAG,EAAG,CAChB,MAAAG,EAAgB7B,EAAK,QAAU,CAAC,EAGlC2B,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,EAIMvB,EAAC0B,IAAU,CAAE,GAAGA,EAAM,CAACJ,CAAG,EAAGC,CAAA,EAAQ,CAAA,KACxC,CAEL,MAAMI,EAAW,CAAE,CAACL,CAAG,EAAGC,CAAM,EAChBC,EAAAG,EAEhB3B,EAAS0B,IAAU,CAAE,GAAGA,EAAM,GAAGC,GAAW,CAAA,CAI1C,GAAA,CACF,MAAMZ,EAAW,CACf,OAAQnB,EAAK,GACb,YAAAD,EACA,qBAAsB6B,CAAA,CACvB,QACMI,EAAY,CACnB,QAAQ,MAAMA,CAAK,EACnBC,EAAAA,MAAM,MAAM,oCAAqCD,EAAM,OAAO,MAAM,CAAA,CAExE,EACA,CAAChC,GAAA,YAAAA,EAAM,GAAIA,GAAA,YAAAA,EAAM,OAAQD,EAAaoB,CAAU,CAClD,EAGE,OAAAe,EAAA,kBAAA,IAACC,EAAA,6BAAA,CACC,cAAe7B,EACf,OAAAG,EACA,KAAAN,EACA,UAAAF,EACA,SAAUuB,EACV,MAAM,YAAA,CACR,CAEJ"}

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

@@ -1,6 +1,6 @@
-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 { j as A } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as h, useMemo as y, useEffect as E, useCallback as L } from "react";
+import { DetailsPanelAttributesEditor as v } from "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -55,7 +55,7 @@ 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 L } from "../../api/queries/entityLists/updateLists.es.js";
+import { useUpdateEntityListMutation as F } 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";
@@ -68,7 +68,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 v } from "../../api/queries/project/getProject.es.js";
+import { useGetProjectQuery as x } 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";
@@ -77,22 +77,23 @@ import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
 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 { toast as x } from "react-toastify";
-const rr = ({
+import { toast as C } from "react-toastify";
+const mr = ({
   projectName: n,
   list: t,
-  isLoading: c,
+  isLoading: u,
   attributes: e = []
 }) => {
-  const [s, d] = A({
+  const [b, c] = h({
     label: "",
     tags: [],
     active: !1
-  }), { data: p } = v({ projectName: n }), b = h(
+  }), s = ((t == null ? void 0 : t.accessLevel) || 0) >= 30, { data: p } = x({ projectName: n }), f = y(
     () => {
       var r;
       return [
@@ -113,13 +114,13 @@ const rr = ({
     },
     [p == null ? void 0 : p.tags, e]
   );
-  y(() => {
+  E(() => {
     if (t) {
-      const r = t.attrib || {}, o = e.reduce((m, { name: i }) => {
-        const a = r[i];
-        return m[i] = a || "", m;
+      const r = t.attrib || {}, o = e.reduce((i, { name: m }) => {
+        const a = r[m];
+        return i[m] = a || "", i;
       }, {});
-      d({
+      c({
         label: (t == null ? void 0 : t.label) || "",
         tags: (t == null ? void 0 : t.tags) || [],
         active: (t == null ? void 0 : t.active) ?? !1,
@@ -127,52 +128,52 @@ const rr = ({
       });
     }
   }, [t, JSON.stringify(e)]);
-  const [u] = L(), f = (r) => e.some((o) => o.name === r), l = E(
+  const [d] = F(), g = (r) => e.some((o) => o.name === r), l = L(
     async (r, o) => {
       if (!(t != null && t.id)) return console.warn("No list ID provided");
-      let m;
-      if (f(r)) {
-        const i = t.attrib || {};
-        o === "" && r === "category" ? m = {
+      let i;
+      if (g(r)) {
+        const m = t.attrib || {};
+        o === "" && r === "category" ? i = {
           attrib: {
-            ...i,
+            ...m,
             [r]: null
           }
-        } : m = {
+        } : i = {
           attrib: {
-            ...i,
+            ...m,
             [r]: o
           }
-        }, d((a) => ({ ...a, [r]: o }));
+        }, c((a) => ({ ...a, [r]: o }));
       } else {
-        const i = { [r]: o };
-        m = i, d((a) => ({ ...a, ...i }));
+        const m = { [r]: o };
+        i = m, c((a) => ({ ...a, ...m }));
       }
       try {
-        await u({
+        await d({
           listId: t.id,
           projectName: n,
-          entityListPatchModel: m
+          entityListPatchModel: i
         });
-      } catch (i) {
-        console.error(i), x.error("Failed to update list attribute: ", i.attrib.detail);
+      } catch (m) {
+        console.error(m), C.error("Failed to update list attribute: ", m.attrib.detail);
       }
     },
-    [t == null ? void 0 : t.id, t == null ? void 0 : t.attrib, n, u]
+    [t == null ? void 0 : t.id, t == null ? void 0 : t.attrib, n, d]
   );
-  return /* @__PURE__ */ g.jsx(
-    F,
+  return /* @__PURE__ */ A.jsx(
+    v,
     {
-      enableEditing: !0,
-      fields: b,
-      form: s,
-      isLoading: c,
+      enableEditing: s,
+      fields: f,
+      form: b,
+      isLoading: u,
       onChange: l,
       title: "Attributes"
     }
   );
 };
 export {
-  rr as ListAttributeForm
+  mr as ListAttributeForm
 };
 //# sourceMappingURL=ListAttributeForm.es.js.map

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

	@@ -1 +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 {~~\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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO~~,MAAMA,KAAgD,CAAC;AAAA,EAC5D,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AACf,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,~~GAEK~~,EAAE,~~MAAMC~~,EAAA,IAAYC,EAAmB,EAAE,~~aAAAR~~,GAAa,~~GAEtDS~~,IAA2BC;AAAA,IAC/B,MAAM;;AAAA;AAAA,QACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAU;AAAA,QAC1D;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAMC,IAAAJ,KAAA,gBAAAA,EAAS,SAAT,gBAAAI,EAAe,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,MAAM,OAAOA,EAAE,MAAM,OAAOA,EAAE;YAC1E,oBAAoB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,QAC7D,~~GAAGT~~;AAAA,MACL;AAAA;AAAA,IACA,~~CAACI~~,KAAA,gBAAAA,EAAS,~~MAAMJ~~,CAAU;AAAA,EAC5B;AAEA,~~EAAAU~~,EAAU,MAAM;AACd,~~QAAIZ~~,GAAM;AACF,~~YAAAa~~,~~IAAeb~~,EAAK,UAAU,CAAC,GAG/Bc,~~IAAoBZ~~,EAAW,OAAO,~~CAACa~~,GAAK,EAAE,MAAAC,QAAW;AACvD,cAAAC,IAAcJ,EAAqCG,CAAI;AAEzD,eAAAD,EAAAC,CAAI,IAAIC,KAAc,IACnBF;AAAA,MACT,GAAG,EAAyB;AAEpB,~~MAAAX~~,EAAA;AAAA,QACN,QAAOJ,KAAA,gBAAAA,EAAM,UAAS;AAAA,QACtB,OAAMA,KAAA,gBAAAA,EAAM,SAAQ,CAAC;AAAA,QACrB,SAAQA,KAAA,gBAAAA,EAAM,WAAU;AAAA,QACxB,~~GAAGc~~;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,KAEF,~~CAACd~~,GAAM,KAAK,UAAUE,CAAU,CAAC,CAAC;AAE/B,QAAA,~~CAACgB~~,CAAU,IAAIC,EAA4B,GAE3CC,IAAgB,CAACC,~~MACdnB~~,EAAW,KAAK,~~CAACoB~~,MAASA,EAAK,SAASD,CAAS,GAGpDE,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,~~EAAC1B~~,KAAA,QAAAA,EAAM,IAAW,QAAA,QAAQ,KAAK,qBAAqB;AAEpD,~~UAAA2B~~;AAEA,UAAAP,EAAcK,CAAG,GAAG;AAChB,cAAAG,~~IAAgB5B~~,EAAK,UAAU,CAAC;AAGlC,~~QAAA0B~~,MAAU,MAAMD,MAAQ,aACVE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAG;AAAA,UAAA;AAAA,QAEX,IAEgBE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAGC;AAAA,UAAA;AAAA,QAEX,~~GAIMtB~~,EAAA,~~CAACyB~~,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAAA,OACxC;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAM;AAChB,QAAAC,IAAAG,~~GAEhB1B~~,EAAQ,~~CAACyB~~,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAAA;AAI1C,UAAA;AACF,cAAMZ,EAAW;AAAA,UACf,~~QAAQlB~~,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,~~sBAAsB4B~~;AAAA,QAAA,CACvB;AAAA,eACMI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,OAAO,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,~~CAAC/B~~,KAAA,gBAAAA,EAAM,IAAIA,KAAA,gBAAAA,EAAM,QAAQD,~~GAAamB~~,CAAU;AAAA,EAClD;AAGE,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,~~eAAa~~;AAAA,~~MACb~~,~~QAAA1B~~;AAAA,MACA,~~MAAAL~~;AAAA,MACA,WAAAF;AAAA,MACA,~~UAAUsB~~;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
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 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 // You must be an admin to edit the list itself\n const canEdit = (list?.accessLevel \|\| 0) >= 30\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={canEdit}\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","canEdit","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,KAAgD,CAAC;AAAA,EAC5D,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AACf,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,GAGKC,MAAWN,KAAA,gBAAAA,EAAM,gBAAe,MAAM,IAEtC,EAAE,MAAMO,EAAA,IAAYC,EAAmB,EAAE,aAAAT,GAAa,GAEtDU,IAA2BC;AAAA,IAC/B,MAAM;;AAAA;AAAA,QACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAU;AAAA,QAC1D;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAMC,IAAAJ,KAAA,gBAAAA,EAAS,SAAT,gBAAAI,EAAe,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,MAAM,OAAOA,EAAE,MAAM,OAAOA,EAAE;YAC1E,oBAAoB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,QAC7D,GAAGV;AAAA,MACL;AAAA;AAAA,IACA,CAACK,KAAA,gBAAAA,EAAS,MAAML,CAAU;AAAA,EAC5B;AAEA,EAAAW,EAAU,MAAM;AACd,QAAIb,GAAM;AACF,YAAAc,IAAed,EAAK,UAAU,CAAC,GAG/Be,IAAoBb,EAAW,OAAO,CAACc,GAAK,EAAE,MAAAC,QAAW;AACvD,cAAAC,IAAcJ,EAAqCG,CAAI;AAEzD,eAAAD,EAAAC,CAAI,IAAIC,KAAc,IACnBF;AAAA,MACT,GAAG,EAAyB;AAEpB,MAAAZ,EAAA;AAAA,QACN,QAAOJ,KAAA,gBAAAA,EAAM,UAAS;AAAA,QACtB,OAAMA,KAAA,gBAAAA,EAAM,SAAQ,CAAC;AAAA,QACrB,SAAQA,KAAA,gBAAAA,EAAM,WAAU;AAAA,QACxB,GAAGe;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,KAEF,CAACf,GAAM,KAAK,UAAUE,CAAU,CAAC,CAAC;AAE/B,QAAA,CAACiB,CAAU,IAAIC,EAA4B,GAE3CC,IAAgB,CAACC,MACdpB,EAAW,KAAK,CAACqB,MAASA,EAAK,SAASD,CAAS,GAGpDE,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,EAAC3B,KAAA,QAAAA,EAAM,IAAW,QAAA,QAAQ,KAAK,qBAAqB;AAEpD,UAAA4B;AAEA,UAAAP,EAAcK,CAAG,GAAG;AAChB,cAAAG,IAAgB7B,EAAK,UAAU,CAAC;AAGlC,QAAA2B,MAAU,MAAMD,MAAQ,aACVE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAG;AAAA,UAAA;AAAA,QAEX,IAEgBE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAGC;AAAA,UAAA;AAAA,QAEX,GAIMvB,EAAA,CAAC0B,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAAA,OACxC;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAM;AAChB,QAAAC,IAAAG,GAEhB3B,EAAQ,CAAC0B,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAAA;AAI1C,UAAA;AACF,cAAMZ,EAAW;AAAA,UACf,QAAQnB,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,sBAAsB6B;AAAA,QAAA,CACvB;AAAA,eACMI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,OAAO,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,CAAChC,KAAA,gBAAAA,EAAM,IAAIA,KAAA,gBAAAA,EAAM,QAAQD,GAAaoB,CAAU;AAAA,EAClD;AAGE,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe7B;AAAA,MACf,QAAAG;AAAA,MACA,MAAAN;AAAA,MACA,WAAAF;AAAA,MACA,UAAUuB;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

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

@@ -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 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)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=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 l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const s=require("@ynput/ayon-react-components"),d=require("clsx"),q=require("react"),y=require("styled-components"),m=y(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}=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;
+`,b=q.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=l.usePowerpack(),n=c=>{var e;a(o),(e=r.onClick)==null||e.call(r,c)};return u.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 CHANGED Viewed

	@@ -1 +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":"~~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"}
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":"m3BAMMA,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"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js CHANGED Viewed

@@ -11,6 +11,7 @@ import "../../context/AddonContext.es.js";
 import { usePowerpack as m } from "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
 import { Button as d } from "@ynput/ayon-react-components";
 import s from "clsx";
 import { forwardRef as u } from "react";
@@ -37,7 +38,7 @@ const f = y(d)`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
   }
-`, A = u(
+`, E = u(
   ({ feature: t, filled: i, ...o }, a) => {
     const { setPowerpackDialog: c } = m(), e = (n) => {
       var r;
@@ -63,6 +64,6 @@ const f = y(d)`
   }
 );
 export {
-  A as PowerpackButton
+  E as PowerpackButton
 };
 //# sourceMappingURL=PowerpackButton.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PowerpackButton.es.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":"~~;;;;;;;;;;;;;;;;;~~AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"PowerpackButton.es.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":";;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),g=require("react"),l=require("@ynput/ayon-react-components"),A=require("./PricingLink.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");require("../../context/MenuContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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/activities/getCategories.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");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");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");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const R=require("./CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const O=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");const b=({label:n,description:j,features:w,isCloseable:o=!0,addon:i})=>{const[a,p]=g.useState(!1),{setPowerpackDialog:E,selectedPowerPack:h,powerpackDialog:r}=s.usePowerpack(),{openSupport:k,messengerLoaded:P}=O.useFeedback();if(!r&&(!n||!j))return null;const m=n??(r==null?void 0:r.label)??(i?"this addon":"this feature"),f=i?`I would like to know how I can try out the "${m}" addon?`:`I would like to know how I can try out the "${m}" power feature?`,d=Object.entries(w??s.powerpackFeatures).sort(([q],[u])=>{if(q===h)return-1;if(u===h)return 1;const c=s.powerpackFeatureOrder.indexOf(q),x=s.powerpackFeatureOrder.indexOf(u);return c>-1&&x>-1?c-x:c>-1?-1:x>-1?1:0}),S=()=>{o&&(E(null),p(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!o,hideBackdrop:!o,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),n??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:j??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:d.slice(0,a?void 0:5).map(([q,u])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:u.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:u.bullet})]},q))}),!a&&d.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>p(!0),children:"Show all"})]}),P?e.jsxRuntimeExports.jsx(R.CTAButton,{onClick:()=>k("NewMessage",f)}):e.jsxRuntimeExports.jsx(A.PricingLink,{children:e.jsxRuntimeExports.jsx(R.CTAButton,{})})]})};exports.PowerpackDialog=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),g=require("react"),l=require("@ynput/ayon-react-components"),A=require("./PricingLink.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");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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/activities/getCategories.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");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");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/users/guests.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");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const R=require("./CTAButton.cjs.js");require("./RequiredAddonVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const O=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");const b=({label:n,description:j,features:w,isCloseable:o=!0,addon:i})=>{const[a,p]=g.useState(!1),{setPowerpackDialog:E,selectedPowerPack:h,powerpackDialog:r}=s.usePowerpack(),{openSupport:k,messengerLoaded:P}=O.useFeedback();if(!r&&(!n||!j))return null;const m=n??(r==null?void 0:r.label)??(i?"this addon":"this feature"),f=i?`I would like to know how I can try out the "${m}" addon?`:`I would like to know how I can try out the "${m}" power feature?`,d=Object.entries(w??s.powerpackFeatures).sort(([q],[u])=>{if(q===h)return-1;if(u===h)return 1;const c=s.powerpackFeatureOrder.indexOf(q),x=s.powerpackFeatureOrder.indexOf(u);return c>-1&&x>-1?c-x:c>-1?-1:x>-1?1:0}),S=()=>{o&&(E(null),p(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!o,hideBackdrop:!o,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),n??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:j??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:d.slice(0,a?void 0:5).map(([q,u])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:u.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:u.bullet})]},q))}),!a&&d.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>p(!0),children:"Show all"})]}),P?e.jsxRuntimeExports.jsx(R.CTAButton,{onClick:()=>k("NewMessage",f)}):e.jsxRuntimeExports.jsx(A.PricingLink,{children:e.jsxRuntimeExports.jsx(R.CTAButton,{})})]})};exports.PowerpackDialog=b;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map