@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),E=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/projectFolders.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");const P=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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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 S=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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");const h=require("react-toastify");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const v=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const x=({projectName:l,list:r,isLoading:m,attributes:u=[]})=>{const[g,o]=n.useState({label:"",tags:[],active:!1}),f=(r?.accessLevel||0)>=30,{tags:c}=v.useProjectContext(),{data:d=[]}=P.useGetAttributeListQuery(),q=n.useMemo(()=>d.filter(e=>e.scope?.includes("list")).map(e=>({name:e.name,data:e.data})),[d]),p=n.useMemo(()=>[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:c?.map(e=>({value:e.name,label:e.name,color:e.color})),enableCustomValues:!0,enableSearch:!0}},...q,{name:"active",data:{type:"boolean",title:"Active"}},...u],[c,q,u]);n.useEffect(()=>{if(r){const e=r.attrib||{},a=[...q,...u].reduce((i,{name:s})=>{const L=e[s];return i[s]=L||"",i},{});o({label:r?.label||"",tags:r?.tags||[],active:r?.active??!1,...a})}},[r,JSON.stringify(u),JSON.stringify(q)]);const[b]=S.useUpdateEntityListMutation(),A=e=>u.some(t=>t.name===e)||q.some(t=>t.name===e),y=n.useCallback(async(e,t)=>{if(!r?.id)return console.warn("No list ID provided");let a;if(A(e)){const i=r.attrib||{};t===""&&e==="category"?a={attrib:{...i,[e]:null}}:a={attrib:{...i,[e]:t}},o(s=>({...s,[e]:t}))}else{const i={[e]:t};a=i,o(s=>({...s,...i}))}try{await b({listId:r.id,projectName:l,entityListPatchModel:a})}catch(i){console.error(i),h.toast.error("Failed to update list attribute: ",i.attrib.detail)}},[r?.id,r?.attrib,l,b,q,u]);return F.jsxRuntimeExports.jsx(E.DetailsPanelAttributesEditor,{enableEditing:f,fields:p,form:g,isLoading:m,onChange:y,title:"Attributes"})};exports.ListAttributeForm=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),E=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/projectFolders.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");const P=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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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 S=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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");const h=require("react-toastify");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const v=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const x=({projectName:l,list:r,isLoading:m,attributes:u=[]})=>{const[g,o]=n.useState({label:"",tags:[],active:!1}),f=(r?.accessLevel||0)>=30,{tags:c}=v.useProjectContext(),{data:d=[]}=P.useGetAttributeListQuery(),q=n.useMemo(()=>d.filter(e=>e.scope?.includes("list")).map(e=>({name:e.name,data:e.data})),[d]),p=n.useMemo(()=>[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:c?.map(e=>({value:e.name,label:e.name,color:e.color})),enableCustomValues:!0,enableSearch:!0}},...q,{name:"active",data:{type:"boolean",title:"Active"}},...u],[c,q,u]);n.useEffect(()=>{if(r){const e=r.attrib||{},a=[...q,...u].reduce((i,{name:s})=>{const L=e[s];return i[s]=L||"",i},{});o({label:r?.label||"",tags:r?.tags||[],active:r?.active??!1,...a})}},[r,JSON.stringify(u),JSON.stringify(q)]);const[b]=S.useUpdateEntityListMutation(),A=e=>u.some(t=>t.name===e)||q.some(t=>t.name===e),y=n.useCallback(async(e,t)=>{if(!r?.id)return console.warn("No list ID provided");let a;if(A(e)){const i=r.attrib||{};t===""&&e==="category"?a={attrib:{...i,[e]:null}}:a={attrib:{...i,[e]:t}},o(s=>({...s,[e]:t}))}else{const i={[e]:t};a=i,o(s=>({...s,...i}))}try{await b({listId:r.id,projectName:l,entityListPatchModel:a})}catch(i){console.error(i),h.toast.error("Failed to update list attribute: ",i.attrib.detail)}},[r?.id,r?.attrib,l,b,q,u]);return F.jsxRuntimeExports.jsx(E.DetailsPanelAttributesEditor,{enableEditing:f,fields:p,form:g,isLoading:m,onChange:y,title:"Attributes"})};exports.ListAttributeForm=x;
 //# sourceMappingURL=ListAttributeForm.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\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: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.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), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\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, listScopedAttributes, attributes],\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","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}
+{"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\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: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.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), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\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, listScopedAttributes, attributes],\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","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

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

@@ -79,6 +79,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -108,7 +109,7 @@ import "../../context/GlobalContext.es.js";
 import { useProjectContext as j } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-const Dr = ({
+const Ir = ({
   projectName: n,
   list: r,
   isLoading: b,
@@ -203,6 +204,6 @@ const Dr = ({
   );
 };
 export {
-  Dr as ListAttributeForm
+  Ir as ListAttributeForm
 };
 //# sourceMappingURL=ListAttributeForm.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\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: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.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), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\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, listScopedAttributes, attributes],\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","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,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,CAAA;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,GAGKC,KAAWN,GAAM,eAAe,MAAM,IACtC,EAAE,MAAAO,EAAA,IAASC,EAAA,GAGX,EAAE,MAAMC,IAAgB,CAAA,EAAC,IAAMC,EAAA,GAC/BC,IAAuBC;AAAA,IAC3B,MACEH,EACG,OAAO,CAACI,MAASA,EAAK,OAAO,SAAS,MAAM,CAAC,EAC7C,IAAI,CAACA,OAAU;AAAA,MACd,MAAMA,EAAK;AAAA,MACX,MAAMA,EAAK;AAAA,IAAA,EACX;AAAA,IACN,CAACJ,CAAa;AAAA,EAAA,GAGVK,IAA2BF;AAAA,IAC/B,MAAM;AAAA,MACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAQ;AAAA,MACxD;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAML,GAAM,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,EAAE,MAAM,OAAO,EAAE,QAAQ;AAAA,UACzE,oBAAoB;AAAA,UACpB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,GAAGI;AAAA,MACH,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAS;AAAA,MAC3D,GAAGT;AAAA,IAAA;AAAA,IAEL,CAACK,GAAMI,GAAsBT,CAAU;AAAA,EAAA;AAGzC,EAAAa,EAAU,MAAM;AACd,QAAIf,GAAM;AACR,YAAMgB,IAAehB,EAAK,UAAU,CAAA,GAI9BiB,IADkB,CAAC,GAAGN,GAAsB,GAAGT,CAAU,EACrB,OAAO,CAACgB,GAAK,EAAE,MAAAC,QAAW;AAClE,cAAMC,IAAcJ,EAAqCG,CAAI;AAE7D,eAAAD,EAAIC,CAAI,IAAIC,KAAc,IACnBF;AAAA,MACT,GAAG,CAAA,CAAyB;AAE5B,MAAAd,EAAQ;AAAA,QACN,OAAOJ,GAAM,SAAS;AAAA,QACtB,MAAMA,GAAM,QAAQ,CAAA;AAAA,QACpB,QAAQA,GAAM,UAAU;AAAA,QACxB,GAAGiB;AAAA,MAAA,CACJ;AAAA,IACH;AAAA,EACF,GAAG,CAACjB,GAAM,KAAK,UAAUE,CAAU,GAAG,KAAK,UAAUS,CAAoB,CAAC,CAAC;AAE3E,QAAM,CAACU,CAAU,IAAIC,EAAA,GAEfC,IAAgB,CAACC,MAEnBtB,EAAW,KAAK,CAACW,MAASA,EAAK,SAASW,CAAS,KACjDb,EAAqB,KAAK,CAACE,MAASA,EAAK,SAASW,CAAS,GAIzDC,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,CAAC5B,GAAM,GAAI,QAAO,QAAQ,KAAK,qBAAqB;AAExD,UAAI6B;AAEJ,UAAIN,EAAcI,CAAG,GAAG;AACtB,cAAMG,IAAgB9B,EAAK,UAAU,CAAA;AAGrC,QAAI4B,MAAU,MAAMD,MAAQ,aAC1BE,IAAgB;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAG;AAAA,UAAA;AAAA,QACT,IAGFE,IAAgB;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAGC;AAAA,UAAA;AAAA,QACT,GAKJxB,EAAQ,CAAC2B,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAC/C,OAAO;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAA;AAC1B,QAAAC,IAAgBG,GAEhB5B,EAAQ,CAAC2B,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAC9C;AAGA,UAAI;AACF,cAAMX,EAAW;AAAA,UACf,QAAQrB,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,sBAAsB8B;AAAA,QAAA,CACvB;AAAA,MACH,SAASI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,OAAO,MAAM;AAAA,MACtE;AAAA,IACF;AAAA,IACA,CAACjC,GAAM,IAAIA,GAAM,QAAQD,GAAasB,GAAYV,GAAsBT,CAAU;AAAA,EAAA;AAGpF,SACEiC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe9B;AAAA,MACf,QAAAQ;AAAA,MACA,MAAAX;AAAA,MACA,WAAAF;AAAA,MACA,UAAUwB;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\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: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.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), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\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, listScopedAttributes, attributes],\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","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

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

@@ -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"),C=require("react"),a=require("@ynput/ayon-react-components"),I=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.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 v=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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/projectFolders.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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */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("uuid");require("../../util/pubsub.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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/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("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");const D=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("./PowerpackButton.cjs.js");const E=require("./CTAButton.cjs.js");require("./RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const l=require("../../config/powerpackFeatures.cjs.js"),L=({label:x,description:d,features:p,isCloseable:s=!0,addon:j})=>{const[h,m]=C.useState(!1),{setPowerpackDialog:g,selectedPowerPack:w,powerpackDialog:n,addonDialog:r}=v.usePowerpack(),{openSupport:P,messengerLoaded:F}=D.useFeedback(),o=!!j||!!r,f=x??n?.label??r?.label,b=d??n?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),O=j?.icon??(r?r.icon:"bolt");if(!n&&!r&&(!x||!d))return null;const k=f??(o?"this addon":"this feature"),A=o?`I would like to know how I can try out the "${k}" addon?`:`I would like to know how I can try out the "${k}" power feature?`,R=(()=>{if(p)return Object.entries(p);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([q])=>q===r.selectedFeature);if(i>0){const[q]=u.splice(i,1);u.unshift(q)}}return u}return Object.entries(l.powerpackFeatures).sort(([u],[i])=>{if(u===w)return-1;if(i===w)return 1;const q=l.powerpackFeatureOrder.indexOf(u),c=l.powerpackFeatureOrder.indexOf(i);return q>-1&&c>-1?q-c:q>-1?-1:c>-1?1:0})})(),S=()=>{s&&(g(null),m(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!s,hideBackdrop:!s,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:O}),f]}),e.jsxRuntimeExports.jsx("h2",{children:b})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[o?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(a.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:R.slice(0,h?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!h&&R.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>m(!0),children:"Show all"})]}),F?e.jsxRuntimeExports.jsx(E.CTAButton,{onClick:()=>P("NewMessage",A)}):e.jsxRuntimeExports.jsx(I.PricingLink,{children:e.jsxRuntimeExports.jsx(E.CTAButton,{})})]})};exports.PowerpackDialog=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),C=require("react"),a=require("@ynput/ayon-react-components"),I=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.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 v=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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/projectFolders.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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */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("uuid");require("../../util/pubsub.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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/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("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");const D=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("./PowerpackButton.cjs.js");const E=require("./CTAButton.cjs.js");require("./RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.styled.cjs.js");const l=require("../../config/powerpackFeatures.cjs.js"),L=({label:x,description:d,features:p,isCloseable:s=!0,addon:j})=>{const[h,m]=C.useState(!1),{setPowerpackDialog:g,selectedPowerPack:w,powerpackDialog:n,addonDialog:r}=v.usePowerpack(),{openSupport:P,messengerLoaded:F}=D.useFeedback(),o=!!j||!!r,f=x??n?.label??r?.label,b=d??n?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),O=j?.icon??(r?r.icon:"bolt");if(!n&&!r&&(!x||!d))return null;const k=f??(o?"this addon":"this feature"),A=o?`I would like to know how I can try out the "${k}" addon?`:`I would like to know how I can try out the "${k}" power feature?`,R=(()=>{if(p)return Object.entries(p);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([q])=>q===r.selectedFeature);if(i>0){const[q]=u.splice(i,1);u.unshift(q)}}return u}return Object.entries(l.powerpackFeatures).sort(([u],[i])=>{if(u===w)return-1;if(i===w)return 1;const q=l.powerpackFeatureOrder.indexOf(u),c=l.powerpackFeatureOrder.indexOf(i);return q>-1&&c>-1?q-c:q>-1?-1:c>-1?1:0})})(),S=()=>{s&&(g(null),m(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!s,hideBackdrop:!s,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:O}),f]}),e.jsxRuntimeExports.jsx("h2",{children:b})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[o?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(a.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:R.slice(0,h?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!h&&R.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>m(!0),children:"Show all"})]}),F?e.jsxRuntimeExports.jsx(E.CTAButton,{onClick:()=>P("NewMessage",A)}):e.jsxRuntimeExports.jsx(I.PricingLink,{children:e.jsxRuntimeExports.jsx(E.CTAButton,{})})]})};exports.PowerpackDialog=L;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel = activeLabel ?? (isAddon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = isAddon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","isAddon","activeLabel","activeDescription","activeIcon","featureLabel","SUPPORT_MESSAGE","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel = activeLabel ?? (isAddon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = isAddon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","isAddon","activeLabel","activeDescription","activeIcon","featureLabel","SUPPORT_MESSAGE","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js

@@ -115,6 +115,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -259,8 +260,9 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
+import "../ReviewablesSelector/ReviewablesSelector.styled.es.js";
 import { powerpackFeatures as $, powerpackFeatureOrder as F } from "../../config/powerpackFeatures.es.js";
-const Cp = ({
+const Ep = ({
   label: l,
   description: a,
   features: u,
@@ -334,6 +336,6 @@ const Cp = ({
   );
 };
 export {
-  Cp as PowerpackDialog
+  Ep as PowerpackDialog
 };
 //# sourceMappingURL=PowerpackDialog.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel = activeLabel ?? (isAddon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = isAddon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","isAddon","activeLabel","activeDescription","activeIcon","featureLabel","SUPPORT_MESSAGE","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}
+{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel = activeLabel ?? (isAddon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = isAddon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","isAddon","activeLabel","activeDescription","activeIcon","featureLabel","SUPPORT_MESSAGE","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const q=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");const P=require("@ynput/ayon-react-components");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("react-dom");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("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const f=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const B=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.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("lodash");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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/projectFolders.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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");const w=require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");const R=require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.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/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/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("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");const k=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const z=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");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/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const A=require("styled-components"),E=require("./ColumnsSettings.cjs.js"),L=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),I=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),H=A(P.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const q=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");const P=require("@ynput/ayon-react-components");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("react-dom");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("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const f=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const B=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.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("lodash");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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/projectFolders.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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.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/versions/getVersionsProducts.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/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.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("../../api/queries/uris/getUris.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");const w=require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");const R=require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.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/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/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("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");const k=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const z=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");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/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const A=require("styled-components"),E=require("./ColumnsSettings.cjs.js"),L=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),I=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),H=A(P.Button)`
   min-width: 120px;
 `,$=({defaultSelected:n,className:d,...s})=>{const{togglePanel:l,isPanelOpen:o}=f.useSettingsPanel();return t.jsxRuntimeExports.jsx(H,{onClick:()=>l(n),icon:"settings",selected:o,...s,children:"Customize"})},F=({settings:n=[],extraColumns:d=[],hiddenColumns:s=[],hiddenSettings:l=[],highlighted:o,includeLinks:p=!0,order:b,scope:C})=>{const{...m}=B.useProjectContext(),{attribFields:S,scopes:r}=z.useProjectTableContext(),{columnVisibility:g,rowHeight:h=34,updateRowHeight:v,updateRowHeightWithPersistence:x}=k.useColumnSettingsContext(),a=[{value:"thumbnail",label:"Thumbnail"},{value:"name",label:r.map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("/")+" Name"},{value:"folder",label:"Folder"},{value:"assignees",label:"Assignees",hidden:!r.includes("task")},{value:"product",label:"Product name",hidden:["product","version"].some(e=>!r.includes(e))},{value:"entityType",label:"Entity type"},{value:"status",label:"Status"},{value:"subType",label:"Type"},{value:"tags",label:"Tags"},{value:"createdAt",label:"Created At"},{value:"updatedAt",label:"Updated At"},{value:"subtasks",label:"Subtasks",hidden:!r.includes("task")},...S.filter(e=>e.scope?.some(i=>r.includes(i))).map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name})),...m?.linkTypes&&p?m.linkTypes.filter(e=>[e.inputType,e.outputType].some(i=>r.includes(i))).flatMap(e=>[{value:q.getLinkColumnId(e,"in"),label:q.getLinkLabel(e,"in")},{value:q.getLinkColumnId(e,"out"),label:q.getLinkLabel(e,"out")}]):[],...d].filter(e=>!e.hidden&&!s.includes(e.value)),y=a.filter(e=>!(e.value in g)||g[e.value]).length,j=L.useGroupBySettings({scope:C}),T=I.useSortBySettings(),u=[{id:"columns",title:"Columns",icon:"view_column",preview:`${y}/${a.length}`,component:t.jsxRuntimeExports.jsx(E,{columns:a,highlighted:o})},T,j,{id:"row-height",component:t.jsxRuntimeExports.jsx(w.SizeSlider,{value:h,onChange:v,onChangeComplete:x,title:"Row height",id:"row-height-slider"})}].filter(Boolean);return n.forEach(e=>{if(l.includes(e.id))return;const i=u.findIndex(c=>c&&"id"in c&&c.id===e.id);i!==-1?u[i]=e:u.push(e)}),t.jsxRuntimeExports.jsx(R.SettingsPanel,{settings:u,order:b})};exports.CustomizeButton=$;exports.ProjectTableSettings=F;
 //# sourceMappingURL=ProjectTableSettings.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useProjectContext, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\nimport { SizeSlider } from '@shared/components'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  order?: string[]\n  scope?: string\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  hiddenColumns = [],\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  order,\n  scope,\n}) => {\n  const { ...projectInfo } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const columns: {\n    value: string\n    label: string\n    hidden?: boolean\n  }[] = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label:\n        scopes.map((scope) => scope.charAt(0).toUpperCase() + scope.slice(1)).join('/') + ' Name',\n    },\n    {\n      value: 'folder',\n      label: 'Folder',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: 'Product name',\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: 'Entity type',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    {\n      value: 'createdAt',\n      label: 'Created At',\n    },\n    {\n      value: 'updatedAt',\n      label: 'Updated At',\n    },\n    {\n      value: 'subtasks',\n      label: 'Subtasks',\n      hidden: !scopes.includes('task'),\n    },\n    ...attribFields\n      .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n      .map((field) => ({\n        value: `attrib_${field.name}`,\n        label: field.data.title || field.name,\n      })),\n    ...(projectInfo?.linkTypes && includeLinks\n      ? projectInfo.linkTypes\n          .filter((link) => [link.inputType, link.outputType].some((type) => scopes.includes(type)))\n          .flatMap((link) => [\n            {\n              value: getLinkColumnId(link, 'in'),\n              label: getLinkLabel(link, 'in'),\n            },\n            {\n              value: getLinkColumnId(link, 'out'),\n              label: getLinkLabel(link, 'out'),\n            },\n          ])\n      : []),\n    ...extraColumns,\n  ]\n\n  const visibleColumns = columns.filter(\n    (column) => !column.hidden && !hiddenColumns.includes(column.value),\n  )\n\n  const visibleCount = visibleColumns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings()\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      component: <ColumnsSettings columns={visibleColumns} highlighted={highlighted} />,\n    },\n    sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","order","scope","projectInfo","useProjectContext","attribFields","scopes","useProjectTableContext","columnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","visibleColumns","field","link","type","getLinkColumnId","getLinkLabel","column","visibleCount","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","ColumnsSettings","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}
+{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useProjectContext, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\nimport { SizeSlider } from '@shared/components'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  order?: string[]\n  scope?: string\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  hiddenColumns = [],\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  order,\n  scope,\n}) => {\n  const { ...projectInfo } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const columns: {\n    value: string\n    label: string\n    hidden?: boolean\n  }[] = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label:\n        scopes.map((scope) => scope.charAt(0).toUpperCase() + scope.slice(1)).join('/') + ' Name',\n    },\n    {\n      value: 'folder',\n      label: 'Folder',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: 'Product name',\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: 'Entity type',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    {\n      value: 'createdAt',\n      label: 'Created At',\n    },\n    {\n      value: 'updatedAt',\n      label: 'Updated At',\n    },\n    {\n      value: 'subtasks',\n      label: 'Subtasks',\n      hidden: !scopes.includes('task'),\n    },\n    ...attribFields\n      .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n      .map((field) => ({\n        value: `attrib_${field.name}`,\n        label: field.data.title || field.name,\n      })),\n    ...(projectInfo?.linkTypes && includeLinks\n      ? projectInfo.linkTypes\n          .filter((link) => [link.inputType, link.outputType].some((type) => scopes.includes(type)))\n          .flatMap((link) => [\n            {\n              value: getLinkColumnId(link, 'in'),\n              label: getLinkLabel(link, 'in'),\n            },\n            {\n              value: getLinkColumnId(link, 'out'),\n              label: getLinkLabel(link, 'out'),\n            },\n          ])\n      : []),\n    ...extraColumns,\n  ]\n\n  const visibleColumns = columns.filter(\n    (column) => !column.hidden && !hiddenColumns.includes(column.value),\n  )\n\n  const visibleCount = visibleColumns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings()\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      component: <ColumnsSettings columns={visibleColumns} highlighted={highlighted} />,\n    },\n    sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","order","scope","projectInfo","useProjectContext","attribFields","scopes","useProjectTableContext","columnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","visibleColumns","field","link","type","getLinkColumnId","getLinkLabel","column","visibleCount","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","ColumnsSettings","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}