@ynput/ayon-frontend-shared 0.3.32 → 0.3.34

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  thumbnailHash?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName' | 'thumbnailHash'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            thumbnailHash={thumb.thumbnailHash}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore — Thumbnail forwards onContextMenu to its root element\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","Thumbnail"],"mappings":"+zMAWA,MAAMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,CAAE,QAAAC,CAAA,IACHA,EAAU,GACVC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,CAAE,QAAAD,CAAA,IAAc,GAAG,KAAK,IAAI,IAAK,CAACA,EAAU,IAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BjEE,EAAoB,CAAC,CAChC,WAAAC,EAAa,CAAA,EACb,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8B,CAC5B,KAAM,CAAE,cAAAC,CAAA,EAAkBC,EAAAA,WAAWC,wBAAsB,EAE3DP,EAAaA,EAAW,MAAM,EAAG,CAAC,EAClC,MAAMQ,EAAaR,EAAW,OAAS,EAEvC,OAAKA,EAAW,OAGdS,EAAAA,kBAAAA,IAACd,EAAA,CACC,QAASK,EAAW,OACpB,UAAWU,EAAK,qBAAsBR,EAAW,CAAE,SAAUM,EAAY,EAExE,SAAAR,EAAW,IAAI,CAACW,EAAO,IACtBA,EACEF,EAAAA,kBAAAA,IAACG,EAAAA,UAAA,CACC,YAAaD,EAAM,YACnB,WAAYA,EAAM,KAClB,SAAUA,EAAM,GAChB,KAAMA,EAAM,KACZ,MAAOA,EAAM,MAEb,MAAO,CAAE,GAAGR,EAAO,OAAQ,CAAC,CAAA,EAC5B,cAAeQ,EAAM,cACrB,UAAAV,EACA,IAAKU,EAAM,IAEX,cAAAN,EACC,GAAGD,CAAA,EAPCO,EAAM,IAAMA,EAAM,KAAO,CAAA,EAS9B,IAAA,CACN,CAAA,EAzB2B,IA4BjC"}
+{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  thumbnailHash?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName' | 'thumbnailHash'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            thumbnailHash={thumb.thumbnailHash}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore — Thumbnail forwards onContextMenu to its root element\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","Thumbnail"],"mappings":"o4MAWA,MAAMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,CAAE,QAAAC,CAAA,IACHA,EAAU,GACVC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,CAAE,QAAAD,CAAA,IAAc,GAAG,KAAK,IAAI,IAAK,CAACA,EAAU,IAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BjEE,EAAoB,CAAC,CAChC,WAAAC,EAAa,CAAA,EACb,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8B,CAC5B,KAAM,CAAE,cAAAC,CAAA,EAAkBC,EAAAA,WAAWC,wBAAsB,EAE3DP,EAAaA,EAAW,MAAM,EAAG,CAAC,EAClC,MAAMQ,EAAaR,EAAW,OAAS,EAEvC,OAAKA,EAAW,OAGdS,EAAAA,kBAAAA,IAACd,EAAA,CACC,QAASK,EAAW,OACpB,UAAWU,EAAK,qBAAsBR,EAAW,CAAE,SAAUM,EAAY,EAExE,SAAAR,EAAW,IAAI,CAACW,EAAO,IACtBA,EACEF,EAAAA,kBAAAA,IAACG,EAAAA,UAAA,CACC,YAAaD,EAAM,YACnB,WAAYA,EAAM,KAClB,SAAUA,EAAM,GAChB,KAAMA,EAAM,KACZ,MAAOA,EAAM,MAEb,MAAO,CAAE,GAAGR,EAAO,OAAQ,CAAC,CAAA,EAC5B,cAAeQ,EAAM,cACrB,UAAAV,EACA,IAAKU,EAAM,IAEX,cAAAN,EACC,GAAGD,CAAA,EAPCO,EAAM,IAAMA,EAAM,KAAO,CAAA,EAS9B,IAAA,CACN,CAAA,EAzB2B,IA4BjC"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js

@@ -71,6 +71,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";
@@ -161,7 +162,7 @@ const y = l.div`
       object-fit: cover;
     }
   }
-`, Ao = ({
+`, Bo = ({
   thumbnails: t = [],
   isLoading: p,
   className: m,
@@ -199,6 +200,6 @@ const y = l.div`
   ) : null;
 };
 export {
-  Ao as StackedThumbnails
+  Bo as StackedThumbnails
 };
 //# sourceMappingURL=StackedThumbnails.es.js.map

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  thumbnailHash?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName' | 'thumbnailHash'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            thumbnailHash={thumb.thumbnailHash}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore — Thumbnail forwards onContextMenu to its root element\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","i","Thumbnail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,SAAAC,EAAA,MACHA,IAAU,KACVC;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,SAAAD,EAAA,MAAc,GAAG,KAAK,IAAI,KAAK,CAACA,IAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BjEE,KAAoB,CAAC;AAAA,EAChC,YAAAC,IAAa,CAAA;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAWC,CAAsB;AAE3D,EAAAP,IAAaA,EAAW,MAAM,GAAG,CAAC;AAClC,QAAMQ,IAAaR,EAAW,SAAS;AAEvC,SAAKA,EAAW,SAGdS,gBAAAA,EAAAA;AAAAA,IAACd;AAAA,IAAA;AAAA,MACC,SAASK,EAAW;AAAA,MACpB,WAAWU,EAAK,sBAAsBR,GAAW,EAAE,UAAUM,GAAY;AAAA,MAExE,UAAAR,EAAW;AAAA,QAAI,CAACW,GAAOC,MACtBD,IACEF,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,aAAaF,EAAM;AAAA,YACnB,YAAYA,EAAM;AAAA,YAClB,UAAUA,EAAM;AAAA,YAChB,MAAMA,EAAM;AAAA,YACZ,OAAOA,EAAM;AAAA,YAEb,OAAO,EAAE,GAAGR,GAAO,QAAQ,CAACS,EAAA;AAAA,YAC5B,eAAeD,EAAM;AAAA,YACrB,WAAAV;AAAA,YACA,KAAKU,EAAM;AAAA,YAEX,eAAAN;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,UAPCO,EAAM,MAAMA,EAAM,OAAOC;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAzB2B;AA4BjC;"}
+{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n\n    .thumbnail img {\n      object-fit: cover;\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  color?: string\n  thumbnailHash?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName' | 'thumbnailHash'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            color={thumb.color}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            thumbnailHash={thumb.thumbnailHash}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore — Thumbnail forwards onContextMenu to its root element\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["StackedStyled","styled","$length","css","StackedThumbnails","thumbnails","isLoading","className","style","props","onContextMenu","useContext","ThumbnailUploadContext","isStacking","jsx","clsx","thumb","i","Thumbnail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,SAAAC,EAAA,MACHA,IAAU,KACVC;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,SAAAD,EAAA,MAAc,GAAG,KAAK,IAAI,KAAK,CAACA,IAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BjEE,KAAoB,CAAC;AAAA,EAChC,YAAAC,IAAa,CAAA;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAWC,CAAsB;AAE3D,EAAAP,IAAaA,EAAW,MAAM,GAAG,CAAC;AAClC,QAAMQ,IAAaR,EAAW,SAAS;AAEvC,SAAKA,EAAW,SAGdS,gBAAAA,EAAAA;AAAAA,IAACd;AAAA,IAAA;AAAA,MACC,SAASK,EAAW;AAAA,MACpB,WAAWU,EAAK,sBAAsBR,GAAW,EAAE,UAAUM,GAAY;AAAA,MAExE,UAAAR,EAAW;AAAA,QAAI,CAACW,GAAOC,MACtBD,IACEF,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,aAAaF,EAAM;AAAA,YACnB,YAAYA,EAAM;AAAA,YAClB,UAAUA,EAAM;AAAA,YAChB,MAAMA,EAAM;AAAA,YACZ,OAAOA,EAAM;AAAA,YAEb,OAAO,EAAE,GAAGR,GAAO,QAAQ,CAACS,EAAA;AAAA,YAC5B,eAAeD,EAAM;AAAA,YACrB,WAAAV;AAAA,YACA,KAAKU,EAAM;AAAA,YAEX,eAAAN;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,UAPCO,EAAM,MAAMA,EAAM,OAAOC;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAzB2B;AA4BjC;"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.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("react"),s=require("styled-components"),t=require("@ynput/ayon-react-components");require("../../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("clsx");require("../../AttributeEditor/AttributeEditor.cjs.js");require("../../AttributeEditor/attributeTypeMap.cjs.js");require("../../Badge/Badge.cjs.js");require("../../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../DateRangePicker/DateRangePicker.styled.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/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");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");const se=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");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../DetailsPanelDetails/BorderedSection.cjs.js");require("../../QuillListStyles/QuillListStyles.cjs.js");require("../../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const ne=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../DoneCheckbox/DoneCheckbox.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");const oe=require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../containers/Slicer/components/Slicer.cjs.js");require("../../../containers/Slicer/context/SlicerContext.cjs.js");require("../../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/ListTable/ListTableRow.cjs.js");require("../../../containers/ListTable/ListTable.styled.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");const qe=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Feedback/FeedbackContextInstance.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/FreeTrialLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("./UploadVersionDialog.cjs.js");const ae=require("../context/VersionUploadContext.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../Menu/Menu.styled.cjs.js");require("../../Menu/MenuItem.cjs.js");require("../../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../ColumnHeaderMenuUI.cjs.js");const le=require("../../../../node_modules/primereact/skeleton/skeleton.esm.cjs.js"),ce=s.form`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),s=require("styled-components"),t=require("@ynput/ayon-react-components");require("../../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("clsx");require("../../AttributeEditor/AttributeEditor.cjs.js");require("../../AttributeEditor/attributeTypeMap.cjs.js");require("../../Badge/Badge.cjs.js");require("../../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../DateRangePicker/DateRangePicker.styled.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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");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");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");const se=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");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../DetailsPanelDetails/BorderedSection.cjs.js");require("../../QuillListStyles/QuillListStyles.cjs.js");require("../../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const ne=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../DoneCheckbox/DoneCheckbox.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");const oe=require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../containers/Slicer/components/Slicer.cjs.js");require("../../../containers/Slicer/context/SlicerContext.cjs.js");require("../../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/ListTable/ListTableRow.cjs.js");require("../../../containers/ListTable/ListTable.styled.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");const qe=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Feedback/FeedbackContextInstance.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/FreeTrialLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("./UploadVersionDialog.cjs.js");const ae=require("../context/VersionUploadContext.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../Menu/Menu.styled.cjs.js");require("../../Menu/MenuItem.cjs.js");require("../../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../ColumnHeaderMenuUI.cjs.js");const le=require("../../../../node_modules/primereact/skeleton/skeleton.esm.cjs.js"),ce=s.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"qyiBAmBMA,GAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpBC,GAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAapCC,GAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5BI,GAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAetBK,GAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYtBM,GAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBO,GAAeP,EAAO;AAAA;AAAA;AAAA,EAKtBQ,GAAqBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5BS,GAAaT,EAAOU,QAAM;AAAA;AAAA,EAI1BC,GAAWX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlBY,GAAWZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASlBa,GAAYb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBZc,GAAgD,CAAC,CAC5D,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,CAAA,EACT,YAAAC,EACA,WAAAC,EAAa,EACb,UAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAyBC,EAAAA,OAAeT,EAAS,WAAW,EAC5DU,EAAcD,EAAAA,OAAoB,IAAI,EACtCE,EAAUF,EAAAA,OAAwB,IAAI,EACtC,CACJ,aAAAG,EACA,gBAAAC,EACA,qBAAAC,EACA,8BAAAC,EACA,SAAAC,EACA,OAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,cAAAC,EACA,SAAAC,EACA,eAAAC,EACA,wBAAAC,EACA,eAAAC,CAAA,EACEC,2BAAA,EAEE,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,EAAK,EAExDC,EAAuBC,EAAAA,QAC3B,IAAMR,EAAe,IAAKS,IAAO,CAAE,MAAOA,EAAE,KAAM,MAAOA,EAAE,IAAA,EAAO,EAClE,CAACT,CAAc,CAAA,EAGXU,EAA4BC,EAAAA,YAC/BC,GAAoB,CACnBlC,EAAS,OAAQkC,EAAM,OAAS,EAAIA,EAAM,CAAC,EAAI,EAAE,CACnD,EACA,CAAClC,CAAQ,CAAA,EAGLmC,EAAgBX,GAAgB,cAClC,IAAI,OAAOA,EAAe,cAAc,OAAO,EAAE,SAAS,EAAG,GAAG,CAAC,GACjE,GAGE,CAAE,KAAMY,EAAU,WAAYC,GAAmBC,GAAAA,gBACrD,CAAE,YAAAnC,EAAa,OAAAa,CAAA,EACf,CAAE,KAAM,CAACA,CAAA,CAAO,EAEZuB,EAAgBrB,GAAkB,CAAC,CAACF,GAAUqB,GAAkB,CAACpB,EAGjEuB,EAAiBJ,GAAU,UAAYf,EAEvCoB,EAAUC,GAAAA,kBAAA,EAEVC,EAAWP,GAAU,OAASA,GAAU,MAAQnB,GAAY,OAASA,GAAY,MAAQ,GACzF2B,EAAWR,GAAU,UAAYnB,GAAY,SAC7C4B,EAAeD,EAAWH,EAAQ,YAAYG,CAAQ,EAAI,OAC1DE,EAAWD,GAAc,MAAQ,WACjCE,EAAiBX,GAAU,KAC7BA,EAAS,KAAK,UAAU,EAAGA,EAAS,KAAK,YAAY,GAAG,CAAC,EACzD,GAEEY,EAAqBP,EAAQ,sBAAA,EAC7BQ,EAAenB,EAAAA,QAAQ,IACpBW,EAAQ,aAAa,OAAO,CAACS,EAAKC,KACvCD,EAAIC,EAAK,IAAI,EAAIA,EACVD,GACN,CAAA,CAAqE,EACvE,CAACT,EAAQ,YAAY,CAAC,EAEzBW,EAAAA,UAAU,IAAM,CAEd,MAAMC,EAAsB9C,EAAuB,QAC7C+C,EAA0BL,EAAaI,CAAmB,GAAG,MAAQ,GACrEE,EAAyBN,EAAalD,EAAS,WAAW,GAAG,MAAQ,GAG3E,GAAIA,EAAS,cAAgBsD,GAAuBC,GAE9CvD,EAAS,KAAK,WAAWuD,CAAuB,EAAG,CAErD,MAAME,EAASzD,EAAS,KAAK,MAAMuD,EAAwB,MAAM,EAE3DG,GAAUF,EAAyBC,EACzCxD,EAAS,OAAQyD,EAAO,CAC1B,CAIFlD,EAAuB,QAAUR,EAAS,WAC5C,EAAG,CAACA,EAAS,YAAaA,EAAS,KAAMC,CAAQ,CAAC,EAElD,MAAM0D,EAAgB,GAAkC,CACtD,EAAE,eAAA,EAEF,MAAMC,EAAY,EAAE,YAAY,UAE5BA,GAAaA,EAAU,QAAQ,WAAW,GAK9C1D,EAASF,CAAQ,CACnB,EAEM6D,EAAuB,GAA2C,CACtE,MAAM1B,EAAQ,SAAS,EAAE,OAAO,MAAO,EAAE,EACpC,MAAMA,CAAK,GACdlC,EAAS,UAAWkC,CAAK,CAE7B,EAEM2B,GAAoB,GAA2C,CACnE7D,EAAS,OAAQ,EAAE,OAAO,KAAK,CACjC,EAEM8D,GAA2B5B,GAAoB,CAC/CA,EAAM,OAAS,GACjBlC,EAAS,cAAekC,EAAM,CAAC,CAAC,CAGpC,EAEM6B,GAAoB,IAAM,CAC9B,MAAMR,EAAyBN,EAAalD,EAAS,WAAW,GAAG,MAAQ,GACrEiE,EAAcjE,EAAS,MAAQ,GAG/BkE,EAAkBD,EAAY,OAAO,CAAC,EAAE,cAAgBA,EAAY,MAAM,CAAC,EAC3EP,EAAUF,EAAyBU,EACzCjE,EAAS,OAAQyD,CAAO,CAC1B,EAEMS,EAA2B,IAAM,CACrC,MAAMX,EAAyBN,EAAalD,EAAS,WAAW,GAAG,MAAQ,GAC3E,OAAOA,EAAS,MAAQ,CAACA,EAAS,KAAK,WAAWwD,CAAsB,CAC1E,EAGMY,EAAkB,EAAQ9D,EAE1B+D,GAAiB,GAA4C,CAEjE,GAAI,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,SAAU,CACjD,EAAE,eAAA,EACFnE,EAASF,CAAQ,EACjB,MACF,CACF,EAEA,OACEsE,EAAAA,kBAAAA,KAACtF,GAAA,CACC,GAAG,sBACH,IAAK2B,EACL,SAAUgD,EACV,WAAU,GACV,UAAWU,GAEX,SAAA,CAAAC,yBAACpF,GAAA,CACE,SAAA,CAAA,CAACiB,EAAO,SAAS,MAAM,2BACrBoE,EAAAA,QAAA,CAAQ,MAAM,eACb,SAAAD,EAAAA,kBAAAA,KAAChF,GAAA,CACC,SAAA,CAAAgF,yBAAC,MAAA,CACC,SAAA,CAAAE,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CACC,MAAOzE,EAAS,KAChB,SAAU8D,GACV,YAAY,qBACZ,UAAW,EACX,UAAS,GACT,aAAW,eACX,mBAAkBK,IAA6B,sBAAwB,OACvE,SAAUC,CAAA,CAAA,EAEX3C,GACC+C,EAAAA,kBAAAA,IAACjF,GAAA,CACE,SAAAkC,EAAe,cACZ6C,EAAAA,kBAAAA,KAAAI,6BAAA,CAAE,SAAA,CAAA,qCAAmCtC,EAAc,GAAA,CAAA,CAAC,EACpD,yCACN,EAED,CAACX,GAAkB0C,EAAA,GAClBG,EAAAA,kBAAAA,KAAClF,GAAA,CAAmB,GAAG,sBAAsB,SAAA,CAAA,gCACb8D,EAAalD,EAAS,WAAW,GAAG,KAAK,KAAG,4BACzEX,GAAA,CAAa,KAAK,SAAS,QAAS2E,GAAmB,SAAA,cAAA,CAExD,CAAA,CAAA,CACF,CAAA,EAEJ,EACC,CAACzD,GAAa,CAAC6D,GACdI,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CACC,QAAS7C,EACT,MAAOL,EAAiB,CAACA,EAAe,IAAI,EAAI,CAAA,EAChD,SAAUQ,EACV,YAAa,GACb,OAAM,GACN,YAAa,GACb,SAAUT,GAA2BD,EAAe,SAAW,EAC/D,aAAW,0BACX,cAAe,CAACqD,EAAIC,EAAIC,IACtBN,EAAAA,kBAAAA,IAAC7E,EAAAA,OAAA,CACC,KAAK,cACL,QAAQ,OACR,eAAa,2BACb,SAAUmF,EACV,SAAU,GACV,SAAUtD,GAA2BD,EAAe,SAAW,CAAA,CAAA,EAGnE,MAAO,CAAE,MAAO,MAAA,CAAO,CAAA,CACzB,CAAA,CAEJ,CAAA,CACF,EAGD,CAACpB,EAAO,SAAS,aAAa,GAC7BqE,EAAAA,kBAAAA,IAACD,EAAAA,QAAA,CAAQ,MAAM,eACb,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CACC,IAAKjE,EACL,QAASuC,EACT,MAAO,CAACjD,EAAS,WAAW,EAC5B,SAAU+D,GACV,YAAW,GACX,YAAa,GACb,aAAW,eACX,OAAM,GACN,SAAUK,CAAA,CAAA,EAEd,EAGD,CAACjE,EAAO,SAAS,SAAS,GACzBqE,EAAAA,kBAAAA,IAACD,EAAAA,QAAA,CAAQ,MAAO,UACd,SAAAC,EAAAA,kBAAAA,IAACO,EAAAA,YAAA,CACC,MAAO/E,EAAS,QAChB,SAAU6D,EACV,IAAKxD,EACL,KAAM,EACN,aAAY,iBACZ,UAAWF,EAAO,SAAS,MAAM,EACjC,SAAUiE,CAAA,CAAA,EAEd,EAGFI,wBAACD,EAAAA,QAAA,CAAQ,MAAO,OACd,iCAAC9E,GAAA,CACE,SAAA+C,EACCgC,EAAAA,kBAAAA,IAACQ,YAAA,CAAS,OAAQ,OAAQ,EACxB/D,GAAU2B,EACZ0B,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAJ,EAAAA,kBAAAA,KAAC5E,GAAA,CACC,KAAM,SACN,QAAS,IAAMkC,EAAoB,EAAI,EACvC,SAAUwC,EACV,QAAQ,OAER,SAAA,CAAAI,wBAACS,EAAAA,KAAA,CAAK,KAAMlC,EAAU,MAAO,CAAE,MAAOD,GAAc,OAAS,2BAC5DlD,GAAA,CACE,SAAA,CAAAoD,4BACEnD,GAAA,CACE,SAAA,CAAAmD,EAAe,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAE,KAAG,GAAA,EAC5D,EAEFwB,EAAAA,kBAAAA,IAAC1E,IAAW,SAAA8C,CAAA,CAAS,CAAA,CAAA,CACvB,CAAA,CAAA,CAAA,EAEF4B,EAAAA,kBAAAA,IAAC7E,EAAAA,OAAA,CACC,KAAM,SACN,KAAM,QACN,QAAS,OACT,QAAS,IAAM,CACbyB,EAAU,EAAE,EACZC,EAAc,IAAI,CACpB,EACA,SAAU+C,CAAA,CAAA,CACZ,CAAA,CACF,EAEAI,EAAAA,kBAAAA,IAAC7E,EAAAA,OAAA,CACC,KAAM,SACN,KAAM,OACN,MAAO,YACP,QAAS,OACT,QAAS,IAAMiC,EAAoB,EAAI,EACvC,SAAUwC,CAAA,CAAA,EAGhB,CAAA,CACF,CAAA,EACF,EAECzC,GACC6C,EAAAA,kBAAAA,IAACU,GAAAA,mBAAA,CACC,YAAA9E,EACA,WAAY,OACZ,iBAAkB,CAChB,GAAIqC,EAAiB,CAAE,OAAQ,CAAE,CAACA,CAAc,EAAG,EAAA,CAAK,EAAM,CAAA,EAC9D,GAAIxB,EAAS,CAAE,KAAM,CAAE,CAACA,CAAM,EAAG,EAAA,GAAW,CAAA,CAAC,EAE/C,SAAWkE,GAAc,CACnBA,EAAU,OAAS,GACrB/D,EAAU+D,EAAU,CAAC,CAAC,EAExBvD,EAAoB,EAAK,CAC3B,EACA,QAAS,IAAMA,EAAoB,EAAK,CAAA,CAAA,EAI5C4C,EAAAA,kBAAAA,IAACD,EAAAA,QAAA,CAAQ,MAAM,kBAAA,CAAmB,0BACjC/E,GAAA,CACC,SAAAgF,EAAAA,kBAAAA,IAACY,GAAAA,iBAAA,CACC,YAAAhF,EACA,UAAAE,EACA,UAAAC,EACA,SAAAS,EACA,aAAAJ,EACA,gBAAAC,EACA,SAAUC,EACV,aAAcC,EACd,GAAI,CACF,OAAQ,CACN,MAAO,CAAE,UAAW,EAAA,CAAG,EAEzB,SAAU,CACR,MAAO,CAAE,MAAO,CAAA,CAAE,CACpB,CACF,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.es.js

@@ -81,6 +81,7 @@ import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";
@@ -188,10 +189,11 @@ import "../../../containers/Feed/components/ActivityStatusChange/ActivityStatusC
 import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../containers/Feed/Feed.styled.es.js";
-import "../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
 import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../../containers/Feed/Feed.styled.es.js";
+import "../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "@tanstack/react-virtual";
 import "@tanstack/react-table";
 import "../../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
@@ -361,7 +363,7 @@ const bt = p.form`
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
-`, Xe = ({
+`, Ze = ({
   formData: i,
   onChange: e,
   onSubmit: k,
@@ -606,6 +608,6 @@ const bt = p.form`
   );
 };
 export {
-  Xe as UploadVersionForm
+  Ze as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}