@ynput/ayon-frontend-shared 0.2.32 → 0.2.34

package/dist/shared/src/containers/Feed/components/ActivityHeader/ActivityHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityHeader.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityHeader/ActivityHeader.tsx"],"sourcesContent":["import React from 'react'\nimport * as Styled from './ActivityHeader.styled'\nimport ActivityReference from '../ActivityReference/ActivityReference'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport { RefTooltip } from '../../context/FeedContext'\n\ninterface Origin {\n  id: string\n  type: string\n  label: string\n  name: string\n}\n\nexport interface ActivityHeaderProps {\n  name?: string\n  fullName?: string\n  date?: string\n  isRef?: boolean\n  activity?: {\n    referenceType?: string\n    origin?: Origin\n    activityType?: string\n    versions?: any[]\n    activityId?: string\n    author?: {\n      deleted?: boolean\n      active?: boolean\n    }\n    activityData?: {\n      author?: string\n    }\n  }\n  children?: React.ReactNode\n  projectName?: string\n  entityType?: string\n  onReferenceClick?: (args: {\n    entityId?: string\n    entityType?: string\n    projectName?: string\n    activityId?: string\n  }) => void\n  onReferenceTooltip?: (args: RefTooltip) => void\n}\n\nconst ActivityHeader: React.FC<ActivityHeaderProps> = ({\n  name,\n  fullName,\n  date,\n  isRef,\n  activity = {},\n  children,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onReferenceTooltip,\n}) => {\n  const { referenceType, origin, activityType, versions, activityId } = activity\n  const isMention = referenceType === 'mention'\n\n  const isPublish = activityType === 'version.publish'\n  const isMultipleVersions = versions && versions?.length > 1\n  const publishedString = isMultipleVersions ? 'published versions' : 'published a version'\n\n  const boldString = isMention ? `mentioned` : 'commented'\n  const entityTypeString = isMention ? ` ${entityType} on` : 'on'\n\n  const noUser = activity.author?.deleted || !activity.author?.active\n  return (\n    <Styled.Header>\n      <Styled.Body>\n        {name && !noUser && <UserImage name={name} size={22} />}\n        {noUser && <Icon icon=\"account_circle\" />}\n        <h5>{fullName || activity.activityData?.author || 'Unknown'}</h5>\n        {isRef && (\n          <>\n            <Styled.Text>\n              <strong>{boldString}</strong>\n            </Styled.Text>\n            <Styled.Text style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n              {entityTypeString}\n            </Styled.Text>\n            {origin && (\n              <ActivityReference\n                id={origin.id}\n                type={origin.type}\n                variant=\"text\"\n                onClick={() =>\n                  onReferenceClick?.({\n                    entityId: origin.id,\n                    entityType: origin.type,\n                    projectName,\n                    activityId,\n                  })\n                }\n                onMouseEnter={(_e, pos: any) =>\n                  onReferenceTooltip?.({\n                    type: origin.type,\n                    id: origin.id,\n                    label: origin.label,\n                    name: origin.id,\n                    pos,\n                  })\n                }\n              >\n                {origin.label || origin.name}\n              </ActivityReference>\n            )}\n          </>\n        )}\n        {isPublish && <Styled.Text>{publishedString}</Styled.Text>}\n\n        {/* custom children, like status change */}\n        {children}\n      </Styled.Body>\n      <ActivityDate date={date} />\n    </Styled.Header>\n  )\n}\n\nexport default ActivityHeader\n"],"names":["ActivityHeader","name","fullName","date","isRef","activity","children","projectName","entityType","onReferenceClick","onReferenceTooltip","referenceType","origin","activityType","versions","activityId","isMention","isPublish","publishedString","boldString","entityTypeString","noUser","_a","_b","jsxs","Styled.Header","Styled.Body","jsx","UserImage","Icon","_c","Fragment","Styled.Text","ActivityReference","_e","pos","ActivityDate"],"mappings":";;;;;;AA8CA,MAAMA,IAAgD,CAAC;AAAA,EACrD,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;;AACJ,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,cAAAC,GAAc,UAAAC,GAAU,YAAAC,MAAeV,GAChEW,IAAYL,MAAkB,WAE9BM,IAAYJ,MAAiB,mBAE7BK,IADqBJ,MAAYA,KAAA,gBAAAA,EAAU,UAAS,IACb,uBAAuB,uBAE9DK,IAAaH,IAAY,cAAc,aACvCI,IAAmBJ,IAAY,IAAIR,CAAU,QAAQ,MAErDa,MAASC,IAAAjB,EAAS,WAAT,gBAAAiB,EAAiB,YAAW,GAACC,IAAAlB,EAAS,WAAT,QAAAkB,EAAiB;AAE3D,SAAAC,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACE,UAAA;AAAA,MAAAzB,KAAQ,CAACoB,KAAUM,gBAAAA,MAACC,GAAU,EAAA,MAAA3B,GAAY,MAAM,IAAI;AAAA,MACpDoB,KAAUM,gBAAAA,EAAAA,IAACE,GAAK,EAAA,MAAK,iBAAiB,CAAA;AAAA,4BACtC,MAAI,EAAA,UAAA3B,OAAY4B,IAAAzB,EAAS,iBAAT,gBAAAyB,EAAuB,WAAU,WAAU;AAAA,MAC3D1B,KAEGoB,gBAAAA,EAAA,KAAAO,YAAA,EAAA,UAAA;AAAA,QAAAJ,gBAAAA,MAACK,GAAA,EACC,UAACL,gBAAAA,EAAA,IAAA,UAAA,EAAQ,YAAW,CAAA,GACtB;AAAA,QACAA,gBAAAA,EAAAA,IAACK,GAAA,EAAY,OAAO,EAAE,UAAU,UAAU,cAAc,WAAW,GAChE,UACHZ,EAAA,CAAA;AAAA,QACCR,KACCe,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAIrB,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,SAAQ;AAAA,YACR,SAAS,MACPH,KAAA,gBAAAA,EAAmB;AAAA,cACjB,UAAUG,EAAO;AAAA,cACjB,YAAYA,EAAO;AAAA,cACnB,aAAAL;AAAA,cACA,YAAAQ;AAAA,YAAA;AAAA,YAGJ,cAAc,CAACmB,GAAIC,MACjBzB,KAAA,gBAAAA,EAAqB;AAAA,cACnB,MAAME,EAAO;AAAA,cACb,IAAIA,EAAO;AAAA,cACX,OAAOA,EAAO;AAAA,cACd,MAAMA,EAAO;AAAA,cACb,KAAAuB;AAAA,YAAA;AAAA,YAIH,UAAAvB,EAAO,SAASA,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,GAEJ;AAAA,MAEDK,KAAaU,gBAAAA,EAAAA,IAACK,GAAA,EAAa,UAAgBd,EAAA,CAAA;AAAA,MAG3CZ;AAAA,IAAA,GACH;AAAA,IACAqB,gBAAAA,MAACS,KAAa,MAAAjC,EAAY,CAAA;AAAA,EAAA,GAC5B;AAEJ;"}
+{"version":3,"file":"ActivityHeader.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityHeader/ActivityHeader.tsx"],"sourcesContent":["import React from 'react'\nimport * as Styled from './ActivityHeader.styled'\nimport ActivityReference from '../ActivityReference/ActivityReference'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport { RefTooltip } from '../../context/FeedContext'\n\ninterface Origin {\n  id: string\n  type: string\n  label: string\n  name: string\n}\n\nexport interface ActivityHeaderProps {\n  name?: string\n  fullName?: string\n  date?: string\n  isRef?: boolean\n  activity?: {\n    referenceType?: string\n    origin?: Origin\n    activityType?: string\n    versions?: any[]\n    activityId?: string\n    author?: {\n      deleted?: boolean\n      active?: boolean\n    }\n    activityData?: {\n      author?: string\n    }\n  }\n  children?: React.ReactNode\n  projectName?: string\n  entityType?: string\n  onReferenceClick?: (args: {\n    entityId?: string\n    entityType?: string\n    projectName?: string\n    activityId?: string\n  }) => void\n  onReferenceTooltip?: (args: RefTooltip) => void\n}\n\nconst ActivityHeader: React.FC<ActivityHeaderProps> = ({\n  name,\n  fullName,\n  date,\n  isRef,\n  activity = {},\n  children,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onReferenceTooltip,\n}) => {\n  const { referenceType, origin, activityType, versions, activityId } = activity\n  const isMention = referenceType === 'mention'\n\n  const isPublish = activityType === 'version.publish'\n  const isMultipleVersions = versions && versions?.length > 1\n  const publishedString = isMultipleVersions ? 'published versions' : 'published a version'\n\n  const boldString = isMention ? `mentioned` : 'commented'\n  const entityTypeString = isMention ? ` ${entityType} on` : 'on'\n\n  const isGuest = name?.startsWith('guest.')\n  const noUser = (activity.author?.deleted || !activity.author?.active) && !isGuest\n  return (\n    <Styled.Header>\n      <Styled.Body>\n        {name && !noUser && <UserImage name={name} size={22} />}\n        {noUser && <Icon icon=\"account_circle\" />}\n        <h5>{fullName || activity.activityData?.author || 'Unknown'}</h5>\n        {isRef && (\n          <>\n            <Styled.Text>\n              <strong>{boldString}</strong>\n            </Styled.Text>\n            <Styled.Text style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n              {entityTypeString}\n            </Styled.Text>\n            {origin && (\n              <ActivityReference\n                id={origin.id}\n                type={origin.type}\n                variant=\"text\"\n                onClick={() =>\n                  onReferenceClick?.({\n                    entityId: origin.id,\n                    entityType: origin.type,\n                    projectName,\n                    activityId,\n                  })\n                }\n                onMouseEnter={(_e, pos: any) =>\n                  onReferenceTooltip?.({\n                    type: origin.type,\n                    id: origin.id,\n                    label: origin.label,\n                    name: origin.id,\n                    pos,\n                  })\n                }\n              >\n                {origin.label || origin.name}\n              </ActivityReference>\n            )}\n          </>\n        )}\n        {isPublish && <Styled.Text>{publishedString}</Styled.Text>}\n\n        {/* custom children, like status change */}\n        {children}\n      </Styled.Body>\n      <ActivityDate date={date} />\n    </Styled.Header>\n  )\n}\n\nexport default ActivityHeader\n"],"names":["ActivityHeader","name","fullName","date","isRef","activity","children","projectName","entityType","onReferenceClick","onReferenceTooltip","referenceType","origin","activityType","versions","activityId","isMention","isPublish","publishedString","boldString","entityTypeString","isGuest","noUser","_a","_b","jsxs","Styled.Header","Styled.Body","jsx","UserImage","Icon","_c","Fragment","Styled.Text","ActivityReference","_e","pos","ActivityDate"],"mappings":";;;;;;AA8CA,MAAMA,IAAgD,CAAC;AAAA,EACrD,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;;AACJ,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,cAAAC,GAAc,UAAAC,GAAU,YAAAC,MAAeV,GAChEW,IAAYL,MAAkB,WAE9BM,IAAYJ,MAAiB,mBAE7BK,IADqBJ,MAAYA,KAAA,gBAAAA,EAAU,UAAS,IACb,uBAAuB,uBAE9DK,IAAaH,IAAY,cAAc,aACvCI,IAAmBJ,IAAY,IAAIR,CAAU,QAAQ,MAErDa,IAAUpB,KAAA,gBAAAA,EAAM,WAAW,WAC3BqB,OAAUC,IAAAlB,EAAS,WAAT,gBAAAkB,EAAiB,YAAW,GAACC,IAAAnB,EAAS,WAAT,QAAAmB,EAAiB,YAAW,CAACH;AAExE,SAAAI,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACE,UAAA;AAAA,MAAA1B,KAAQ,CAACqB,KAAUM,gBAAAA,MAACC,GAAU,EAAA,MAAA5B,GAAY,MAAM,IAAI;AAAA,MACpDqB,KAAUM,gBAAAA,EAAAA,IAACE,GAAK,EAAA,MAAK,iBAAiB,CAAA;AAAA,4BACtC,MAAI,EAAA,UAAA5B,OAAY6B,IAAA1B,EAAS,iBAAT,gBAAA0B,EAAuB,WAAU,WAAU;AAAA,MAC3D3B,KAEGqB,gBAAAA,EAAA,KAAAO,YAAA,EAAA,UAAA;AAAA,QAAAJ,gBAAAA,MAACK,GAAA,EACC,UAACL,gBAAAA,EAAA,IAAA,UAAA,EAAQ,YAAW,CAAA,GACtB;AAAA,QACAA,gBAAAA,EAAAA,IAACK,GAAA,EAAY,OAAO,EAAE,UAAU,UAAU,cAAc,WAAW,GAChE,UACHb,EAAA,CAAA;AAAA,QACCR,KACCgB,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAItB,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,SAAQ;AAAA,YACR,SAAS,MACPH,KAAA,gBAAAA,EAAmB;AAAA,cACjB,UAAUG,EAAO;AAAA,cACjB,YAAYA,EAAO;AAAA,cACnB,aAAAL;AAAA,cACA,YAAAQ;AAAA,YAAA;AAAA,YAGJ,cAAc,CAACoB,GAAIC,MACjB1B,KAAA,gBAAAA,EAAqB;AAAA,cACnB,MAAME,EAAO;AAAA,cACb,IAAIA,EAAO;AAAA,cACX,OAAOA,EAAO;AAAA,cACd,MAAMA,EAAO;AAAA,cACb,KAAAwB;AAAA,YAAA;AAAA,YAIH,UAAAxB,EAAO,SAASA,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,GAEJ;AAAA,MAEDK,KAAaW,gBAAAA,EAAAA,IAACK,GAAA,EAAa,UAAgBf,EAAA,CAAA;AAAA,MAG3CZ;AAAA,IAAA,GACH;AAAA,IACAsB,gBAAAA,MAACS,KAAa,MAAAlC,EAAY,CAAA;AAAA,EAAA,GAC5B;AAEJ;"}

package/dist/shared/src/containers/Feed/components/ActivityItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityItem.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":"+WAgCMA,EAA4C,CAAC,CACjD,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,OAAQR,EAAS,aAAc,CAC7B,IAAK,UACH,OAEES,EAAAA,kBAAAA,IAACC,EAAiB,CAAK,SAAAV,EAAU,YAAAE,EAAa,UAAAE,EAAW,SAAAE,EAAU,SAAAC,EAAa,GAAGC,CAAO,CAAA,EAE9F,IAAK,gBACH,OAAQC,EAAA,kBAAA,IAAAE,EAAA,CAAqB,SAAAX,EAAqB,GAAGQ,CAAO,CAAA,EAC9D,IAAK,eACH,+BAAQI,EAAuB,CAAA,SAAAZ,EAAqB,GAAGQ,EAAO,SAAQ,GAAC,EACzE,IAAK,kBACH,OAAQC,EAAA,kBAAA,IAAAG,EAAA,CAAuB,SAAAZ,EAAqB,GAAGQ,CAAO,CAAA,EAChE,IAAK,kBACI,OAAAC,EAAA,kBAAA,IAACI,GAAuB,SAAAb,EAAU,YAAAE,EAAa,OAAAG,EAAW,GAAGG,EAAO,EAC7E,IAAK,QAGD,MAAA,CAACP,GACCQ,wBAACK,EAAc,CAAA,UAAAV,EAAsB,WAAYJ,EAAS,OAAS,GAAK,GAAGQ,CAAO,CAAA,EAGxF,QACS,OAAA,IAAA,CAEb"}
+{"version":3,"file":"ActivityItem.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":"+WAgCMA,EAA4C,CAAC,CACjD,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,OAAQR,EAAS,aAAc,CAC7B,IAAK,UACH,OAEES,EAAAA,kBAAAA,IAACC,EAAiB,CAAK,SAAAV,EAAU,YAAAE,EAAa,UAAAE,EAAW,SAAAE,EAAU,SAAAC,EAAa,GAAGC,CAAO,CAAA,EAE9F,IAAK,gBACH,OAAQC,EAAA,kBAAA,IAAAE,EAAA,CAAqB,SAAAX,EAAqB,GAAGQ,CAAO,CAAA,EAC9D,IAAK,eACH,+BAAQI,EAAuB,CAAA,SAAAZ,EAAqB,GAAGQ,EAAO,SAAQ,GAAC,EACzE,IAAK,kBACH,OAAQC,EAAA,kBAAA,IAAAG,EAAA,CAAuB,SAAAZ,EAAqB,GAAGQ,CAAO,CAAA,EAChE,IAAK,kBACI,OAAAC,EAAA,kBAAA,IAACI,GAAuB,SAAAb,EAAU,YAAAE,EAAa,OAAAG,EAAW,GAAGG,EAAO,EAC7E,IAAK,QAGD,MAAA,CAACP,GACCQ,wBAACK,EAAc,CAAA,UAAAV,EAAsB,WAAYJ,EAAS,OAAS,GAAK,GAAGQ,CAAO,CAAA,EAGxF,QACS,OAAA,IAAA,CAEb"}

package/dist/shared/src/containers/Feed/components/ActivityItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityItem.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":";;;;;;AAgCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,UAAQR,EAAS,cAAc;AAAA,IAC7B,KAAK;AACH;AAAA;AAAA,QAEES,gBAAAA,EAAAA,IAACC,GAAiB,EAAK,UAAAV,GAAU,aAAAE,GAAa,WAAAE,GAAW,UAAAE,GAAU,UAAAC,GAAa,GAAGC,EAAO,CAAA;AAAA;AAAA,IAE9F,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,UAAAX,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAC9D,KAAK;AACH,mCAAQI,GAAuB,EAAA,UAAAZ,GAAqB,GAAGQ,GAAO,UAAQ,IAAC;AAAA,IACzE,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAG,GAAA,EAAuB,UAAAZ,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAChE,KAAK;AACI,aAAAC,gBAAAA,EAAA,IAACI,KAAuB,UAAAb,GAAU,aAAAE,GAAa,QAAAG,GAAW,GAAGG,GAAO;AAAA,IAC7E,KAAK;AAGD,aAAA,CAACP,KACCQ,gBAAAA,MAACK,GAAc,EAAA,WAAAV,GAAsB,YAAYJ,EAAS,SAAS,IAAK,GAAGQ,EAAO,CAAA;AAAA,IAGxF;AACS,aAAA;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"ActivityItem.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":";;;;;;AAgCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,UAAQR,EAAS,cAAc;AAAA,IAC7B,KAAK;AACH;AAAA;AAAA,QAEES,gBAAAA,EAAAA,IAACC,GAAiB,EAAK,UAAAV,GAAU,aAAAE,GAAa,WAAAE,GAAW,UAAAE,GAAU,UAAAC,GAAa,GAAGC,EAAO,CAAA;AAAA;AAAA,IAE9F,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,UAAAX,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAC9D,KAAK;AACH,mCAAQI,GAAuB,EAAA,UAAAZ,GAAqB,GAAGQ,GAAO,UAAQ,IAAC;AAAA,IACzE,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAG,GAAA,EAAuB,UAAAZ,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAChE,KAAK;AACI,aAAAC,gBAAAA,EAAA,IAACI,KAAuB,UAAAb,GAAU,aAAAE,GAAa,QAAAG,GAAW,GAAGG,GAAO;AAAA,IAC7E,KAAK;AAGD,aAAA,CAACP,KACCQ,gBAAAA,MAACK,GAAc,EAAA,WAAAV,GAAsB,YAAYJ,EAAS,SAAS,IAAK,GAAGQ,EAAO,CAAA;AAAA,IAGxF;AACS,aAAA;AAAA,EAAA;AAEb;"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),d=require("./ActivityReference.styled.cjs.js"),m=require("@ynput/ayon-react-components"),j=require("clsx");require("lodash");require("react-toastify");const g=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");const h=({id:s,type:r,variant:o="surface",isEntity:u,disabled:a,onMouseEnter:t,children:l,...f})=>{const q=r==="user"?"alternate_email":g.getEntityTypeIcon(r,"link"),n=p.useRef(null),x=R=>{var c;const e=(c=n.current)==null?void 0:c.getBoundingClientRect();if(!e)return;const y={left:e.x+e.width/2,top:e.y};t==null||t(R,y)};return i.jsxRuntimeExports.jsxs(d.Reference,{...f,$variant:o,ref:n,onMouseEnter:x,className:j({disabled:a,isEntity:u},"reference"),id:`ref-${s}`,children:[i.jsxRuntimeExports.jsx(m.Icon,{icon:q}),l]})};module.exports=h;
+"use strict";const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),g=require("./ActivityReference.styled.cjs.js"),j=require("@ynput/ayon-react-components"),$=require("clsx");require("lodash");require("react-toastify");const h=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");const v=({id:s,type:t,variant:o="surface",isEntity:u,disabled:a,onMouseEnter:r,categoryPrimary:l,categorySecondary:y,children:f,...q})=>{const x=t==="user"?"alternate_email":h.getEntityTypeIcon(t,"link"),n=p.useRef(null),R=d=>{var c;const e=(c=n.current)==null?void 0:c.getBoundingClientRect();if(!e)return;const m={left:e.x+e.width/2,top:e.y};r==null||r(d,m)};return i.jsxRuntimeExports.jsxs(g.Reference,{...q,$variant:o,$categoryPrimary:l,$categorySecondary:y,ref:n,onMouseEnter:R,className:$({disabled:a,isEntity:u},"reference"),id:`ref-${s}`,children:[i.jsxRuntimeExports.jsx(j.Icon,{icon:x}),f]})};module.exports=v;
 //# sourceMappingURL=ActivityReference.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAeA,MAAMA,EAAsD,CAAC,CAC3D,GAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOP,IAAS,OAAS,kBAAoBQ,EAAA,kBAAkBR,EAAM,MAAM,EAC3ES,EAAMC,SAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,OACvD,MAAAC,GAAOC,EAAAL,EAAI,UAAJ,YAAAK,EAAa,wBAC1B,GAAI,CAACD,EAAM,OACL,MAAAE,EAAM,CAAE,KAAMF,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAE,EACzDT,GAAA,MAAAA,EAAeQ,EAAGG,EACpB,EAGE,OAAAC,EAAA,kBAAA,KAACC,EAAO,UAAP,CACE,GAAGX,EACJ,SAAUL,EACV,IAAAQ,EACA,aAAcE,EACd,UAAWO,EAAK,CAAE,SAAAf,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAoB,wBAACC,EAAAA,MAAK,KAAAb,EAAY,EACjBF,CAAA,CAAA,CACH,CAEJ"}
+{"version":3,"file":"ActivityReference.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  categoryPrimary,\n  categorySecondary,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      $categoryPrimary={categoryPrimary}\n      $categorySecondary={categorySecondary}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","categoryPrimary","categorySecondary","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAiBA,MAAMA,EAAsD,CAAC,CAC3D,GAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOT,IAAS,OAAS,kBAAoBU,EAAA,kBAAkBV,EAAM,MAAM,EAC3EW,EAAMC,SAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,OACvD,MAAAC,GAAOC,EAAAL,EAAI,UAAJ,YAAAK,EAAa,wBAC1B,GAAI,CAACD,EAAM,OACL,MAAAE,EAAM,CAAE,KAAMF,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAE,EACzDX,GAAA,MAAAA,EAAeU,EAAGG,EACpB,EAGE,OAAAC,EAAA,kBAAA,KAACC,EAAO,UAAP,CACE,GAAGX,EACJ,SAAUP,EACV,iBAAkBI,EAClB,mBAAoBC,EACpB,IAAAK,EACA,aAAcE,EACd,UAAWO,EAAK,CAAE,SAAAjB,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAsB,wBAACC,EAAAA,MAAK,KAAAb,EAAY,EACjBF,CAAA,CAAA,CACH,CAEJ"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.es.js

@@ -1,42 +1,46 @@
-import { j as n } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as c } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useRef as R } from "react";
 import { Reference as j } from "./ActivityReference.styled.es.js";
-import { Icon as g } from "@ynput/ayon-react-components";
+import { Icon as $ } from "@ynput/ayon-react-components";
 import h from "clsx";
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as y } from "../../../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as v } from "../../../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../../../util/pubsub.es.js";
 const _ = ({
-  id: c,
+  id: n,
   type: e,
   variant: m = "surface",
   isEntity: s,
-  disabled: f,
-  onMouseEnter: r,
-  children: p,
-  ...a
+  disabled: a,
+  onMouseEnter: t,
+  categoryPrimary: f,
+  categorySecondary: p,
+  children: l,
+  ...u
 }) => {
-  const l = e === "user" ? "alternate_email" : y(e, "link"), o = R(null), u = (x) => {
+  const d = e === "user" ? "alternate_email" : v(e, "link"), o = R(null), x = (y) => {
     var i;
-    const t = (i = o.current) == null ? void 0 : i.getBoundingClientRect();
-    if (!t) return;
-    const d = { left: t.x + t.width / 2, top: t.y };
-    r == null || r(x, d);
+    const r = (i = o.current) == null ? void 0 : i.getBoundingClientRect();
+    if (!r) return;
+    const g = { left: r.x + r.width / 2, top: r.y };
+    t == null || t(y, g);
   };
-  return /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     j,
     {
-      ...a,
+      ...u,
       $variant: m,
+      $categoryPrimary: f,
+      $categorySecondary: p,
       ref: o,
-      onMouseEnter: u,
-      className: h({ disabled: f, isEntity: s }, "reference"),
-      id: `ref-${c}`,
+      onMouseEnter: x,
+      className: h({ disabled: a, isEntity: s }, "reference"),
+      id: `ref-${n}`,
       children: [
-        /* @__PURE__ */ n.jsx(g, { icon: l }),
-        p
+        /* @__PURE__ */ c.jsx($, { icon: d }),
+        l
       ]
     }
   );

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAOP,MAAS,SAAS,oBAAoBQ,EAAkBR,GAAM,MAAM,GAC3ES,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;;AACvD,UAAAC,KAAOC,IAAAL,EAAI,YAAJ,gBAAAK,EAAa;AAC1B,QAAI,CAACD,EAAM;AACL,UAAAE,IAAM,EAAE,MAAMF,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAE;AACzD,IAAAT,KAAA,QAAAA,EAAeQ,GAAGG;AAAA,EACpB;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,UAAUL;AAAA,MACV,KAAAQ;AAAA,MACA,cAAcE;AAAA,MACd,WAAWO,EAAK,EAAE,UAAAf,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAoB,gBAAAA,MAACC,KAAK,MAAAb,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"ActivityReference.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  categoryPrimary,\n  categorySecondary,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      $categoryPrimary={categoryPrimary}\n      $categorySecondary={categorySecondary}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","categoryPrimary","categorySecondary","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAOT,MAAS,SAAS,oBAAoBU,EAAkBV,GAAM,MAAM,GAC3EW,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;;AACvD,UAAAC,KAAOC,IAAAL,EAAI,YAAJ,gBAAAK,EAAa;AAC1B,QAAI,CAACD,EAAM;AACL,UAAAE,IAAM,EAAE,MAAMF,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAE;AACzD,IAAAX,KAAA,QAAAA,EAAeU,GAAGG;AAAA,EACpB;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,UAAUP;AAAA,MACV,kBAAkBI;AAAA,MAClB,oBAAoBC;AAAA,MACpB,KAAAK;AAAA,MACA,cAAcE;AAAA,MACd,WAAWO,EAAK,EAAE,UAAAjB,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAsB,gBAAAA,MAACC,KAAK,MAAAb,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=o.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=e.span`
   gap: 2px;
   display: inline-flex;
   border-radius: var(--border-radius-m);
@@ -14,40 +14,40 @@
 
   &,
   .icon {
-    color: var(--md-sys-color-primary);
+    color: ${({$categoryPrimary:o})=>o||"var(--md-sys-color-primary)"};
   }
 
   .icon {
     font-size: 20px;
   }
 
-  background-color: var(--md-sys-color-surface-container-high);
+  background-color: ${({$categorySecondary:o})=>o||"var(--md-sys-color-surface-container-high)"};
 
   &:hover {
-    background-color: var(--md-sys-color-surface-container-high-hover);
+    background-color: ${({$categorySecondary:o})=>o?`color-mix(in srgb, ${o} 85%, white)`:"var(--md-sys-color-surface-container-high-hover)"};
   }
   &:active {
-    background-color: var(--md-sys-color-surface-container-high-active);
+    background-color: ${({$categorySecondary:o})=>o?`color-mix(in srgb, ${o} 70%, white)`:"var(--md-sys-color-surface-container-high-active)"};
   }
 
-  ${({$variant:r})=>r==="text"&&o.css`
+  ${({$variant:o})=>o==="text"&&e.css`
       background-color: unset;
     `}
 
-  ${({$variant:r})=>r==="filled"&&o.css`
-      background-color: var(--md-sys-color-primary);
+  ${({$variant:o,$categoryPrimary:r})=>o==="filled"&&e.css`
+      background-color: ${r||"var(--md-sys-color-primary)"};
 
       &,
       .icon {
-        color: var(--md-sys-color-on-primary);
+        color: ${r?"white":"var(--md-sys-color-on-primary)"};
       }
 
       &:hover {
-        background-color: var(--md-sys-color-primary-hover);
+        background-color: ${r?`color-mix(in srgb, ${r} 85%, white)`:"var(--md-sys-color-primary-hover)"};
       }
 
       &:active {
-        background-color: var(--md-sys-color-primary-active);
+        background-color: ${r?`color-mix(in srgb, ${r} 70%, white)`:"var(--md-sys-color-primary-active)"};
       }
     `}
 
@@ -55,5 +55,5 @@
     &.disabled {
     background-color: unset;
   }
-`;exports.Reference=e;
+`;exports.Reference=i;
 //# sourceMappingURL=ActivityReference.styled.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":["Reference","styled","$variant","css"],"mappings":"qHAEaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,CAAE,SAAAC,CAAS,IACZA,IAAa,QACbC,EAAA;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,CAAE,SAAAD,CAAS,IACZA,IAAa,UACbC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ActivityReference.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{\n  $variant: 'surface' | 'filled' | 'text'\n  $categoryPrimary?: string\n  $categorySecondary?: string\n}>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: ${({ $categoryPrimary }) => $categoryPrimary || 'var(--md-sys-color-primary)'};\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: ${({ $categorySecondary }) =>\n    $categorySecondary || 'var(--md-sys-color-surface-container-high)'};\n\n  &:hover {\n    background-color: ${({ $categorySecondary }) =>\n      $categorySecondary\n        ? `color-mix(in srgb, ${$categorySecondary} 85%, white)`\n        : 'var(--md-sys-color-surface-container-high-hover)'};\n  }\n  &:active {\n    background-color: ${({ $categorySecondary }) =>\n      $categorySecondary\n        ? `color-mix(in srgb, ${$categorySecondary} 70%, white)`\n        : 'var(--md-sys-color-surface-container-high-active)'};\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant, $categoryPrimary }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: ${$categoryPrimary || 'var(--md-sys-color-primary)'};\n\n      &,\n      .icon {\n        color: ${$categoryPrimary ? 'white' : 'var(--md-sys-color-on-primary)'};\n      }\n\n      &:hover {\n        background-color: ${$categoryPrimary\n          ? `color-mix(in srgb, ${$categoryPrimary} 85%, white)`\n          : 'var(--md-sys-color-primary-hover)'};\n      }\n\n      &:active {\n        background-color: ${$categoryPrimary\n          ? `color-mix(in srgb, ${$categoryPrimary} 70%, white)`\n          : 'var(--md-sys-color-primary-active)'};\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":["Reference","styled","$categoryPrimary","$categorySecondary","$variant","css"],"mappings":"qHAEaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAoBnB,CAAC,CAAE,iBAAAC,KAAuBA,GAAoB,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOlE,CAAC,CAAE,mBAAAC,KACrBA,GAAsB,4CAA4C;AAAA;AAAA;AAAA,wBAG9C,CAAC,CAAE,mBAAAA,CAAmB,IACxCA,EACI,sBAAsBA,CAAkB,eACxC,kDAAkD;AAAA;AAAA;AAAA,wBAGpC,CAAC,CAAE,mBAAAA,CAAmB,IACxCA,EACI,sBAAsBA,CAAkB,eACxC,mDAAmD;AAAA;AAAA;AAAA,IAGzD,CAAC,CAAE,SAAAC,CAAS,IACZA,IAAa,QACbC,EAAA;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,CAAE,SAAAD,EAAU,iBAAAF,CAAiB,IAC9BE,IAAa,UACbC,EAAA;AAAA,0BACsBH,GAAoB,6BAA6B;AAAA;AAAA;AAAA;AAAA,iBAI1DA,EAAmB,QAAU,gCAAgC;AAAA;AAAA;AAAA;AAAA,4BAIlDA,EAChB,sBAAsBA,CAAgB,eACtC,mCAAmC;AAAA;AAAA;AAAA;AAAA,4BAInBA,EAChB,sBAAsBA,CAAgB,eACtC,oCAAoC;AAAA;AAAA,KAE3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.es.js

@@ -1,5 +1,5 @@
-import c, { css as o } from "styled-components";
-const e = c.span`
+import c, { css as i } from "styled-components";
+const n = c.span`
   gap: 2px;
   display: inline-flex;
   border-radius: var(--border-radius-m);
@@ -15,40 +15,40 @@ const e = c.span`
 
   &,
   .icon {
-    color: var(--md-sys-color-primary);
+    color: ${({ $categoryPrimary: o }) => o || "var(--md-sys-color-primary)"};
   }
 
   .icon {
     font-size: 20px;
   }
 
-  background-color: var(--md-sys-color-surface-container-high);
+  background-color: ${({ $categorySecondary: o }) => o || "var(--md-sys-color-surface-container-high)"};
 
   &:hover {
-    background-color: var(--md-sys-color-surface-container-high-hover);
+    background-color: ${({ $categorySecondary: o }) => o ? `color-mix(in srgb, ${o} 85%, white)` : "var(--md-sys-color-surface-container-high-hover)"};
   }
   &:active {
-    background-color: var(--md-sys-color-surface-container-high-active);
+    background-color: ${({ $categorySecondary: o }) => o ? `color-mix(in srgb, ${o} 70%, white)` : "var(--md-sys-color-surface-container-high-active)"};
   }
 
-  ${({ $variant: r }) => r === "text" && o`
+  ${({ $variant: o }) => o === "text" && i`
       background-color: unset;
     `}
 
-  ${({ $variant: r }) => r === "filled" && o`
-      background-color: var(--md-sys-color-primary);
+  ${({ $variant: o, $categoryPrimary: r }) => o === "filled" && i`
+      background-color: ${r || "var(--md-sys-color-primary)"};
 
       &,
       .icon {
-        color: var(--md-sys-color-on-primary);
+        color: ${r ? "white" : "var(--md-sys-color-on-primary)"};
       }
 
       &:hover {
-        background-color: var(--md-sys-color-primary-hover);
+        background-color: ${r ? `color-mix(in srgb, ${r} 85%, white)` : "var(--md-sys-color-primary-hover)"};
       }
 
       &:active {
-        background-color: var(--md-sys-color-primary-active);
+        background-color: ${r ? `color-mix(in srgb, ${r} 70%, white)` : "var(--md-sys-color-primary-active)"};
       }
     `}
 
@@ -58,6 +58,6 @@ const e = c.span`
   }
 `;
 export {
-  e as Reference
+  n as Reference
 };
 //# sourceMappingURL=ActivityReference.styled.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":["Reference","styled","$variant","css"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,EAAE,UAAAC,EAAS,MACZA,MAAa,UACbC;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,UAAAD,EAAS,MACZA,MAAa,YACbC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityReference.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{\n  $variant: 'surface' | 'filled' | 'text'\n  $categoryPrimary?: string\n  $categorySecondary?: string\n}>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: ${({ $categoryPrimary }) => $categoryPrimary || 'var(--md-sys-color-primary)'};\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: ${({ $categorySecondary }) =>\n    $categorySecondary || 'var(--md-sys-color-surface-container-high)'};\n\n  &:hover {\n    background-color: ${({ $categorySecondary }) =>\n      $categorySecondary\n        ? `color-mix(in srgb, ${$categorySecondary} 85%, white)`\n        : 'var(--md-sys-color-surface-container-high-hover)'};\n  }\n  &:active {\n    background-color: ${({ $categorySecondary }) =>\n      $categorySecondary\n        ? `color-mix(in srgb, ${$categorySecondary} 70%, white)`\n        : 'var(--md-sys-color-surface-container-high-active)'};\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant, $categoryPrimary }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: ${$categoryPrimary || 'var(--md-sys-color-primary)'};\n\n      &,\n      .icon {\n        color: ${$categoryPrimary ? 'white' : 'var(--md-sys-color-on-primary)'};\n      }\n\n      &:hover {\n        background-color: ${$categoryPrimary\n          ? `color-mix(in srgb, ${$categoryPrimary} 85%, white)`\n          : 'var(--md-sys-color-primary-hover)'};\n      }\n\n      &:active {\n        background-color: ${$categoryPrimary\n          ? `color-mix(in srgb, ${$categoryPrimary} 70%, white)`\n          : 'var(--md-sys-color-primary-active)'};\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":["Reference","styled","$categoryPrimary","$categorySecondary","$variant","css"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAoBnB,CAAC,EAAE,kBAAAC,QAAuBA,KAAoB,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOlE,CAAC,EAAE,oBAAAC,QACrBA,KAAsB,4CAA4C;AAAA;AAAA;AAAA,wBAG9C,CAAC,EAAE,oBAAAA,EAAmB,MACxCA,IACI,sBAAsBA,CAAkB,iBACxC,kDAAkD;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,oBAAAA,EAAmB,MACxCA,IACI,sBAAsBA,CAAkB,iBACxC,mDAAmD;AAAA;AAAA;AAAA,IAGzD,CAAC,EAAE,UAAAC,EAAS,MACZA,MAAa,UACbC;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,UAAAD,GAAU,kBAAAF,EAAiB,MAC9BE,MAAa,YACbC;AAAA,0BACsBH,KAAoB,6BAA6B;AAAA;AAAA;AAAA;AAAA,iBAI1DA,IAAmB,UAAU,gCAAgC;AAAA;AAAA;AAAA;AAAA,4BAIlDA,IAChB,sBAAsBA,CAAgB,iBACtC,mCAAmC;AAAA;AAAA;AAAA;AAAA,4BAInBA,IAChB,sBAAsBA,CAAgB,iBACtC,oCAAoC;AAAA;AAAA,KAE3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.cjs.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),W=require("clsx"),Ne=require("react-toastify"),je=require("react-quill-ayon"),v=require("@ynput/ayon-react-components"),_e=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),Ke=require("./InputMarkdownConvert.cjs.js"),Ve=require("../FilesGrid/FilesGrid.cjs.js"),y=require("./CommentInput.styled.cjs.js"),ze=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),Qe=require("../../mentionHelpers/getMentionOptions.cjs.js"),Ge=require("../../mentionHelpers/getMentionUsers.cjs.js"),We=require("../../mentionHelpers/getMentionTasks.cjs.js"),$e=require("../../mentionHelpers/getMentionVersions.cjs.js"),Oe=require("./quillToMarkdown.cjs.js"),$=require("./helpers.cjs.js"),fe=require("./modules/index.cjs.js"),Je=require("./hooks/useInitialValue.cjs.js"),Xe=require("./hooks/useSetCursorEnd.cjs.js"),Ye=require("./hooks/useMentionLink.cjs.js"),Ze=require("./hooks/useAnnotationsSync.cjs.js"),et=require("./hooks/useAnnotationsUpload.cjs.js"),tt=require("../../context/FeedContext.cjs.js");var ye=je.Quill.import("delta");const B=["@","@@","@@@"],L={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},nt=({initValue:O,initFiles:Ce=[],onSubmit:J,isEditing:j,disabled:T,isLoading:X,isOpen:u,onOpen:Y,onClose:Z})=>{var ge;const{projectName:q,entities:H,projectInfo:ke,scope:ot,currentTab:qe,mentionSuggestionsData:Ee}=tt.useFeedContext(),{users:ee,versions:te,tasks:ne}=Ee||{},[oe,Me]=l.useState(88),[N,F]=l.useState(""),[E,D]=l.useState(Ce),[_,b]=l.useState([]),[se,A]=l.useState(!1),[Re,re]=l.useState(!1),{annotations:P,removeAnnotation:K,goToAnnotation:we}=Ze.default({entityId:(ge=H[0])==null?void 0:ge.id,filesUploading:_}),[n,C]=l.useState(null),[V,M]=l.useState(0),d=l.useRef(null),ie=l.useRef(null);Je({markdownRef:ie,initValue:O,setEditorValue:F,setInitHeight:Me,isOpen:u,filter:qe}),Xe({initHeight:oe,editorRef:d,isEditing:j}),Ye({projectName:q}),l.useEffect(()=>{var e,t,o;if(u){if((t=(e=d.current)==null?void 0:e.getEditor())==null||t.enable(),P.length>0&&E.length===0)return;(o=d.current)==null||o.focus()}},[u,d]),B.sort((e,t)=>t.length-e.length);const le=l.useMemo(()=>Qe(n==null?void 0:n.type,{"@":()=>Ge(ee),"@@":()=>$e(te),"@@@":()=>We(ne,ke.taskTypes)},n==null?void 0:n.search),[ne,te,ee,n==null?void 0:n.type,n==null?void 0:n.search]),I=le.slice(0,5),[z,ae]=l.useState();l.useEffect(()=>{z&&(ae(null),d.current.getEditor().setSelection(z))},[z]);const ce=e=>{const t=d.current.getEditor(),o=n.type,s=o+(n.search||""),r=o+e.label,a=L[o],x=`${a==null?void 0:a.id}:${e.id}`,k=t.getSelection(!0),R=((k==null?void 0:k.index)||0)-s.length;t.deleteText(R,s.length),t.insertText(R,r,"mention",x);const w=R+r.length;t.updateContents(new ye().retain(w).insert(" ")),t.updateContents(new ye().retain(w+1).delete(1)),ae(w+1),C(null),M(0)},Se=e=>{ce(e)},ve=(e,t,o,s)=>{var R,w;let r=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=r===`
-`||r==="	",x=le[V];if(n&&a&&x){t.ops[0]&&t.ops[0].retain,ce(x);return}F(e);const k=t.ops.length===2&&!!t.ops[1].delete;if(!r&&k&&(r=s.getText(t.ops[0].retain-1,1)),B.includes(r)){const h=t.ops.findIndex(g=>"insert"in g||"delete"in g),c=r;let f=h===0?0:t.ops[h-1].retain;k&&(f=f-1);let p=null;for(const g of B){let S=!0;if(g.endsWith(c))for(let m=g.length-1;m>=0;m--){if(m===0)continue;const U=g[m-1],He=f-(g.length-m);if(s.getText(He,1)!==U){S=!1;break}}else S=!1;if(S){p=g;break}}p?C({type:p,retain:f}):(C(null),M(0))}else if(n){const h=t.ops[0].retain;if(r===" "||!h){C(null),M(0);return}let c=h-n.retain;k||c++;const f=s.getText(n.retain,c),p=f.replace(n.type.slice(-1),"");f.includes(" ")?(C(null),M(0)):C({...n,search:p==null?void 0:p.toLowerCase()})}else{const h=d.current.getEditor(),c=h.getSelection(!1);if(h.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[p]=h.getLine(c.index-1)||[],S=(((w=(R=p==null?void 0:p.cache)==null?void 0:R.delta)==null?void 0:w.ops)||[]).reverse().find(m=>{var U;return(U=m.attributes)==null?void 0:U.mention});if(S){const m=S.insert.length;h.deleteText(c.index-m,m)}}}},Te=e=>{var a;const t=d.current.getEditor();let o=((a=t.getSelection(!0))==null?void 0:a.index)||0;const s=t.getText(o-1,1);s!==" "&&s&&(t.insertText(o," "),o++),$.typeWithDelay(t,o,e)},Q=e=>{if(n){const{type:t,retain:o,search:s=""}=n,r=d.current.getEditor(),a=t.length+s.length,x=o-t.length+1;r.deleteText(x,a)}Te(e)},Ie=()=>{u||T||Y&&Y()},ue=()=>{(d.current.getEditor().getText().length<2||j)&&F(""),Z&&Z()},G=({file:e,data:t})=>{const o={id:t.id,name:e.name,mime:e.type,size:e.size,order:E.length};return D(s=>[...s,o]),b(s=>s.filter(r=>r.name!==e.name)),o},Fe=(e,t,o)=>{o?K==null||K(e):(D(s=>s.filter(r=>r.id!==e)),b(s=>s.filter(r=>r.name!==t)))},de=(e,t)=>{const o=Math.round(e.loaded*100/e.total);if(o!==100){const s={name:t.name,progress:o,type:t.type,order:E.length+_.length};b(r=>[...r.filter(x=>x.name!==t.name),s])}},De=e=>{A(!1),$.handleFileDrop(e,q,de,G)},be=e=>{e.preventDefault(),e.stopPropagation(),A(!0)},Ae=et({projectName:q,onSuccess:G}),pe=async()=>{try{re(!0);let e=[],t=[];if(P.length){const{files:a,metadata:x}=await Ae(P);e=a,t=x}const[o]=Oe.convertToMarkdown(N),s=$.parseImages(o),r=[...E,...e];if((s||r.length)&&J)try{await J(s,r,{annotations:t}),F(""),D([])}catch{return}}catch(e){console.error(e),Ne.toast.error("Something went wrong")}finally{re(!1)}},Pe=e=>{if(n){if(e.key==="Escape"){C(null),M(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let o=V+t;o<0&&(o=I.length-1),o>=I.length&&(o=0),M(o)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&pe(),e.key==="Escape"&&ue()};let xe=u?oe+41:44;j&&(xe=void 0);const Ue=l.useMemo(()=>fe.getModules({imageUploader:{projectName:q,onUpload:G,onUploadProgress:de}}),[q,D,b]),he=[...P,...E||[],..._].sort((e,t)=>e.order-t.order),Be=he.length>6;let me=null;return H.length&&H[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(me="Version mentions are disabled for folders"),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(y.AutoHeight,{className:W("comment-container",{isOpen:u,isEditing:j}),onDragOver:be,onDragLeave:()=>A(!1),onDrop:De,onClick:()=>A(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(y.Comment,{className:W("block-shortcuts",{isOpen:u,isClosed:!u||T,isEditing:j,isDropping:se,disabled:T,isLoading:X,isSubmitting:Re}),onKeyDown:Pe,onClick:Ie,children:[i.jsxRuntimeExports.jsx(y.Markdown,{ref:ie,children:i.jsxRuntimeExports.jsx(Ke,{typeOptions:L,initValue:O})}),u&&i.jsxRuntimeExports.jsx(Ve,{files:he,isCompact:Be,onRemove:Fe,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)"},projectName:q,onAnnotationClick:we}),u&&!T?i.jsxRuntimeExports.jsx(ze.QuillListStyles,{children:i.jsxRuntimeExports.jsx(je,{theme:"snow",style:{minHeight:xe,maxHeight:300},ref:d,value:N,onChange:ve,readOnly:!u,placeholder:"Comment or mention with @user, @@version, @@@task...",modules:Ue,formats:fe.quillFormats})}):i.jsxRuntimeExports.jsx(y.Placeholder,{children:T?"Commenting is disabled across multiple projects.":"Add a comment..."}),i.jsxRuntimeExports.jsxs(y.Footer,{children:[i.jsxRuntimeExports.jsxs(y.Buttons,{children:[i.jsxRuntimeExports.jsx(v.Button,{icon:"person",variant:"text",onClick:()=>Q("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(v.Button,{icon:"layers",variant:"text",onClick:()=>Q("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(v.Button,{icon:"check_circle",variant:"text",onClick:()=>Q("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(y.Buttons,{children:[j&&i.jsxRuntimeExports.jsx(v.Button,{variant:"text",onClick:ue,children:"Cancel"}),i.jsxRuntimeExports.jsx(v.SaveButton,{label:j?"Save":"Comment",className:"comment",active:!!N||!!E.length,onClick:pe,disabled:X})]})]}),i.jsxRuntimeExports.jsx(y.Dropzone,{className:W({show:se&&u}),children:i.jsxRuntimeExports.jsx(v.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(_e,{mention:n,options:I,onChange:Se,types:B,z:!0,config:L[n==null?void 0:n.type],noneFound:!I.length&&(n==null?void 0:n.search),noneFoundAtAll:!I.length&&!(n!=null&&n.search),selectedIndex:V,error:me})]})})};exports.default=nt;exports.mentionTypeOptions=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),Y=require("clsx"),Xe=require("react-toastify"),Se=require("react-quill-ayon"),I=require("@ynput/ayon-react-components"),Ze=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),et=require("./InputMarkdownConvert.cjs.js"),tt=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),nt=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),rt=require("../../mentionHelpers/getMentionOptions.cjs.js"),ot=require("../../mentionHelpers/getMentionUsers.cjs.js"),st=require("../../mentionHelpers/getMentionTasks.cjs.js"),it=require("../../mentionHelpers/getMentionVersions.cjs.js"),lt=require("./quillToMarkdown.cjs.js"),J=require("./helpers.cjs.js"),ke=require("./modules/index.cjs.js"),at=require("./hooks/useInitialValue.cjs.js"),ct=require("./hooks/useSetCursorEnd.cjs.js"),ut=require("./hooks/useMentionLink.cjs.js"),dt=require("./hooks/useAnnotationsSync.cjs.js"),pt=require("./hooks/useBlendedCategoryColor.cjs.js"),xt=require("./hooks/useAnnotationsUpload.cjs.js"),ht=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("uuid");require("../../../../util/pubsub.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const mt=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");require("date-fns");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const gt=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Re=Se.Quill.import("delta");const N=["@","@@","@@@"],_={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},ft=({initValue:X,initFiles:we=[],initCategory:Me=null,onSubmit:Z,isEditing:x,disabled:F,isLoading:ee,isOpen:u,onOpen:te,onClose:ne})=>{var ve;const{projectName:k,entities:K,projectInfo:Ee,scope:qt,currentTab:Te,mentionSuggestionsData:Ie,categories:re,isGuest:q}=ht.useFeedContext(),{hasLicense:Fe,onPowerFeature:De}=mt.useDetailsPanelContext(),{users:oe,versions:se,tasks:ie}=Ie||{},[le,be]=l.useState(88),[V,b]=l.useState(""),[R,P]=l.useState(we),[$,A]=l.useState([]),[ae,L]=l.useState(!1),[Pe,ce]=l.useState(!1),{annotations:B,removeAnnotation:Q,goToAnnotation:Ae}=dt.default({entityId:(ve=K[0])==null?void 0:ve.id,filesUploading:$}),[n,j]=l.useState(null),[z,S]=l.useState(0),[U,Le]=l.useState(Me),Be=re.filter(e=>e.accessLevel>=20),w=re.find(e=>e.name===U),ue=pt.useBlendedCategoryColor(w==null?void 0:w.color),d=l.useRef(null),Ue=l.useRef(null),de=l.useRef(null);at({markdownRef:de,initValue:X,setEditorValue:b,setInitHeight:be,isOpen:u,filter:Te}),ct({initHeight:le,editorRef:d,isEditing:x}),ut({projectName:k}),l.useEffect(()=>{var e,t,r;if(u){if((t=(e=d.current)==null?void 0:e.getEditor())==null||t.enable(),B.length>0&&R.length===0)return;(r=d.current)==null||r.focus()}},[u,d]),N.sort((e,t)=>t.length-e.length);const pe=l.useMemo(()=>rt(n==null?void 0:n.type,{"@":()=>ot(oe),"@@":()=>it(se),"@@@":()=>st(ie,Ee.taskTypes)},n==null?void 0:n.search),[ie,se,oe,n==null?void 0:n.type,n==null?void 0:n.search]),D=pe.slice(0,5),[G,xe]=l.useState();l.useEffect(()=>{G&&(xe(null),d.current.getEditor().setSelection(G))},[G]);const he=e=>{const t=d.current.getEditor(),r=n.type,o=r+(n.search||""),s=r+e.label,a=_[r],h=`${a==null?void 0:a.id}:${e.id}`,v=t.getSelection(!0),M=((v==null?void 0:v.index)||0)-o.length;t.deleteText(M,o.length),t.insertText(M,s,"mention",h);const E=M+s.length;t.updateContents(new Re().retain(E).insert(" ")),t.updateContents(new Re().retain(E+1).delete(1)),xe(E+1),j(null),S(0)},He=e=>{he(e)},Ne=(e,t,r,o)=>{var M,E;let s=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=s===`
+`||s==="	",h=pe[z];if(n&&a&&h&&!q){t.ops[0]&&t.ops[0].retain,he(h);return}b(e);const v=t.ops.length===2&&!!t.ops[1].delete;if(!s&&v&&(s=o.getText(t.ops[0].retain-1,1)),N.includes(s)){const m=t.ops.findIndex(f=>"insert"in f||"delete"in f),c=s;let y=m===0?0:t.ops[m-1].retain;v&&(y=y-1);let p=null;for(const f of N){let T=!0;if(f.endsWith(c))for(let g=f.length-1;g>=0;g--){if(g===0)continue;const H=f[g-1],Je=y-(f.length-g);if(o.getText(Je,1)!==H){T=!1;break}}else T=!1;if(T){p=f;break}}p?j({type:p,retain:y}):(j(null),S(0))}else if(n){const m=t.ops[0].retain;if(s===" "||!m){j(null),S(0);return}let c=m-n.retain;v||c++;const y=o.getText(n.retain,c),p=y.replace(n.type.slice(-1),"");y.includes(" ")?(j(null),S(0)):j({...n,search:p==null?void 0:p.toLowerCase()})}else{const m=d.current.getEditor(),c=m.getSelection(!1);if(m.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[p]=m.getLine(c.index-1)||[],T=(((E=(M=p==null?void 0:p.cache)==null?void 0:M.delta)==null?void 0:E.ops)||[]).reverse().find(g=>{var H;return(H=g.attributes)==null?void 0:H.mention});if(T){const g=T.insert.length;m.deleteText(c.index-g,g)}}}},_e=e=>{var a;const t=d.current.getEditor();let r=((a=t.getSelection(!0))==null?void 0:a.index)||0;const o=t.getText(r-1,1);o!==" "&&o&&(t.insertText(r," "),r++),J.typeWithDelay(t,r,e)},O=e=>{if(n){const{type:t,retain:r,search:o=""}=n,s=d.current.getEditor(),a=t.length+o.length,h=r-t.length+1;s.deleteText(h,a)}_e(e)},Ke=()=>{u||F||te&&te()},me=()=>{(d.current.getEditor().getText().length<2||x)&&b(""),ne&&ne()},W=({file:e,data:t})=>{const r={id:t.id,name:e.name,mime:e.type,size:e.size,order:R.length};return P(o=>[...o,r]),A(o=>o.filter(s=>s.name!==e.name)),r},Ve=(e,t,r)=>{r?Q==null||Q(e):(P(o=>o.filter(s=>s.id!==e)),A(o=>o.filter(s=>s.name!==t)))},ge=(e,t)=>{const r=Math.round(e.loaded*100/e.total);if(r!==100){const o={name:t.name,progress:r,type:t.type,order:R.length+$.length};A(s=>[...s.filter(h=>h.name!==t.name),o])}},$e=e=>{L(!1),J.handleFileDrop(e,k,ge,W)},Qe=e=>{e.preventDefault(),e.stopPropagation(),L(!0)},ze=xt({projectName:k,onSuccess:W}),fe=async()=>{try{ce(!0);let e=[],t=[];if(B.length){const{files:a,metadata:h}=await ze(B);e=a,t=h}const[r]=lt.convertToMarkdown(V),o=J.parseImages(r),s=[...R,...e];if((o||s.length)&&Z)try{await Z(o,s,{annotations:t,category:q?null:U}),b(""),P([])}catch{return}}catch(e){console.error(e),Xe.toast.error("Something went wrong")}finally{ce(!1)}},Ge=e=>{if(n){if(e.key==="Escape"){j(null),S(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let r=z+t;r<0&&(r=D.length-1),r>=D.length&&(r=0),S(r)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&fe(),e.key==="Escape"&&me()};let qe=u?le+41:44;x&&(qe=void 0);const Oe=l.useMemo(()=>ke.getModules({imageUploader:{projectName:k,onUpload:W,onUploadProgress:ge}}),[k,P,A]),ye=[...B,...R||[],...$].sort((e,t)=>e.order-t.order),We=ye.length>6;let Ce=null;K.length&&K[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(Ce="Version mentions are disabled for folders");const je=e=>F?q?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":q||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(C.AutoHeight,{className:Y("comment-container",{isOpen:u,isEditing:x}),onDragOver:Qe,onDragLeave:()=>L(!1),onDrop:$e,onClick:()=>L(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(C.Comment,{className:Y("block-shortcuts",{isOpen:u,isClosed:!u||F,isEditing:x,isDropping:ae,disabled:F,isLoading:ee,isSubmitting:Pe,category:!!U&&!q}),onKeyDown:Ge,onClick:Ke,$categoryPrimary:w==null?void 0:w.color,$categoryTertiary:ue.primary,$categorySecondary:ue.secondary,children:[i.jsxRuntimeExports.jsx(C.Markdown,{ref:de,children:i.jsxRuntimeExports.jsx(et,{typeOptions:_,initValue:X})}),u&&i.jsxRuntimeExports.jsx(tt,{files:ye,isCompact:We,onRemove:Ve,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)"},projectName:k,onAnnotationClick:Ae}),u&&!F?i.jsxRuntimeExports.jsxs(nt.QuillListStyles,{ref:Ue,children:[!q&&i.jsxRuntimeExports.jsx(gt.ActivityCategorySelect,{value:U,categories:Be,onChange:e=>Le(e),isCompact:x,hasPowerpack:Fe,onPowerFeature:De,style:{position:x?"relative":"absolute",left:4,top:x?0:4}}),i.jsxRuntimeExports.jsx(Se,{theme:"snow",style:{minHeight:qe,maxHeight:300},ref:d,value:V,onChange:Ne,readOnly:!u,placeholder:je(!0),modules:Oe,formats:ke.quillFormats})]}):i.jsxRuntimeExports.jsx(C.Placeholder,{children:je()}),i.jsxRuntimeExports.jsxs(C.Footer,{children:[!q&&i.jsxRuntimeExports.jsxs(C.Buttons,{children:[i.jsxRuntimeExports.jsx(I.Button,{icon:"person",variant:"text",onClick:()=>O("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(I.Button,{icon:"layers",variant:"text",onClick:()=>O("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(I.Button,{icon:"check_circle",variant:"text",onClick:()=>O("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(C.Buttons,{style:{marginLeft:"auto"},children:[x&&i.jsxRuntimeExports.jsx(I.Button,{variant:"text",onClick:me,children:"Cancel"}),i.jsxRuntimeExports.jsx(I.SaveButton,{label:x?"Save":"Comment",className:"comment",active:!!V||!!R.length,onClick:fe,disabled:ee})]})]}),i.jsxRuntimeExports.jsx(C.Dropzone,{className:Y({show:ae&&u}),children:i.jsxRuntimeExports.jsx(I.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(Ze,{mention:n,options:D,onChange:He,types:N,config:_[n==null?void 0:n.type],noneFound:!D.length&&(n==null?void 0:n.search),noneFoundAtAll:!D.length&&!(n!=null&&n.search),selectedIndex:z,error:Ce,isGuest:q})]})})};exports.default=ft;exports.mentionTypeOptions=_;
 //# sourceMappingURL=CommentInput.cjs.js.map