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

@ynput/ayon-frontend-shared 0.2.33 → 0.2.34

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

Files changed (492) hide show

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport {~~\n attributesApi,\n~~ EntityListModel~~,\n~~ useGetProjectQuery~~,\n~~ useUpdateEntityListMutation~~,\n~~} from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n projectName: string\n list?: EntityListModel\n isLoading?: boolean\n attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string \| number \| boolean \| any[] \| Record<string, any> \| Date \| null \| undefined\n\ninterface ListFormData {\n label: string\n tags: string[]\n active: boolean\n // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n projectName,\n list,\n isLoading,\n attributes = [],\n}) => {\n const [form, setForm] = useState<ListFormData>({\n label: '',\n tags: [],\n active: false,\n })\n\n const { data: project } = useGetProjectQuery({ projectName })\n\n const fields: AttributeField[] = useMemo(\n () => [\n { name: 'label', data: { type: 'string', title: 'Label' } },\n {\n name: 'tags',\n data: {\n type: 'list_of_strings',\n title: 'Tags',\n enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n enableCustomValues: true,\n enableSearch: true,\n },\n },\n { name: 'active', data: { type: 'boolean', title: 'Active' } },\n ...attributes,\n ],\n [project?.tags, attributes],\n )\n\n useEffect(() => {\n if (list) {\n const parsedAttrib = list.attrib \|\| {}\n\n // get the data for the attrib fields only\n const attribFieldValues = attributes.reduce((acc, { name }) => {\n const fieldValue = (parsedAttrib as Record<string, any>)[name]\n // Default to empty string for all attrib fields\n acc[name] = fieldValue \|\| ''\n return acc\n }, {} as Record<string, any>)\n\n setForm({\n label: list?.label \|\| '',\n tags: list?.tags \|\| [],\n active: list?.active ?? false,\n ...attribFieldValues,\n })\n }\n }, [list, JSON.stringify(attributes)])\n\n const [updateList] = useUpdateEntityListMutation()\n\n const isAttribField = (fieldName: string): boolean => {\n return attributes.some((attr) => attr.name === fieldName)\n }\n\n const handleChange = useCallback(\n async (key: string, value: any) => {\n if (!list?.id) return console.warn('No list ID provided')\n\n let updatePayload: any\n\n if (isAttribField(key)) {\n const currentAttrib = list.attrib \|\| {}\n\n // If the value is empty string for category, set it to null to clear it\n if (value === '' && key === 'category') {\n updatePayload = {\n attrib: {\n ...currentAttrib,\n [key]: null,\n },\n }\n } else {\n updatePayload = {\n attrib: {\n ...currentAttrib,\n [key]: value,\n },\n }\n }\n\n // Update local form state\n setForm((prev) => ({ ...prev, [key]: value }))\n } else {\n // For other fields, update normally\n const newValue = { [key]: value }\n updatePayload = newValue\n // Update local form state\n setForm((prev) => ({ ...prev, ...newValue }))\n }\n\n // update the list in the database in the background\n try {\n await updateList({\n listId: list.id,\n projectName,\n entityListPatchModel: updatePayload,\n })\n } catch (error: any) {\n console.error(error)\n toast.error('Failed to update list attribute: ', error.attrib.detail)\n }\n },\n [list?.id, list?.attrib, projectName, updateList],\n )\n\n return (\n <DetailsPanelAttributesEditor\n enableEditing\n fields={fields}\n form={form}\n isLoading={isLoading}\n onChange={handleChange}\n title=\"Attributes\"\n />\n )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","project","useGetProjectQuery","fields","useMemo","_a","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","attr","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO~~,MAAMA,KAAgD,CAAC;AAAA,EAC5D,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AACf,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,~~GAEK~~,EAAE,~~MAAMC~~,EAAA,IAAYC,EAAmB,EAAE,~~aAAAR~~,GAAa,~~GAEtDS~~,IAA2BC;AAAA,IAC/B,MAAM;;AAAA;AAAA,QACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAU;AAAA,QAC1D;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAMC,IAAAJ,KAAA,gBAAAA,EAAS,SAAT,gBAAAI,EAAe,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,MAAM,OAAOA,EAAE,MAAM,OAAOA,EAAE;YAC1E,oBAAoB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,QAC7D,~~GAAGT~~;AAAA,MACL;AAAA;AAAA,IACA,~~CAACI~~,KAAA,gBAAAA,EAAS,~~MAAMJ~~,CAAU;AAAA,EAC5B;AAEA,~~EAAAU~~,EAAU,MAAM;AACd,~~QAAIZ~~,GAAM;AACF,~~YAAAa~~,~~IAAeb~~,EAAK,UAAU,CAAC,GAG/Bc,~~IAAoBZ~~,EAAW,OAAO,~~CAACa~~,GAAK,EAAE,MAAAC,QAAW;AACvD,cAAAC,IAAcJ,EAAqCG,CAAI;AAEzD,eAAAD,EAAAC,CAAI,IAAIC,KAAc,IACnBF;AAAA,MACT,GAAG,EAAyB;AAEpB,~~MAAAX~~,EAAA;AAAA,QACN,QAAOJ,KAAA,gBAAAA,EAAM,UAAS;AAAA,QACtB,OAAMA,KAAA,gBAAAA,EAAM,SAAQ,CAAC;AAAA,QACrB,SAAQA,KAAA,gBAAAA,EAAM,WAAU;AAAA,QACxB,~~GAAGc~~;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,KAEF,~~CAACd~~,GAAM,KAAK,UAAUE,CAAU,CAAC,CAAC;AAE/B,QAAA,~~CAACgB~~,CAAU,IAAIC,EAA4B,GAE3CC,IAAgB,CAACC,~~MACdnB~~,EAAW,KAAK,~~CAACoB~~,MAASA,EAAK,SAASD,CAAS,GAGpDE,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,~~EAAC1B~~,KAAA,QAAAA,EAAM,IAAW,QAAA,QAAQ,KAAK,qBAAqB;AAEpD,~~UAAA2B~~;AAEA,UAAAP,EAAcK,CAAG,GAAG;AAChB,cAAAG,~~IAAgB5B~~,EAAK,UAAU,CAAC;AAGlC,~~QAAA0B~~,MAAU,MAAMD,MAAQ,aACVE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAG;AAAA,UAAA;AAAA,QAEX,IAEgBE,IAAA;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAGC;AAAA,UAAA;AAAA,QAEX,~~GAIMtB~~,EAAA,~~CAACyB~~,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAAA,OACxC;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAM;AAChB,QAAAC,IAAAG,~~GAEhB1B~~,EAAQ,~~CAACyB~~,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAAA;AAI1C,UAAA;AACF,cAAMZ,EAAW;AAAA,UACf,~~QAAQlB~~,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,~~sBAAsB4B~~;AAAA,QAAA,CACvB;AAAA,eACMI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,OAAO,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,~~CAAC/B~~,KAAA,gBAAAA,EAAM,IAAIA,KAAA,gBAAAA,EAAM,QAAQD,~~GAAamB~~,CAAU;AAAA,EAClD;AAGE,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,~~eAAa~~;AAAA,~~MACb~~,~~QAAA1B~~;AAAA,MACA,~~MAAAL~~;AAAA,MACA,WAAAF;AAAA,MACA,~~UAAUsB~~;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
1	+ {"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n projectName: string\n list?: EntityListModel\n isLoading?: boolean\n attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string \| number \| boolean \| any[] \| Record<string, any> \| Date \| null \| undefined\n\ninterface ListFormData {\n label: string\n tags: string[]\n active: boolean\n // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n projectName,\n list,\n isLoading,\n attributes = [],\n}) => {\n const [form, setForm] = useState<ListFormData>({\n label: '',\n tags: [],\n active: false,\n })\n\n // You must be an admin to edit the list itself\n const canEdit = (list?.accessLevel \|\| 0) >= 30\n\n const { data: project } = useGetProjectQuery({ projectName })\n\n const fields: AttributeField[] = useMemo(\n () => [\n { name: 'label', data: { type: 'string', title: 'Label' } },\n {\n name: 'tags',\n data: {\n type: 'list_of_strings',\n title: 'Tags',\n enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n enableCustomValues: true,\n enableSearch: true,\n },\n },\n { name: 'active', data: { type: 'boolean', title: 'Active' } },\n ...attributes,\n ],\n [project?.tags, attributes],\n )\n\n useEffect(() => {\n if (list) {\n const parsedAttrib = list.attrib \|\| {}\n\n // get the data for the attrib fields only\n const attribFieldValues = attributes.reduce((acc, { name }) => {\n const fieldValue = (parsedAttrib as Record<string, any>)[name]\n // Default to empty string for all attrib fields\n acc[name] = fieldValue \|\| ''\n return acc\n }, {} as Record<string, any>)\n\n setForm({\n label: list?.label \|\| '',\n tags: list?.tags \|\| [],\n active: list?.active ?? false,\n ...attribFieldValues,\n })\n }\n }, [list, JSON.stringify(attributes)])\n\n const [updateList] = useUpdateEntityListMutation()\n\n const isAttribField = (fieldName: string): boolean => {\n return attributes.some((attr) => attr.name === fieldName)\n }\n\n const handleChange = useCallback(\n async (key: string, value: any) => {\n if (!list?.id) return console.warn('No list ID provided')\n\n let updatePayload: any\n\n if (isAttribField(key)) {\n const currentAttrib = list.attrib \|\| {}\n\n // If the value is empty string for category, set it to null to clear it\n if (value === '' && key === 'category') {\n updatePayload = {\n attrib: {\n ...currentAttrib,\n [key]: null,\n },\n }\n } else {\n updatePayload = {\n attrib: {\n ...currentAttrib,\n [key]: value,\n },\n }\n }\n\n // Update local form state\n setForm((prev) => ({ ...prev, [key]: value }))\n } else {\n // For other fields, update normally\n const newValue = { [key]: value }\n updatePayload = newValue\n // Update local form state\n setForm((prev) => ({ ...prev, ...newValue }))\n }\n\n // update the list in the database in the background\n try {\n await updateList({\n listId: list.id,\n projectName,\n entityListPatchModel: updatePayload,\n })\n } catch (error: any) {\n console.error(error)\n toast.error('Failed to update list attribute: ', error.attrib.detail)\n }\n },\n [list?.id, list?.attrib, projectName, updateList],\n )\n\n return (\n <DetailsPanelAttributesEditor\n enableEditing={canEdit}\n fields={fields}\n form={form}\n isLoading={isLoading}\n onChange={handleChange}\n title=\"Attributes\"\n />\n )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","canEdit","project","useGetProjectQuery","fields","useMemo","_a","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","attr","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),g=require("react"),l=require("@ynput/ayon-react-components"),A=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const R=require("./CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const O=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");const b=({label:n,description:j,features:w,isCloseable:o=!0,addon:i})=>{const[a,p]=g.useState(!1),{setPowerpackDialog:E,selectedPowerPack:h,powerpackDialog:r}=s.usePowerpack(),{openSupport:k,messengerLoaded:P}=O.useFeedback();if(!r&&(!n||!j))return null;const m=n??(r==null?void 0:r.label)??(i?"this addon":"this feature"),f=i?`I would like to know how I can try out the "${m}" addon?`:`I would like to know how I can try out the "${m}" power feature?`,d=Object.entries(w??s.powerpackFeatures).sort(([q],[u])=>{if(q===h)return-1;if(u===h)return 1;const c=s.powerpackFeatureOrder.indexOf(q),x=s.powerpackFeatureOrder.indexOf(u);return c>-1&&x>-1?c-x:c>-1?-1:x>-1?1:0}),S=()=>{o&&(E(null),p(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!o,hideBackdrop:!o,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),n??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:j??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:d.slice(0,a?void 0:5).map(([q,u])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:u.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:u.bullet})]},q))}),!a&&d.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>p(!0),children:"Show all"})]}),P?e.jsxRuntimeExports.jsx(R.CTAButton,{onClick:()=>k("NewMessage",f)}):e.jsxRuntimeExports.jsx(A.PricingLink,{children:e.jsxRuntimeExports.jsx(R.CTAButton,{})})]})};exports.PowerpackDialog=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),g=require("react"),l=require("@ynput/ayon-react-components"),A=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const R=require("./CTAButton.cjs.js");require("./RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const O=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");const b=({label:n,description:j,features:w,isCloseable:o=!0,addon:i})=>{const[a,p]=g.useState(!1),{setPowerpackDialog:E,selectedPowerPack:h,powerpackDialog:r}=s.usePowerpack(),{openSupport:k,messengerLoaded:P}=O.useFeedback();if(!r&&(!n||!j))return null;const m=n??(r==null?void 0:r.label)??(i?"this addon":"this feature"),f=i?`I would like to know how I can try out the "${m}" addon?`:`I would like to know how I can try out the "${m}" power feature?`,d=Object.entries(w??s.powerpackFeatures).sort(([q],[u])=>{if(q===h)return-1;if(u===h)return 1;const c=s.powerpackFeatureOrder.indexOf(q),x=s.powerpackFeatureOrder.indexOf(u);return c>-1&&x>-1?c-x:c>-1?-1:x>-1?1:0}),S=()=>{o&&(E(null),p(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!o,hideBackdrop:!o,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),n??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:j??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:d.slice(0,a?void 0:5).map(([q,u])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:u.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:u.bullet})]},q))}),!a&&d.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>p(!0),children:"Show all"})]}),P?e.jsxRuntimeExports.jsx(R.CTAButton,{onClick:()=>k("NewMessage",f)}):e.jsxRuntimeExports.jsx(A.PricingLink,{children:e.jsxRuntimeExports.jsx(R.CTAButton,{})})]})};exports.PowerpackDialog=b;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map

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

	@@ -1 +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 } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel = label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n const SUPPORT_MESSAGE = addon\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 const sortedFeatures = Object.entries(features ?? powerpackFeatures).sort(([keyA], [keyB]) => {\n // Move selected feature to the top\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 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={addon?.icon ? addon.icon : 'bolt'} />\n {label ?? powerpackDialog?.label}\n </h1>\n <h2>{description ?? powerpackDialog?.description}</h2>\n </Styled.MainFeature>\n\n <Styled.FeaturesList>\n {addon ? (\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","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","sortedFeatures","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","key","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"~~wqZAmBO~~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"}
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 } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel = label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n const SUPPORT_MESSAGE = addon\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 const sortedFeatures = Object.entries(features ?? powerpackFeatures).sort(([keyA], [keyB]) => {\n // Move selected feature to the top\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 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={addon?.icon ? addon.icon : 'bolt'} />\n {label ?? powerpackDialog?.label}\n </h1>\n <h2>{description ?? powerpackDialog?.description}</h2>\n </Styled.MainFeature>\n\n <Styled.FeaturesList>\n {addon ? (\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","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","sortedFeatures","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","key","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}

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

@@ -96,6 +96,7 @@ import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
@@ -145,6 +146,7 @@ import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.j
 import "../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -204,6 +206,7 @@ import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "./PowerpackButton.es.js";
 import { CTAButton as j } from "./CTAButton.es.js";
+import "./RequiredPowerpackVersion.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -221,7 +224,7 @@ import "../ShareOptionIcon/ShareOptionIcon.es.js";
 import "../AccessUser/AccessUser.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-const _i = ({
+const yi = ({
   label: p,
   description: l,
   features: w,
@@ -278,6 +281,6 @@ const _i = ({
   );
 };
 export {
-  _i as PowerpackDialog
+  yi as PowerpackDialog
 };
 //# sourceMappingURL=PowerpackDialog.es.js.map

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

	@@ -1 +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 } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel = label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n const SUPPORT_MESSAGE = addon\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 const sortedFeatures = Object.entries(features ?? powerpackFeatures).sort(([keyA], [keyB]) => {\n // Move selected feature to the top\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 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={addon?.icon ? addon.icon : 'bolt'} />\n {label ?? powerpackDialog?.label}\n </h1>\n <h2>{description ?? powerpackDialog?.description}</h2>\n </Styled.MainFeature>\n\n <Styled.FeaturesList>\n {addon ? (\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","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","sortedFeatures","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","key","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}
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 } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel = label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n const SUPPORT_MESSAGE = addon\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 const sortedFeatures = Object.entries(features ?? powerpackFeatures).sort(([keyA], [keyB]) => {\n // Move selected feature to the top\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 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={addon?.icon ? addon.icon : 'bolt'} />\n {label ?? powerpackDialog?.label}\n </h1>\n <h2>{description ?? powerpackDialog?.description}</h2>\n </Styled.MainFeature>\n\n <Styled.FeaturesList>\n {addon ? (\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","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","sortedFeatures","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","key","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js ADDED Viewed

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),n=require("react"),i=require("react-router-dom"),a=require("styled-components"),c=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: var(--border-radius-l);
+  background-color: var(--md-sys-color-secondary-container);
+  padding: var(--padding-m);
+`,d=n.forwardRef(({requiredVersion:r,...o},s)=>r?e.jsxRuntimeExports.jsxs(c,{...o,ref:s,children:[e.jsxRuntimeExports.jsx("span",{children:`Power Features version ${r} is required to use this feature.`}),e.jsxRuntimeExports.jsx(i.Link,{to:"/market?selected=powerpack",children:e.jsxRuntimeExports.jsxs(t.Button,{variant:"tertiary",children:["Update Power Features ",e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right_alt"})]})})]}):"Required Powerpack version installed already.");exports.RequiredPowerpackVersion=d;
+//# sourceMappingURL=RequiredPowerpackVersion.cjs.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RequiredPowerpackVersion.cjs.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n border-radius: var(--border-radius-l);\n background-color: var(--md-sys-color-secondary-container);\n padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n ({ requiredVersion, ...props }, ref) => {\n if (!requiredVersion) return 'Required Powerpack version installed already.'\n return (\n <StyledContainer {...props} ref={ref}>\n <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n <Link to={`/market?selected=powerpack`}>\n <Button variant=\"tertiary\">\n Update Power Features <Icon icon=\"arrow_right_alt\" />\n </Button>\n </Link>\n </StyledContainer>\n )\n },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":"qQAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalBC,EAA2BC,EAAA,WACtC,CAAC,CAAE,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IACzBF,EAEFG,EAAAA,kBAAAA,KAAAP,EAAA,CAAiB,GAAGK,EAAO,IAAAC,EAC1B,SAAA,CAACE,EAAA,kBAAA,IAAA,OAAA,CAAM,SAA0B,0BAAAJ,CAAe,oCAAoC,0BACnFK,EAAK,KAAA,CAAA,GAAI,6BACR,SAACF,EAAAA,kBAAAA,KAAAG,EAAAA,OAAA,CAAO,QAAQ,WAAW,SAAA,CAAA,yBACHF,EAAAA,kBAAAA,IAACG,EAAK,KAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,CAAA,CACrD,CACF,CAAA,CAAA,EACF,EAT2B,+CAYjC"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button as i, Icon as a } from "@ynput/ayon-react-components";
+import { forwardRef as s } from "react";
+import { Link as n } from "react-router-dom";
+import d from "styled-components";
+const c = d.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: var(--border-radius-l);
+  background-color: var(--md-sys-color-secondary-container);
+  padding: var(--padding-m);
+`, x = s(
+  ({ requiredVersion: e, ...o }, t) => e ? /* @__PURE__ */ r.jsxs(c, { ...o, ref: t, children: [
+    /* @__PURE__ */ r.jsx("span", { children: `Power Features version ${e} is required to use this feature.` }),
+    /* @__PURE__ */ r.jsx(n, { to: "/market?selected=powerpack", children: /* @__PURE__ */ r.jsxs(i, { variant: "tertiary", children: [
+      "Update Power Features ",
+      /* @__PURE__ */ r.jsx(a, { icon: "arrow_right_alt" })
+    ] }) })
+  ] }) : "Required Powerpack version installed already."
+);
+export {
+  x as RequiredPowerpackVersion
+};
+//# sourceMappingURL=RequiredPowerpackVersion.es.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RequiredPowerpackVersion.es.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n border-radius: var(--border-radius-l);\n background-color: var(--md-sys-color-secondary-container);\n padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n ({ requiredVersion, ...props }, ref) => {\n if (!requiredVersion) return 'Required Powerpack version installed already.'\n return (\n <StyledContainer {...props} ref={ref}>\n <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n <Link to={`/market?selected=powerpack`}>\n <Button variant=\"tertiary\">\n Update Power Features <Icon icon=\"arrow_right_alt\" />\n </Button>\n </Link>\n </StyledContainer>\n )\n },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":";;;;;AAKA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAalBC,IAA2BC;AAAA,EACtC,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,EAAA,GAASC,MACzBF,IAEFG,gBAAAA,EAAAA,KAAAP,GAAA,EAAiB,GAAGK,GAAO,KAAAC,GAC1B,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAA0B,0BAAAJ,CAAe,qCAAoC;AAAA,0BACnFK,GAAK,EAAA,IAAI,8BACR,UAACF,gBAAAA,EAAAA,KAAAG,GAAA,EAAO,SAAQ,YAAW,UAAA;AAAA,MAAA;AAAA,MACHF,gBAAAA,EAAAA,IAACG,GAAK,EAAA,MAAK,kBAAkB,CAAA;AAAA,IAAA,EAAA,CACrD,EACF,CAAA;AAAA,EAAA,GACF,IAT2B;AAYjC;"}