@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\nimport { mentionTypeOptions } from '@shared/util/mentionTypeOptions'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport { mentionTypeOptions }\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill"],"mappings":";;;;;;;;;;;;AAUYA,EAAM,OAAO,OAAO;"}
+{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\nimport { mentionTypeOptions } from '@shared/util/mentionTypeOptions'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport { mentionTypeOptions }\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '', editorRef })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n    }\n  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\n            const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n            if (lastMentionOp) {\n              const mentionLength = lastMentionOp.insert.length\n              quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill"],"mappings":";;;;;;;;;;;;;AAUYA,EAAM,OAAO,OAAO;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),m=require("styled-components"),i=require("clsx"),n=m.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),p=require("styled-components"),a=require("clsx");require("lodash");require("react-toastify");require("uuid");const m=require("../../util/errorHandling.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const n=p.div`
   position: absolute;
   /* center */
   top: 30%;
@@ -41,5 +41,5 @@
       margin-top: -16px;
     }
   }
-`,x=({icon:l,message:e,error:s,ynputError:d=!0,children:t,pt:p,className:c,...a})=>s?r.jsxRuntimeExports.jsxs(n,{className:i(c,"empty-placeholder","isError"),...a,children:[r.jsxRuntimeExports.jsx(o.Icon,{icon:"error",className:"placeholder-icon"}),r.jsxRuntimeExports.jsx("h3",{children:"Something went wrong."}),r.jsxRuntimeExports.jsxs("span",{className:"error-message",...p?.error,children:["ERROR: ",JSON.stringify(s)]}),d&&r.jsxRuntimeExports.jsx("span",{children:"This should not happen. Please send a screenshot to the Ynput team!"}),t]}):r.jsxRuntimeExports.jsxs(n,{className:i(c,"empty-placeholder"),...a,children:[r.jsxRuntimeExports.jsx(o.Icon,{icon:l||"info",className:"placeholder-icon"}),r.jsxRuntimeExports.jsx("h3",{children:typeof e=="object"?JSON.stringify(e):e}),t]});exports.EmptyPlaceholder=x;exports.Placeholder=n;
+`,x=({icon:l,message:e,error:s,ynputError:d=!0,children:t,pt:u,className:c,...i})=>s?r.jsxRuntimeExports.jsxs(n,{className:a(c,"empty-placeholder","isError"),...i,children:[r.jsxRuntimeExports.jsx(o.Icon,{icon:"error",className:"placeholder-icon"}),r.jsxRuntimeExports.jsx("h3",{children:"Something went wrong."}),r.jsxRuntimeExports.jsxs("span",{className:"error-message",...u?.error,children:["ERROR: ",m.getRequestErrorString(s)||"Unknown error"]}),d&&r.jsxRuntimeExports.jsx("span",{children:"This should not happen. Please send a screenshot to the Ynput team!"}),t]}):r.jsxRuntimeExports.jsxs(n,{className:a(c,"empty-placeholder"),...i,children:[r.jsxRuntimeExports.jsx(o.Icon,{icon:l||"info",className:"placeholder-icon"}),r.jsxRuntimeExports.jsx("h3",{children:typeof e=="object"?JSON.stringify(e):e}),t]});exports.EmptyPlaceholder=x;exports.Placeholder=n;
 //# sourceMappingURL=EmptyPlaceholder.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyPlaceholder.cjs.js","sources":["../../../../../src/components/EmptyPlaceholder/EmptyPlaceholder.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nexport const Placeholder = styled.div`\n  position: absolute;\n  /* center */\n  top: 30%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  user-select: none;\n\n  h3 {\n    text-align: center;\n    ${theme.titleLarge}\n  }\n\n  .placeholder-icon {\n    font-size: 64px;\n    padding: 8px;\n    background-color: var(--md-sys-color-secondary-container);\n    border-radius: 100%;\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  &.isError {\n    .placeholder-icon {\n      color: var(--md-sys-color-error-container);\n      background-color: var(--md-sys-color-on-error-container);\n    }\n\n    .error-message {\n      max-width: 700px;\n      color: var(--md-sys-color-error-on-container);\n      background-color: var(--md-sys-color-error-container);\n\n      padding: var(--padding-m) var(--padding-m);\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      margin-top: -16px;\n    }\n  }\n`\n\nexport interface EmptyPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: string\n  message?: string\n  error?: any\n  ynputError?: boolean\n  pt?: {\n    error?: React.HTMLAttributes<HTMLDivElement>\n  }\n}\n\nexport const EmptyPlaceholder: FC<EmptyPlaceholderProps> = ({\n  icon,\n  message,\n  error,\n  ynputError = true,\n  children,\n  pt,\n  className,\n  ...props\n}) => {\n  if (error) {\n    return (\n      <Placeholder className={clsx(className, 'empty-placeholder', 'isError')} {...props}>\n        <Icon icon=\"error\" className=\"placeholder-icon\" />\n        <h3>Something went wrong.</h3>\n        <span className=\"error-message\" {...pt?.error}>\n          ERROR: {JSON.stringify(error)}\n        </span>\n        {ynputError && (\n          <span>This should not happen. Please send a screenshot to the Ynput team!</span>\n        )}\n        {children}\n      </Placeholder>\n    )\n  }\n\n  return (\n    <Placeholder className={clsx(className, 'empty-placeholder')} {...props}>\n      <Icon icon={icon || 'info'} className=\"placeholder-icon\" />\n      <h3>{typeof message === 'object' ? JSON.stringify(message) : message}</h3>\n      {children}\n    </Placeholder>\n  )\n}\n"],"names":["Placeholder","styled","theme","EmptyPlaceholder","icon","message","error","ynputError","children","pt","className","props","jsxs","clsx","jsx","Icon"],"mappings":"sOAKaA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAe5BC,EAAAA,MAAM,UAAU;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,EAwCTC,EAA8C,CAAC,CAC1D,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACML,EAEAM,yBAACZ,GAAY,UAAWa,EAAKH,EAAW,oBAAqB,SAAS,EAAI,GAAGC,EAC3E,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,QAAQ,UAAU,mBAAmB,EAChDD,EAAAA,kBAAAA,IAAC,MAAG,SAAA,uBAAA,CAAqB,2BACxB,OAAA,CAAK,UAAU,gBAAiB,GAAGL,GAAI,MAAO,SAAA,CAAA,UACrC,KAAK,UAAUH,CAAK,CAAA,EAC9B,EACCC,GACCO,EAAAA,kBAAAA,IAAC,OAAA,CAAK,SAAA,qEAAA,CAAmE,EAE1EN,CAAA,EACH,EAKFI,EAAAA,kBAAAA,KAACZ,GAAY,UAAWa,EAAKH,EAAW,mBAAmB,EAAI,GAAGC,EAChE,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMX,GAAQ,OAAQ,UAAU,mBAAmB,EACzDU,EAAAA,kBAAAA,IAAC,MAAI,SAAA,OAAOT,GAAY,SAAW,KAAK,UAAUA,CAAO,EAAIA,CAAA,CAAQ,EACpEG,CAAA,EACH"}
+{"version":3,"file":"EmptyPlaceholder.cjs.js","sources":["../../../../../src/components/EmptyPlaceholder/EmptyPlaceholder.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\nimport { getRequestErrorString } from '@shared/util'\n\nexport const Placeholder = styled.div`\n  position: absolute;\n  /* center */\n  top: 30%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  user-select: none;\n\n  h3 {\n    text-align: center;\n    ${theme.titleLarge}\n  }\n\n  .placeholder-icon {\n    font-size: 64px;\n    padding: 8px;\n    background-color: var(--md-sys-color-secondary-container);\n    border-radius: 100%;\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  &.isError {\n    .placeholder-icon {\n      color: var(--md-sys-color-error-container);\n      background-color: var(--md-sys-color-on-error-container);\n    }\n\n    .error-message {\n      max-width: 700px;\n      color: var(--md-sys-color-error-on-container);\n      background-color: var(--md-sys-color-error-container);\n\n      padding: var(--padding-m) var(--padding-m);\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      margin-top: -16px;\n    }\n  }\n`\n\nexport interface EmptyPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: string\n  message?: string\n  error?: any\n  ynputError?: boolean\n  pt?: {\n    error?: React.HTMLAttributes<HTMLDivElement>\n  }\n}\n\nexport const EmptyPlaceholder: FC<EmptyPlaceholderProps> = ({\n  icon,\n  message,\n  error,\n  ynputError = true,\n  children,\n  pt,\n  className,\n  ...props\n}) => {\n  if (error) {\n    return (\n      <Placeholder className={clsx(className, 'empty-placeholder', 'isError')} {...props}>\n        <Icon icon=\"error\" className=\"placeholder-icon\" />\n        <h3>Something went wrong.</h3>\n        <span className=\"error-message\" {...pt?.error}>\n          ERROR: {getRequestErrorString(error) || 'Unknown error'}\n        </span>\n        {ynputError && (\n          <span>This should not happen. Please send a screenshot to the Ynput team!</span>\n        )}\n        {children}\n      </Placeholder>\n    )\n  }\n\n  return (\n    <Placeholder className={clsx(className, 'empty-placeholder')} {...props}>\n      <Icon icon={icon || 'info'} className=\"placeholder-icon\" />\n      <h3>{typeof message === 'object' ? JSON.stringify(message) : message}</h3>\n      {children}\n    </Placeholder>\n  )\n}\n"],"names":["Placeholder","styled","theme","EmptyPlaceholder","icon","message","error","ynputError","children","pt","className","props","jsxs","clsx","jsx","Icon","getRequestErrorString"],"mappings":"wdAMO,MAAMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAe5BC,EAAAA,MAAM,UAAU;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,EAwCTC,EAA8C,CAAC,CAC1D,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACML,EAEAM,yBAACZ,GAAY,UAAWa,EAAKH,EAAW,oBAAqB,SAAS,EAAI,GAAGC,EAC3E,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,QAAQ,UAAU,mBAAmB,EAChDD,EAAAA,kBAAAA,IAAC,MAAG,SAAA,uBAAA,CAAqB,2BACxB,OAAA,CAAK,UAAU,gBAAiB,GAAGL,GAAI,MAAO,SAAA,CAAA,UACrCO,EAAAA,sBAAsBV,CAAK,GAAK,eAAA,EAC1C,EACCC,GACCO,EAAAA,kBAAAA,IAAC,OAAA,CAAK,SAAA,qEAAA,CAAmE,EAE1EN,CAAA,EACH,EAKFI,EAAAA,kBAAAA,KAACZ,GAAY,UAAWa,EAAKH,EAAW,mBAAmB,EAAI,GAAGC,EAChE,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMX,GAAQ,OAAQ,UAAU,mBAAmB,EACzDU,EAAAA,kBAAAA,IAAC,MAAI,SAAA,OAAOT,GAAY,SAAW,KAAK,UAAUA,CAAO,EAAIA,CAAA,CAAQ,EACpEG,CAAA,EACH"}

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

@@ -1,8 +1,15 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { theme as p, Icon as c } from "@ynput/ayon-react-components";
+import { theme as p, Icon as a } from "@ynput/ayon-react-components";
 import h from "styled-components";
-import t from "clsx";
-const l = h.div`
+import c from "clsx";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import { getRequestErrorString as x } from "../../util/errorHandling.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.es.js";
+const i = h.div`
   position: absolute;
   /* center */
   top: 30%;
@@ -45,31 +52,31 @@ const l = h.div`
       margin-top: -16px;
     }
   }
-`, f = ({
-  icon: i,
+`, w = ({
+  icon: l,
   message: o,
   error: e,
   ynputError: d = !0,
   children: n,
   pt: m,
-  className: s,
-  ...a
-}) => e ? /* @__PURE__ */ r.jsxs(l, { className: t(s, "empty-placeholder", "isError"), ...a, children: [
-  /* @__PURE__ */ r.jsx(c, { icon: "error", className: "placeholder-icon" }),
+  className: t,
+  ...s
+}) => e ? /* @__PURE__ */ r.jsxs(i, { className: c(t, "empty-placeholder", "isError"), ...s, children: [
+  /* @__PURE__ */ r.jsx(a, { icon: "error", className: "placeholder-icon" }),
   /* @__PURE__ */ r.jsx("h3", { children: "Something went wrong." }),
   /* @__PURE__ */ r.jsxs("span", { className: "error-message", ...m?.error, children: [
     "ERROR: ",
-    JSON.stringify(e)
+    x(e) || "Unknown error"
   ] }),
   d && /* @__PURE__ */ r.jsx("span", { children: "This should not happen. Please send a screenshot to the Ynput team!" }),
   n
-] }) : /* @__PURE__ */ r.jsxs(l, { className: t(s, "empty-placeholder"), ...a, children: [
-  /* @__PURE__ */ r.jsx(c, { icon: i || "info", className: "placeholder-icon" }),
+] }) : /* @__PURE__ */ r.jsxs(i, { className: c(t, "empty-placeholder"), ...s, children: [
+  /* @__PURE__ */ r.jsx(a, { icon: l || "info", className: "placeholder-icon" }),
   /* @__PURE__ */ r.jsx("h3", { children: typeof o == "object" ? JSON.stringify(o) : o }),
   n
 ] });
 export {
-  f as EmptyPlaceholder,
-  l as Placeholder
+  w as EmptyPlaceholder,
+  i as Placeholder
 };
 //# sourceMappingURL=EmptyPlaceholder.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyPlaceholder.es.js","sources":["../../../../../src/components/EmptyPlaceholder/EmptyPlaceholder.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nexport const Placeholder = styled.div`\n  position: absolute;\n  /* center */\n  top: 30%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  user-select: none;\n\n  h3 {\n    text-align: center;\n    ${theme.titleLarge}\n  }\n\n  .placeholder-icon {\n    font-size: 64px;\n    padding: 8px;\n    background-color: var(--md-sys-color-secondary-container);\n    border-radius: 100%;\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  &.isError {\n    .placeholder-icon {\n      color: var(--md-sys-color-error-container);\n      background-color: var(--md-sys-color-on-error-container);\n    }\n\n    .error-message {\n      max-width: 700px;\n      color: var(--md-sys-color-error-on-container);\n      background-color: var(--md-sys-color-error-container);\n\n      padding: var(--padding-m) var(--padding-m);\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      margin-top: -16px;\n    }\n  }\n`\n\nexport interface EmptyPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: string\n  message?: string\n  error?: any\n  ynputError?: boolean\n  pt?: {\n    error?: React.HTMLAttributes<HTMLDivElement>\n  }\n}\n\nexport const EmptyPlaceholder: FC<EmptyPlaceholderProps> = ({\n  icon,\n  message,\n  error,\n  ynputError = true,\n  children,\n  pt,\n  className,\n  ...props\n}) => {\n  if (error) {\n    return (\n      <Placeholder className={clsx(className, 'empty-placeholder', 'isError')} {...props}>\n        <Icon icon=\"error\" className=\"placeholder-icon\" />\n        <h3>Something went wrong.</h3>\n        <span className=\"error-message\" {...pt?.error}>\n          ERROR: {JSON.stringify(error)}\n        </span>\n        {ynputError && (\n          <span>This should not happen. Please send a screenshot to the Ynput team!</span>\n        )}\n        {children}\n      </Placeholder>\n    )\n  }\n\n  return (\n    <Placeholder className={clsx(className, 'empty-placeholder')} {...props}>\n      <Icon icon={icon || 'info'} className=\"placeholder-icon\" />\n      <h3>{typeof message === 'object' ? JSON.stringify(message) : message}</h3>\n      {children}\n    </Placeholder>\n  )\n}\n"],"names":["Placeholder","styled","theme","EmptyPlaceholder","icon","message","error","ynputError","children","pt","className","props","jsxs","clsx","jsx","Icon"],"mappings":";;;;AAKO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAe5BC,EAAM,UAAU;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,GAwCTC,IAA8C,CAAC;AAAA,EAC1D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACML,IAEAM,gBAAAA,OAACZ,KAAY,WAAWa,EAAKH,GAAW,qBAAqB,SAAS,GAAI,GAAGC,GAC3E,UAAA;AAAA,EAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAK,SAAQ,WAAU,oBAAmB;AAAA,EAChDD,gBAAAA,EAAAA,IAAC,QAAG,UAAA,wBAAA,CAAqB;AAAA,yBACxB,QAAA,EAAK,WAAU,iBAAiB,GAAGL,GAAI,OAAO,UAAA;AAAA,IAAA;AAAA,IACrC,KAAK,UAAUH,CAAK;AAAA,EAAA,GAC9B;AAAA,EACCC,KACCO,gBAAAA,EAAAA,IAAC,QAAA,EAAK,UAAA,sEAAA,CAAmE;AAAA,EAE1EN;AAAA,GACH,IAKFI,gBAAAA,EAAAA,KAACZ,KAAY,WAAWa,EAAKH,GAAW,mBAAmB,GAAI,GAAGC,GAChE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMX,KAAQ,QAAQ,WAAU,oBAAmB;AAAA,EACzDU,gBAAAA,EAAAA,IAAC,QAAI,UAAA,OAAOT,KAAY,WAAW,KAAK,UAAUA,CAAO,IAAIA,EAAA,CAAQ;AAAA,EACpEG;AAAA,GACH;"}
+{"version":3,"file":"EmptyPlaceholder.es.js","sources":["../../../../../src/components/EmptyPlaceholder/EmptyPlaceholder.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\nimport { getRequestErrorString } from '@shared/util'\n\nexport const Placeholder = styled.div`\n  position: absolute;\n  /* center */\n  top: 30%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  user-select: none;\n\n  h3 {\n    text-align: center;\n    ${theme.titleLarge}\n  }\n\n  .placeholder-icon {\n    font-size: 64px;\n    padding: 8px;\n    background-color: var(--md-sys-color-secondary-container);\n    border-radius: 100%;\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  &.isError {\n    .placeholder-icon {\n      color: var(--md-sys-color-error-container);\n      background-color: var(--md-sys-color-on-error-container);\n    }\n\n    .error-message {\n      max-width: 700px;\n      color: var(--md-sys-color-error-on-container);\n      background-color: var(--md-sys-color-error-container);\n\n      padding: var(--padding-m) var(--padding-m);\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      margin-top: -16px;\n    }\n  }\n`\n\nexport interface EmptyPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: string\n  message?: string\n  error?: any\n  ynputError?: boolean\n  pt?: {\n    error?: React.HTMLAttributes<HTMLDivElement>\n  }\n}\n\nexport const EmptyPlaceholder: FC<EmptyPlaceholderProps> = ({\n  icon,\n  message,\n  error,\n  ynputError = true,\n  children,\n  pt,\n  className,\n  ...props\n}) => {\n  if (error) {\n    return (\n      <Placeholder className={clsx(className, 'empty-placeholder', 'isError')} {...props}>\n        <Icon icon=\"error\" className=\"placeholder-icon\" />\n        <h3>Something went wrong.</h3>\n        <span className=\"error-message\" {...pt?.error}>\n          ERROR: {getRequestErrorString(error) || 'Unknown error'}\n        </span>\n        {ynputError && (\n          <span>This should not happen. Please send a screenshot to the Ynput team!</span>\n        )}\n        {children}\n      </Placeholder>\n    )\n  }\n\n  return (\n    <Placeholder className={clsx(className, 'empty-placeholder')} {...props}>\n      <Icon icon={icon || 'info'} className=\"placeholder-icon\" />\n      <h3>{typeof message === 'object' ? JSON.stringify(message) : message}</h3>\n      {children}\n    </Placeholder>\n  )\n}\n"],"names":["Placeholder","styled","theme","EmptyPlaceholder","icon","message","error","ynputError","children","pt","className","props","jsxs","clsx","jsx","Icon","getRequestErrorString"],"mappings":";;;;;;;;;;;AAMO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAe5BC,EAAM,UAAU;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,GAwCTC,IAA8C,CAAC;AAAA,EAC1D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACML,IAEAM,gBAAAA,OAACZ,KAAY,WAAWa,EAAKH,GAAW,qBAAqB,SAAS,GAAI,GAAGC,GAC3E,UAAA;AAAA,EAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAK,SAAQ,WAAU,oBAAmB;AAAA,EAChDD,gBAAAA,EAAAA,IAAC,QAAG,UAAA,wBAAA,CAAqB;AAAA,yBACxB,QAAA,EAAK,WAAU,iBAAiB,GAAGL,GAAI,OAAO,UAAA;AAAA,IAAA;AAAA,IACrCO,EAAsBV,CAAK,KAAK;AAAA,EAAA,GAC1C;AAAA,EACCC,KACCO,gBAAAA,EAAAA,IAAC,QAAA,EAAK,UAAA,sEAAA,CAAmE;AAAA,EAE1EN;AAAA,GACH,IAKFI,gBAAAA,EAAAA,KAACZ,KAAY,WAAWa,EAAKH,GAAW,mBAAmB,GAAI,GAAGC,GAChE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMX,KAAQ,QAAQ,WAAU,oBAAmB;AAAA,EACzDU,gBAAAA,EAAAA,IAAC,QAAI,UAAA,OAAOT,KAAY,WAAW,KAAK,UAAUA,CAAO,IAAIA,EAAA,CAAQ;AAAA,EACpEG;AAAA,GACH;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),ne=require("clsx"),se=require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");const oe=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/listItemsColumnStats.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/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");const ae=require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.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");const ue=require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const c=require("./EntityPanelUploader.styled.cjs.js"),le=require("./Dropzone.cjs.js"),de=require("axios"),w=require("react-toastify");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("@ynput/ayon-react-components");require("../ReviewablesList/ReviewablesList.styled.cjs.js");;/* empty css                                                 */require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("lodash");require("uuid");const q=require("../../util/versionUploadHelpers.cjs.js");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const ce=require("../ReviewablesList/useReviewablesUpload.cjs.js"),qe=require("../../context/DetailsPanelContext.cjs.js"),pe=require("./EntityPanelUploaderDialog.cjs.js"),ge=require("../VersionUploader/context/VersionUploadContext.cjs.js"),me=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],xe=({children:N=[],entityType:Z,entities:v=[],projectName:j,thumbnailInputRef:$,versionsInputRef:A,onVersionCreated:L})=>{const{dispatch:M}=qe.useDetailsPanelContext(),b=ge.useOptionalVersionUploadContext(),[T,p]=l.useState(!1),[D,g]=l.useState(null),d=l.useRef(0),[E,o]=l.useState(null),[H,y]=l.useState(0),[W,m]=l.useState(!1),[U,x]=l.useState(null),t=v.length===1?v[0]:null,V=t?.task?.id,P=t?.folder?.id,_=t?.product?.id,B=t?.id,C=!!(t&&Z!=="representation"),{handleFileUpload:G}=ce.useReviewablesUpload({projectName:j,versionId:B,taskId:V,folderId:P,productId:_,dispatch:M,onUpload:()=>{o(null),y(0)},onProgress:e=>{y(e)}}),J=me.filter(e=>e.id==="version"?C:!0),s=()=>{o(null),p(!1),g(null),d.current=0,y(0),m(!1),x(null)},K=async e=>{if(!U||!t){m(!1),x(null);return}const r=q.sanitizeProductName(e);if(!r.trim()){w.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!P)throw new Error("Folder ID is required to create a product");o("version");const n=await q.createProductHelper(Y,j,{folderId:P,name:r,productType:"review",productBaseType:"review"});m(!1),await I(U,n.id),x(null)}catch(n){q.handleUploadError(n,"creating product"),s()}},Q=()=>{m(!1),x(null),s()},[X]=ue.useCreateVersionMutation(),[Y]=ae.useCreateProductMutation(),k=async e=>{if(!C||!t)return w.toast.error("Please select exactly one version to upload reviewables"),s();if(b){const f=Array.from(e).map(u=>({file:u,preview:u.type.startsWith("image/")?URL.createObjectURL(u):void 0}));b.setPendingFiles(u=>[...u,...f]);const a=t.product,h=t.task?{id:t.task.id,name:t.task.name,label:t.task.label,taskType:t.task.taskType}:void 0;b.onOpenVersionUpload({productId:a?.id,folderId:t.folder?.id,taskId:t.task?.id,linkedTask:h,latestVersionNumber:a?.latestVersion?.version,latestVersionId:a?.latestVersion?.id}),s();return}const r=t.product?.id;if(!r){x(e),m(!0);return}await I(e,r)},I=async(e,r)=>{try{const n=q.getNextVersionNumber(t.product?.latestVersion),f=await q.createVersionHelper(X,j,{productId:r,taskId:V,version:n});await G(e,f.id),s(),L?.(f.id)}catch(n){q.handleUploadError(n,"uploading version"),s()}},S=async e=>{if(!e)return s();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const a of v){const{id:h,entityType:u,projectName:R}=a;if(!R)throw new Error("Project name is required");const ie=de.post(R&&`/api/projects/${R}/${u}s/${h}/thumbnail`,e,{onUploadProgress:O=>{y(Math.round(100*O.loaded/(O.total||e.size)))},headers:{"Content-Type":e.type}});r.push(ie)}const f=(await Promise.all(r)).map((a,h)=>({thumbnailId:a.data.id,id:v[h].id}));p(!1),s()}catch(r){console.error(r),w.toast.error(r.message),s()}},[fe]=oe.useUpdateEntitiesMutation(),z=e=>{e.preventDefault(),d.current++,d.current===1&&p(!0)},ee=e=>{e.preventDefault(),d.current--,d.current===0&&(p(!1),g(null))},re=e=>{e.preventDefault()},te=e=>{if(e.preventDefault(),d.current=0,p(!1),g(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){o("thumbnail");const r=e.dataTransfer.files[0];S(r)}if(D==="version"){o("version");const r=e.dataTransfer.files;k(r)}}},F=async(e,r)=>{const n=e.target.files;!n||n.length===0||(r==="version"&&(o("version"),k(n)),r==="thumbnail"&&(o("thumbnail"),S(n[0])))};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(c.DragAndDropWrapper,{className:ne({dragging:T}),onDragEnter:z,onDragLeave:ee,onDragOver:re,onDrop:te,children:[i.jsxRuntimeExports.jsx(se.ThumbnailWrapper,{children:i.jsxRuntimeExports.jsx("div",{children:N})}),T&&i.jsxRuntimeExports.jsx(c.DropZones,{children:J.map(e=>i.jsxRuntimeExports.jsx(le,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>g(e.id),onDragLeave:()=>g(null)},e.id))}),(E==="thumbnail"||E==="version")&&i.jsxRuntimeExports.jsxs(c.DropZones,{children:[i.jsxRuntimeExports.jsxs(c.UploadingProgress,{children:[i.jsxRuntimeExports.jsx(c.Progress,{style:{right:`${100-H}%`}}),i.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${E}...`})]}),i.jsxRuntimeExports.jsx(c.CancelButton,{icon:"close",variant:"text",onClick:s})]}),i.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"thumbnail"),ref:$}),i.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"version"),ref:A})]}),i.jsxRuntimeExports.jsx(pe,{isOpen:W,files:U,onSubmit:K,onCancel:Q})]})};exports.EntityPanelUploader=xe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),ne=require("clsx"),se=require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");const oe=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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");const ue=require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.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");const ae=require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const c=require("./EntityPanelUploader.styled.cjs.js"),le=require("./Dropzone.cjs.js"),de=require("axios"),w=require("react-toastify");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("@ynput/ayon-react-components");require("../ReviewablesList/ReviewablesList.styled.cjs.js");;/* empty css                                                 */require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("lodash");require("uuid");const q=require("../../util/versionUploadHelpers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const ce=require("../ReviewablesList/useReviewablesUpload.cjs.js"),qe=require("../../context/DetailsPanelContext.cjs.js"),pe=require("./EntityPanelUploaderDialog.cjs.js"),ge=require("../VersionUploader/context/VersionUploadContext.cjs.js"),me=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],xe=({children:N=[],entityType:Z,entities:v=[],projectName:j,thumbnailInputRef:$,versionsInputRef:A,onVersionCreated:L})=>{const{dispatch:M}=qe.useDetailsPanelContext(),b=ge.useOptionalVersionUploadContext(),[T,p]=l.useState(!1),[D,g]=l.useState(null),d=l.useRef(0),[E,o]=l.useState(null),[H,y]=l.useState(0),[W,m]=l.useState(!1),[U,x]=l.useState(null),i=v.length===1?v[0]:null,V=i?.task?.id,P=i?.folder?.id,_=i?.product?.id,B=i?.id,C=!!(i&&Z!=="representation"),{handleFileUpload:G}=ce.useReviewablesUpload({projectName:j,versionId:B,taskId:V,folderId:P,productId:_,dispatch:M,onUpload:()=>{o(null),y(0)},onProgress:e=>{y(e)}}),J=me.filter(e=>e.id==="version"?C:!0),s=()=>{o(null),p(!1),g(null),d.current=0,y(0),m(!1),x(null)},K=async e=>{if(!U||!i){m(!1),x(null);return}const r=q.sanitizeProductName(e);if(!r.trim()){w.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!P)throw new Error("Folder ID is required to create a product");o("version");const n=await q.createProductHelper(Y,j,{folderId:P,name:r,productType:"review",productBaseType:"review"});m(!1),await I(U,n.id),x(null)}catch(n){q.handleUploadError(n,"creating product"),s()}},Q=()=>{m(!1),x(null),s()},[X]=ae.useCreateVersionMutation(),[Y]=ue.useCreateProductMutation(),k=async e=>{if(!C||!i)return w.toast.error("Please select exactly one version to upload reviewables"),s();if(b){const f=Array.from(e).map(a=>({file:a,preview:a.type.startsWith("image/")?URL.createObjectURL(a):void 0}));b.setPendingFiles(a=>[...a,...f]);const u=i.product,h=i.task?{id:i.task.id,name:i.task.name,label:i.task.label,taskType:i.task.taskType}:void 0;b.onOpenVersionUpload({productId:u?.id,folderId:i.folder?.id,taskId:i.task?.id,linkedTask:h,latestVersionNumber:u?.latestVersion?.version,latestVersionId:u?.latestVersion?.id}),s();return}const r=i.product?.id;if(!r){x(e),m(!0);return}await I(e,r)},I=async(e,r)=>{try{const n=q.getNextVersionNumber(i.product?.latestVersion),f=await q.createVersionHelper(X,j,{productId:r,taskId:V,version:n});await G(e,f.id),s(),L?.(f.id)}catch(n){q.handleUploadError(n,"uploading version"),s()}},S=async e=>{if(!e)return s();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const u of v){const{id:h,entityType:a,projectName:R}=u;if(!R)throw new Error("Project name is required");const te=de.post(R&&`/api/projects/${R}/${a}s/${h}/thumbnail`,e,{onUploadProgress:O=>{y(Math.round(100*O.loaded/(O.total||e.size)))},headers:{"Content-Type":e.type}});r.push(te)}const f=(await Promise.all(r)).map((u,h)=>({thumbnailId:u.data.id,id:v[h].id}));p(!1),s()}catch(r){console.error(r),w.toast.error(r.message),s()}},[fe]=oe.useUpdateEntitiesMutation(),z=e=>{e.preventDefault(),d.current++,d.current===1&&p(!0)},ee=e=>{e.preventDefault(),d.current--,d.current===0&&(p(!1),g(null))},re=e=>{e.preventDefault()},ie=e=>{if(e.preventDefault(),d.current=0,p(!1),g(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){o("thumbnail");const r=e.dataTransfer.files[0];S(r)}if(D==="version"){o("version");const r=e.dataTransfer.files;k(r)}}},F=async(e,r)=>{const n=e.target.files;!n||n.length===0||(r==="version"&&(o("version"),k(n)),r==="thumbnail"&&(o("thumbnail"),S(n[0])))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(c.DragAndDropWrapper,{className:ne({dragging:T}),onDragEnter:z,onDragLeave:ee,onDragOver:re,onDrop:ie,children:[t.jsxRuntimeExports.jsx(se.ThumbnailWrapper,{children:t.jsxRuntimeExports.jsx("div",{children:N})}),T&&t.jsxRuntimeExports.jsx(c.DropZones,{children:J.map(e=>t.jsxRuntimeExports.jsx(le,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>g(e.id),onDragLeave:()=>g(null)},e.id))}),(E==="thumbnail"||E==="version")&&t.jsxRuntimeExports.jsxs(c.DropZones,{children:[t.jsxRuntimeExports.jsxs(c.UploadingProgress,{children:[t.jsxRuntimeExports.jsx(c.Progress,{style:{right:`${100-H}%`}}),t.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${E}...`})]}),t.jsxRuntimeExports.jsx(c.CancelButton,{icon:"close",variant:"text",onClick:s})]}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"thumbnail"),ref:$}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"version"),ref:A})]}),t.jsxRuntimeExports.jsx(pe,{isOpen:W,files:U,onSubmit:K,onCancel:Q})]})};exports.EntityPanelUploader=xe;
 //# sourceMappingURL=EntityPanelUploader.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport { useOptionalVersionUploadContext } from '../VersionUploader/context/VersionUploadContext'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  /** Hoisted by the parent so ThumbnailUploadProvider (also hoisted) and the\n   *  underlying <input> share the same ref identity. */\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n  children?: JSX.Element | JSX.Element[]\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  thumbnailInputRef,\n  versionsInputRef,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  const versionUploadCtx = useOptionalVersionUploadContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n        productBaseType: 'review',\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    if (versionUploadCtx) {\n      const fileArray = Array.from(files)\n      const pending = fileArray.map((file) => ({\n        file,\n        preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n      }))\n      versionUploadCtx.setPendingFiles((prev) => [...prev, ...pending])\n\n      const product = singleEntity.product\n      const linkedTask = singleEntity.task\n        ? {\n            id: singleEntity.task.id,\n            name: singleEntity.task.name,\n            label: singleEntity.task.label,\n            taskType: singleEntity.task.taskType,\n          }\n        : undefined\n\n      versionUploadCtx.onOpenVersionUpload({\n        productId: product?.id,\n        folderId: singleEntity.folder?.id,\n        taskId: singleEntity.task?.id,\n        linkedTask,\n        latestVersionNumber: product?.latestVersion?.version,\n        latestVersionId: product?.latestVersion?.id,\n      })\n      // Reset local upload UI; the dialog now drives the flow.\n      resetState()\n      return\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      setIsDraggingFile(false)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  return (\n    <>\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","thumbnailInputRef","versionsInputRef","onVersionCreated","dispatch","useDetailsPanelContext","versionUploadCtx","useOptionalVersionUploadContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","pending","file","prev","product","linkedTask","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleUploadThumbnail","promises","entity","id","promise","axios","e","updatedEntities","res","i","updateEntities","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","jsxs","Fragment","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
+{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport { useOptionalVersionUploadContext } from '../VersionUploader/context/VersionUploadContext'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  /** Hoisted by the parent so ThumbnailUploadProvider (also hoisted) and the\n   *  underlying <input> share the same ref identity. */\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n  children?: JSX.Element | JSX.Element[]\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  thumbnailInputRef,\n  versionsInputRef,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  const versionUploadCtx = useOptionalVersionUploadContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n        productBaseType: 'review',\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    if (versionUploadCtx) {\n      const fileArray = Array.from(files)\n      const pending = fileArray.map((file) => ({\n        file,\n        preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n      }))\n      versionUploadCtx.setPendingFiles((prev) => [...prev, ...pending])\n\n      const product = singleEntity.product\n      const linkedTask = singleEntity.task\n        ? {\n            id: singleEntity.task.id,\n            name: singleEntity.task.name,\n            label: singleEntity.task.label,\n            taskType: singleEntity.task.taskType,\n          }\n        : undefined\n\n      versionUploadCtx.onOpenVersionUpload({\n        productId: product?.id,\n        folderId: singleEntity.folder?.id,\n        taskId: singleEntity.task?.id,\n        linkedTask,\n        latestVersionNumber: product?.latestVersion?.version,\n        latestVersionId: product?.latestVersion?.id,\n      })\n      // Reset local upload UI; the dialog now drives the flow.\n      resetState()\n      return\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      setIsDraggingFile(false)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  return (\n    <>\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","thumbnailInputRef","versionsInputRef","onVersionCreated","dispatch","useDetailsPanelContext","versionUploadCtx","useOptionalVersionUploadContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","pending","file","prev","product","linkedTask","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleUploadThumbnail","promises","entity","id","promise","axios","e","updatedEntities","res","i","updateEntities","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","jsxs","Fragment","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as m, useRef as ir } from "react";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as l, useRef as er } from "react";
 import nr from "clsx";
 import { ThumbnailWrapper as sr } from "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../api/base/client.es.js";
@@ -17,6 +17,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -42,6 +43,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -72,6 +75,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -94,12 +98,12 @@ 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 { useCreateVersionMutation as lr } from "../../api/queries/versions/updateVersions.es.js";
+import { useCreateVersionMutation as mr } from "../../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 "../../api/queries/uris/getUris.es.js";
-import { DragAndDropWrapper as mr, DropZones as O, UploadingProgress as dr, Progress as cr, CancelButton as ur } from "./EntityPanelUploader.styled.es.js";
+import { DragAndDropWrapper as lr, DropZones as O, UploadingProgress as dr, Progress as cr, CancelButton as ur } from "./EntityPanelUploader.styled.es.js";
 import fr from "./Dropzone.es.js";
 import gr from "axios";
 import { toast as T } from "react-toastify";
@@ -114,6 +118,7 @@ import "../../containers/ContextMenu/ContextMenuContext.es.js";
 import "lodash";
 import "uuid";
 import { sanitizeProductName as hr, createProductHelper as vr, handleUploadError as A, getNextVersionNumber as yr, createVersionHelper as br } from "../../util/versionUploadHelpers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
 import { useReviewablesUpload as Dr } from "../ReviewablesList/useReviewablesUpload.es.js";
@@ -123,7 +128,7 @@ import { useOptionalVersionUploadContext as Pr } from "../VersionUploader/contex
 const wr = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], Mo = ({
+], _o = ({
   children: L = [],
   entityType: S,
   entities: v = [],
@@ -132,7 +137,7 @@ const wr = [
   versionsInputRef: $,
   onVersionCreated: M
 }) => {
-  const { dispatch: W } = xr(), D = Pr(), [V, d] = m(!1), [x, c] = m(null), l = ir(0), [U, s] = m(null), [B, y] = m(0), [q, u] = m(!1), [P, f] = m(null), o = v.length === 1 ? v[0] : null, k = o?.task?.id, w = o?.folder?.id, H = o?.product?.id, _ = o?.id, I = !!(o && S !== "representation"), { handleFileUpload: G } = Dr({
+  const { dispatch: W } = xr(), D = Pr(), [V, d] = l(!1), [x, c] = l(null), m = er(0), [U, s] = l(null), [B, y] = l(0), [q, u] = l(!1), [P, f] = l(null), o = v.length === 1 ? v[0] : null, k = o?.task?.id, w = o?.folder?.id, H = o?.product?.id, _ = o?.id, I = !!(o && S !== "representation"), { handleFileUpload: G } = Dr({
     projectName: b,
     versionId: _,
     taskId: k,
@@ -146,7 +151,7 @@ const wr = [
       y(r);
     }
   }), J = wr.filter((r) => r.id === "version" ? I : !0), n = () => {
-    s(null), d(!1), c(null), l.current = 0, y(0), u(!1), f(null);
+    s(null), d(!1), c(null), m.current = 0, y(0), u(!1), f(null);
   }, K = async (r) => {
     if (!P || !o) {
       u(!1), f(null);
@@ -163,20 +168,20 @@ const wr = [
       if (!w)
         throw new Error("Folder ID is required to create a product");
       s("version");
-      const i = await vr(Y, b, {
+      const e = await vr(Y, b, {
         folderId: w,
         name: t,
         productType: "review",
         // default product type for uploaded files
         productBaseType: "review"
       });
-      u(!1), await E(P, i.id), f(null);
-    } catch (i) {
-      A(i, "creating product"), n();
+      u(!1), await E(P, e.id), f(null);
+    } catch (e) {
+      A(e, "creating product"), n();
     }
   }, Q = () => {
     u(!1), f(null), n();
-  }, [X] = lr(), [Y] = pr(), C = async (r) => {
+  }, [X] = mr(), [Y] = pr(), C = async (r) => {
     if (!I || !o)
       return T.error("Please select exactly one version to upload reviewables"), n();
     if (D) {
@@ -209,15 +214,15 @@ const wr = [
     await E(r, t);
   }, E = async (r, t) => {
     try {
-      const i = yr(o.product?.latestVersion), g = await br(X, b, {
+      const e = yr(o.product?.latestVersion), g = await br(X, b, {
         productId: t,
         taskId: k,
         // previous version could have a taskId or we are uploading on a task
-        version: i
+        version: e
       });
       await G(r, g.id), n(), M?.(g.id);
-    } catch (i) {
-      A(i, "uploading version"), n();
+    } catch (e) {
+      A(e, "uploading version"), n();
     }
   }, F = async (r) => {
     if (!r) return n();
@@ -228,7 +233,7 @@ const wr = [
       for (const a of v) {
         const { id: h, entityType: p, projectName: j } = a;
         if (!j) throw new Error("Project name is required");
-        const er = gr.post(
+        const ir = gr.post(
           j && `/api/projects/${j}/${p}s/${h}/thumbnail`,
           r,
           {
@@ -240,7 +245,7 @@ const wr = [
             }
           }
         );
-        t.push(er);
+        t.push(ir);
       }
       const g = (await Promise.all(t)).map((a, h) => ({
         thumbnailId: a.data.id,
@@ -251,13 +256,13 @@ const wr = [
       console.error(t), T.error(t.message), n();
     }
   }, [jr] = ar(), z = (r) => {
-    r.preventDefault(), l.current++, l.current === 1 && d(!0);
+    r.preventDefault(), m.current++, m.current === 1 && d(!0);
   }, rr = (r) => {
-    r.preventDefault(), l.current--, l.current === 0 && (d(!1), c(null));
+    r.preventDefault(), m.current--, m.current === 0 && (d(!1), c(null));
   }, tr = (r) => {
     r.preventDefault();
   }, or = (r) => {
-    if (r.preventDefault(), l.current = 0, d(!1), c(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
+    if (r.preventDefault(), m.current = 0, d(!1), c(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
       if (x === "thumbnail") {
         s("thumbnail");
         const t = r.dataTransfer.files[0];
@@ -270,12 +275,12 @@ const wr = [
       }
     }
   }, R = async (r, t) => {
-    const i = r.target.files;
-    !i || i.length === 0 || (t === "version" && (s("version"), C(i)), t === "thumbnail" && (s("thumbnail"), F(i[0])));
+    const e = r.target.files;
+    !e || e.length === 0 || (t === "version" && (s("version"), C(e)), t === "thumbnail" && (s("thumbnail"), F(e[0])));
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(
-      mr,
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(
+      lr,
       {
         className: nr({ dragging: V }),
         onDragEnter: z,
@@ -283,8 +288,8 @@ const wr = [
         onDragOver: tr,
         onDrop: or,
         children: [
-          /* @__PURE__ */ e.jsx(sr, { children: /* @__PURE__ */ e.jsx("div", { children: L }) }),
-          V && /* @__PURE__ */ e.jsx(O, { children: J.map((r) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ i.jsx(sr, { children: /* @__PURE__ */ i.jsx("div", { children: L }) }),
+          V && /* @__PURE__ */ i.jsx(O, { children: J.map((r) => /* @__PURE__ */ i.jsx(
             fr,
             {
               id: r.id,
@@ -296,9 +301,9 @@ const wr = [
             },
             r.id
           )) }),
-          (U === "thumbnail" || U === "version") && /* @__PURE__ */ e.jsxs(O, { children: [
-            /* @__PURE__ */ e.jsxs(dr, { children: [
-              /* @__PURE__ */ e.jsx(
+          (U === "thumbnail" || U === "version") && /* @__PURE__ */ i.jsxs(O, { children: [
+            /* @__PURE__ */ i.jsxs(dr, { children: [
+              /* @__PURE__ */ i.jsx(
                 cr,
                 {
                   style: {
@@ -306,11 +311,11 @@ const wr = [
                   }
                 }
               ),
-              /* @__PURE__ */ e.jsx("span", { className: "label", children: `Uploading ${U}...` })
+              /* @__PURE__ */ i.jsx("span", { className: "label", children: `Uploading ${U}...` })
             ] }),
-            /* @__PURE__ */ e.jsx(ur, { icon: "close", variant: "text", onClick: n })
+            /* @__PURE__ */ i.jsx(ur, { icon: "close", variant: "text", onClick: n })
           ] }),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ i.jsx(
             "input",
             {
               type: "file",
@@ -318,7 +323,7 @@ const wr = [
               ref: Z
             }
           ),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ i.jsx(
             "input",
             {
               type: "file",
@@ -329,7 +334,7 @@ const wr = [
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ i.jsx(
       Ur,
       {
         isOpen: q,
@@ -341,6 +346,6 @@ const wr = [
   ] });
 };
 export {
-  Mo as EntityPanelUploader
+  _o as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map