@ynput/ayon-frontend-shared 0.2.29 → 0.2.30

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '@shared/components'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\n\nconst StyledRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst StyledValue = styled.div`\n  text-align: left;\n  color: var(--md-sys-color-on-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  justify-self: end;\n  font-size: 14px;\n  width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  animation: shimmer 1.5s infinite;\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.5;\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.5;\n    }\n  }\n`\n\ninterface DetailsSectionProps {\n  fields: AttributeField[]\n  form: Record<string, any>\n  mixedFields: string[]\n  isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n  fields,\n  form,\n  mixedFields,\n  isLoading,\n}) => {\n  const formatValue = (value: any, fieldName: string): string => {\n    if (value === null || value === undefined) {\n      return '-'\n    }\n\n    if (fieldName === 'createdAt' || fieldName === 'updatedAt') {\n      try {\n        return new Date(value).toLocaleString()\n      } catch {\n        return value.toString()\n      }\n    }\n\n    if (fieldName === 'path') {\n      return value.toString()\n    }\n\n    if (fieldName === 'entityType') {\n      return value.toString().charAt(0).toUpperCase() + value.toString().slice(1)\n    }\n\n    return value.toString()\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Details\" withPadding>\n        {Array.from({ length: 6 }).map((_, index) => (\n          <StyledRow key={index}>\n            <StyledShimmer style={{ width: '80px' }} />\n            <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n            <div style={{ width: '24px' }} />\n          </StyledRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n      {fields\n        .filter((field) => !field.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isMixed = mixedFields.includes(field.name)\n          const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n          return (\n            <StyledRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n              <StyledValue\n                title={displayValue}\n                style={{\n                  color: isMixed\n                    ? 'var(--md-sys-color-on-surface-variant)'\n                    : 'var(--md-sys-color-on-surface)',\n                  fontStyle: isMixed ? 'italic' : 'normal',\n                }}\n              >\n                {displayValue}\n              </StyledValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </StyledRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAAc,CAACC,GAAYC,MAA8B;AACzD,QAAAD,KAAU;AACL,aAAA;AAGL,QAAAC,MAAc,eAAeA,MAAc;AACzC,UAAA;AACF,eAAO,IAAI,KAAKD,CAAK,EAAE,eAAe;AAAA,MAAA,QAChC;AACN,eAAOA,EAAM,SAAS;AAAA,MAAA;AAI1B,WAAIC,MAAc,SACTD,EAAM,SAAS,IAGpBC,MAAc,eACTD,EAAM,WAAW,OAAO,CAAC,EAAE,YAAY,IAAIA,EAAM,WAAW,MAAM,CAAC,IAGrEA,EAAM,SAAS;AAAA,EACxB;AAEA,SAAIF,0BAECI,GAAgB,EAAA,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCd,GACC,EAAA,UAAA;AAAA,IAAAe,gBAAAA,EAAA,IAACZ,GAAc,EAAA,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCY,gBAAAA,MAACZ,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAI,EAAA,OAAO,EAAE,OAAO,SAAU,CAAA;AAAA,EAAA,KAHjBW,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACR,UAAAC,IAAaX,EAAKU,EAAM,IAAI,GAC5BE,IAAUX,EAAY,SAASS,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBT,EAAYQ,GAAYD,EAAM,IAAI;AAErF,kCACGhB,GACC,EAAA,UAAA;AAAA,MAACe,gBAAAA,EAAAA,IAAAK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAM,CAAA;AAAA,MAC3ED,gBAAAA,EAAA;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,OAAOiB;AAAA,UACP,OAAO;AAAA,YACL,OAAOD,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAClC;AAAA,UAEC,UAAAC;AAAA,QAAA;AAAA,MACH;AAAA,MACAJ,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAgB,GAGFC,GADdN,KAAkD,IACrB,SAAS,GAAG,EAAI;AAAA,UAAA;AAAA,QACjD;AAAA,MAAA;AAAA,IACF,EAAA,GAvBcD,EAAM,IAwBtB;AAAA,EAEH,CAAA,GACL;AAEJ;"}
+{"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '@shared/components'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst StyledValue = styled.div`\n  text-align: left;\n  color: var(--md-sys-color-on-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  justify-self: end;\n  font-size: 14px;\n  width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  animation: shimmer 1.5s infinite;\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.5;\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.5;\n    }\n  }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' | 'data' | 'hidden'>\n\ninterface DetailsSectionProps {\n  fields: DetailsField[]\n  form: Record<string, any>\n  mixedFields?: string[]\n  isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n  fields,\n  form,\n  mixedFields = [],\n  isLoading,\n}) => {\n  const formatValue = (value: any, fieldName: string): string => {\n    if (value === null || value === undefined) {\n      return '-'\n    }\n\n    if (fieldName === 'createdAt' || fieldName === 'updatedAt') {\n      try {\n        return format(new Date(value), 'PPpp')\n      } catch {\n        return value.toString()\n      }\n    }\n\n    return value.toString()\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Details\" withPadding>\n        {Array.from({ length: 6 }).map((_, index) => (\n          <StyledRow key={index}>\n            <StyledShimmer style={{ width: '80px' }} />\n            <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n            <div style={{ width: '24px' }} />\n          </StyledRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n      {fields\n        .filter((field) => !field.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isMixed = mixedFields.includes(field.name)\n          const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n          return (\n            <StyledRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n              <StyledValue\n                style={{\n                  color: isMixed\n                    ? 'var(--md-sys-color-on-surface-variant)'\n                    : 'var(--md-sys-color-on-surface)',\n                  fontStyle: isMixed ? 'italic' : 'normal',\n                }}\n              >\n                {displayValue}\n              </StyledValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </StyledRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;;AASA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC;AACF,MAAM;AACE,QAAAC,IAAc,CAACC,GAAYC,MAA8B;AACzD,QAAAD,KAAU;AACL,aAAA;AAGL,QAAAC,MAAc,eAAeA,MAAc;AACzC,UAAA;AACF,eAAOC,EAAO,IAAI,KAAKF,CAAK,GAAG,MAAM;AAAA,MAAA,QAC/B;AACN,eAAOA,EAAM,SAAS;AAAA,MAAA;AAI1B,WAAOA,EAAM,SAAS;AAAA,EACxB;AAEA,SAAIF,0BAECK,GAAgB,EAAA,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCf,GACC,EAAA,UAAA;AAAA,IAAAgB,gBAAAA,EAAA,IAACb,GAAc,EAAA,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCa,gBAAAA,MAACb,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAI,EAAA,OAAO,EAAE,OAAO,SAAU,CAAA;AAAA,EAAA,KAHjBY,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACR,UAAAC,IAAaZ,EAAKW,EAAM,IAAI,GAC5BE,IAAUZ,EAAY,SAASU,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBV,EAAYS,GAAYD,EAAM,IAAI;AAErF,kCACGjB,GACC,EAAA,UAAA;AAAA,MAACgB,gBAAAA,EAAAA,IAAAK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAM,CAAA;AAAA,MAC3ED,gBAAAA,EAAA;AAAA,QAACd;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOiB,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAClC;AAAA,UAEC,UAAAC;AAAA,QAAA;AAAA,MACH;AAAA,MACAJ,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAgB,GAGFC,GADdN,KAAkD,IACrB,SAAS,GAAG,EAAI;AAAA,UAAA;AAAA,QACjD;AAAA,MAAA;AAAA,IACF,EAAA,GAtBcD,EAAM,IAuBtB;AAAA,EAEH,CAAA,GACL;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.cjs.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../util/pubsub.cjs.js");const n=require("styled-components"),u=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../util/pubsub.cjs.js");const n=require("styled-components"),d=n.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`,c=({name:t,data:e,showDetailedTooltip:r=!1})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(t),l=r?`${i} (${t}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return s.jsxRuntimeExports.jsx(u,{"data-tooltip":r?l:void 0,children:i})};exports.FieldLabel=c;
+`,u=({name:t,data:e,showDetailedTooltip:r=!1})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(t),l=r?`${i} (${t}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return s.jsxRuntimeExports.jsx(d,{"data-tooltip":r?l:void 0,"data-tooltip-delay":700,children:i})};exports.FieldLabel=u;
 //# sourceMappingURL=FieldLabel.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel data-tooltip={showDetailedTooltip ? tooltipText : undefined}>\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText"],"mappings":"uUAIMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBC,EAAwC,CAAC,CACpD,KAAAC,EACA,KAAAC,EACA,oBAAAC,EAAsB,EACxB,IAAM,CACE,MAAAC,EAAeF,EAAK,MAAQG,EAAAA,cAAcH,EAAK,KAAK,EAAIG,gBAAcJ,CAAI,EAC1EK,EAAcH,EAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,YAAc,IAAM,EAAE,IAAIA,EAAK,aAAe,EAAE,GAClFA,EAAK,aAAeE,EAExB,+BACGN,EAAiB,CAAA,eAAcK,EAAsBG,EAAc,OACjE,SACHF,EAAA,CAEJ"}
+{"version":3,"file":"FieldLabel.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel\n      data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n      data-tooltip-delay={700}\n    >\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText","jsx"],"mappings":"uUAIMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBC,EAAwC,CAAC,CACpD,KAAAC,EACA,KAAAC,EACA,oBAAAC,EAAsB,EACxB,IAAM,CACE,MAAAC,EAAeF,EAAK,MAAQG,EAAAA,cAAcH,EAAK,KAAK,EAAIG,gBAAcJ,CAAI,EAC1EK,EAAcH,EAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,YAAc,IAAM,EAAE,IAAIA,EAAK,aAAe,EAAE,GAClFA,EAAK,aAAeE,EAGtB,OAAAG,EAAA,kBAAA,IAACT,EAAA,CACC,eAAcK,EAAsBG,EAAc,OAClD,qBAAoB,IAEnB,SAAAF,CAAA,CACH,CAEJ"}

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.es.js

@@ -1,25 +1,32 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
 import { humanizeField as r } from "../../util/humanizeFieldName.es.js";
 import "../../util/pubsub.es.js";
-import p from "styled-components";
-const n = p.div`
+import s from "styled-components";
+const n = s.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`, y = ({
-  name: t,
+`, a = ({
+  name: i,
   data: o,
   showDetailedTooltip: e = !1
 }) => {
-  const i = o.title ? r(o.title) : r(t), l = e ? `${i} (${t}) ${o.description ? "-" : ""} ${o.description || ""}` : o.description || i;
-  return /* @__PURE__ */ s.jsx(n, { "data-tooltip": e ? l : void 0, children: i });
+  const t = o.title ? r(o.title) : r(i), l = e ? `${t} (${i}) ${o.description ? "-" : ""} ${o.description || ""}` : o.description || t;
+  return /* @__PURE__ */ p.jsx(
+    n,
+    {
+      "data-tooltip": e ? l : void 0,
+      "data-tooltip-delay": 700,
+      children: t
+    }
+  );
 };
 export {
-  y as FieldLabel
+  a as FieldLabel
 };
 //# sourceMappingURL=FieldLabel.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.es.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel data-tooltip={showDetailedTooltip ? tooltipText : undefined}>\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText"],"mappings":";;;;;;;AAIA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBC,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,MAAM;AACE,QAAAC,IAAeF,EAAK,QAAQG,EAAcH,EAAK,KAAK,IAAIG,EAAcJ,CAAI,GAC1EK,IAAcH,IAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,cAAc,MAAM,EAAE,IAAIA,EAAK,eAAe,EAAE,KAClFA,EAAK,eAAeE;AAExB,+BACGN,GAAiB,EAAA,gBAAcK,IAAsBG,IAAc,QACjE,UACHF,GAAA;AAEJ;"}
+{"version":3,"file":"FieldLabel.es.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel\n      data-tooltip={showDetailedTooltip ? tooltipText : undefined}\n      data-tooltip-delay={700}\n    >\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText","jsx"],"mappings":";;;;;;;AAIA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBC,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,MAAM;AACE,QAAAC,IAAeF,EAAK,QAAQG,EAAcH,EAAK,KAAK,IAAIG,EAAcJ,CAAI,GAC1EK,IAAcH,IAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,cAAc,MAAM,EAAE,IAAIA,EAAK,eAAe,EAAE,KAClFA,EAAK,eAAeE;AAGtB,SAAAG,gBAAAA,EAAA;AAAA,IAACT;AAAA,IAAA;AAAA,MACC,gBAAcK,IAAsBG,IAAc;AAAA,MAClD,sBAAoB;AAAA,MAEnB,UAAAF;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");const n=require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");const c=require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const y=({projectName:e,isProjectNameMixed:r})=>{const{data:u}=n.useGetProjectQuery({projectName:e||""},{skip:!e||r}),{folderTypes:i=[],taskTypes:q=[],statuses:t=[],tags:s=[]}=u||{},{data:o}=c.useGetSiteInfoQuery({full:!0}),{attributes:a=[]}=o||{};return{folderTypes:i,taskTypes:q,statuses:t,tags:s,attributes:a}};exports.useEntityData=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");const n=require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");const c=require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const y=({projectName:e,isProjectNameMixed:r})=>{const{data:u}=n.useGetProjectQuery({projectName:e||""},{skip:!e||r}),{folderTypes:i=[],taskTypes:q=[],statuses:t=[],tags:s=[]}=u||{},{data:o}=c.useGetSiteInfoQuery({full:!0}),{attributes:a=[]}=o||{};return{folderTypes:i,taskTypes:q,statuses:t,tags:s,attributes:a}};exports.useEntityData=y;
 //# sourceMappingURL=useEntityData.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":"q0IAOO,MAAMA,EAAgB,CAAC,CAAE,YAAAC,EAAa,mBAAAC,KAA6C,CAClF,KAAA,CAAE,KAAMC,CAAA,EAAgBC,EAAA,mBAC5B,CAAE,YAAaH,GAAe,EAAG,EACjC,CAAE,KAAM,CAACA,GAAeC,CAAmB,CAC7C,EACM,CAAE,YAAAG,EAAc,GAAI,UAAAC,EAAY,CAAC,EAAG,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAG,EAAIL,GAAe,CAAC,EAEjF,CAAE,KAAMM,CAAK,EAAIC,sBAAoB,CAAE,KAAM,GAAM,EACnD,CAAE,WAAAC,EAAa,EAAG,EAAIF,GAAQ,CAAC,EAE9B,MAAA,CACL,YAAAJ,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAG,CACF,CACF"}
+{"version":3,"file":"useEntityData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":"o4IAOO,MAAMA,EAAgB,CAAC,CAAE,YAAAC,EAAa,mBAAAC,KAA6C,CAClF,KAAA,CAAE,KAAMC,CAAA,EAAgBC,EAAA,mBAC5B,CAAE,YAAaH,GAAe,EAAG,EACjC,CAAE,KAAM,CAACA,GAAeC,CAAmB,CAC7C,EACM,CAAE,YAAAG,EAAc,GAAI,UAAAC,EAAY,CAAC,EAAG,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAG,EAAIL,GAAe,CAAC,EAEjF,CAAE,KAAMM,CAAK,EAAIC,sBAAoB,CAAE,KAAM,GAAM,EACnD,CAAE,WAAAC,EAAa,EAAG,EAAIF,GAAQ,CAAC,EAE9B,MAAA,CACL,YAAAJ,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAG,CACF,CACF"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.es.js

@@ -54,6 +54,7 @@ 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/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -76,7 +77,7 @@ import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
-const Bt = ({ projectName: t, isProjectNameMixed: o }) => {
+const Ct = ({ projectName: t, isProjectNameMixed: o }) => {
   const { data: r } = u(
     { projectName: t || "" },
     { skip: !t || o }
@@ -90,6 +91,6 @@ const Bt = ({ projectName: t, isProjectNameMixed: o }) => {
   };
 };
 export {
-  Bt as useEntityData
+  Ct as useEntityData
 };
 //# sourceMappingURL=useEntityData.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEntityData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,KAAgB,CAAC,EAAE,aAAAC,GAAa,oBAAAC,QAA6C;AAClF,QAAA,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B,EAAE,aAAaH,KAAe,GAAG;AAAA,IACjC,EAAE,MAAM,CAACA,KAAeC,EAAmB;AAAA,EAC7C,GACM,EAAE,aAAAG,IAAc,IAAI,WAAAC,IAAY,CAAC,GAAG,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAG,IAAIL,KAAe,CAAC,GAEjF,EAAE,MAAMM,EAAK,IAAIC,EAAoB,EAAE,MAAM,IAAM,GACnD,EAAE,YAAAC,IAAa,GAAG,IAAIF,KAAQ,CAAC;AAE9B,SAAA;AAAA,IACL,aAAAJ;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAG;AAAA,EACF;AACF;"}
+{"version":3,"file":"useEntityData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,KAAgB,CAAC,EAAE,aAAAC,GAAa,oBAAAC,QAA6C;AAClF,QAAA,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B,EAAE,aAAaH,KAAe,GAAG;AAAA,IACjC,EAAE,MAAM,CAACA,KAAeC,EAAmB;AAAA,EAC7C,GACM,EAAE,aAAAG,IAAc,IAAI,WAAAC,IAAY,CAAC,GAAG,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAG,IAAIL,KAAe,CAAC,GAEjF,EAAE,MAAMM,EAAK,IAAIC,EAAoB,EAAE,MAAM,IAAM,GACnD,EAAE,YAAAC,IAAa,GAAG,IAAIF,KAAQ,CAAC;AAE9B,SAAA;AAAA,IACL,aAAAJ;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAG;AAAA,EACF;AACF;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityEditing.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("lodash");const n=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("react-toastify");const s=({entities:u,entityType:q})=>{const{updateEntity:t}=n.useEntityUpdate({entities:u.map(e=>{var r,i;return{id:e.id,projectName:e.projectName||"",folderId:(r=e.folder)==null?void 0:r.id,users:((i=e.task)==null?void 0:i.assignees)||[]}}),entityType:q});return{enableEditing:!0,updateEntity:t}};exports.useEntityEditing=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("lodash");const n=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("react-toastify");const s=({entities:u,entityType:q})=>{const{updateEntity:t}=n.useEntityUpdate({entities:u.map(e=>{var r,i;return{id:e.id,projectName:e.projectName||"",folderId:(r=e.folder)==null?void 0:r.id,users:((i=e.task)==null?void 0:i.assignees)||[]}}),entityType:q});return{enableEditing:!0,updateEntity:t}};exports.useEntityEditing=s;
 //# sourceMappingURL=useEntityEditing.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityEditing.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityEditing.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":"8nJAQO,MAAMA,EAAmB,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAwC,CAG7E,KAAA,CAAE,aAAAC,CAAa,EAAIC,kBAAgB,CACvC,SAAUH,EAAS,IAAKI,GAAY,SAAA,OAClC,GAAIA,EAAO,GACX,YAAaA,EAAO,aAAe,GACnC,UAAUC,EAAAD,EAAO,SAAP,YAAAC,EAAe,GACzB,QAAOC,EAAAF,EAAO,OAAP,YAAAE,EAAa,YAAa,CAAA,CAAC,EAClC,EACF,WAAAL,CAAA,CACD,EAEM,MAAA,CACL,iBACA,aAAAC,CACF,CACF"}
+{"version":3,"file":"useEntityEditing.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":"6rJAQO,MAAMA,EAAmB,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAwC,CAG7E,KAAA,CAAE,aAAAC,CAAa,EAAIC,kBAAgB,CACvC,SAAUH,EAAS,IAAKI,GAAY,SAAA,OAClC,GAAIA,EAAO,GACX,YAAaA,EAAO,aAAe,GACnC,UAAUC,EAAAD,EAAO,SAAP,YAAAC,EAAe,GACzB,QAAOC,EAAAF,EAAO,OAAP,YAAAE,EAAa,YAAa,CAAA,CAAC,EAClC,EACF,WAAAL,CAAA,CACD,EAEM,MAAA,CACL,iBACA,aAAAC,CACF,CACF"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityEditing.es.js

@@ -58,6 +58,7 @@ 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/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -85,7 +86,7 @@ import { useEntityUpdate as e } from "../../../hooks/useEntityUpdate.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "react-toastify";
-const Ot = ({ entities: o, entityType: p }) => {
+const Pt = ({ entities: o, entityType: p }) => {
   const { updateEntity: m } = e({
     entities: o.map((t) => {
       var i, r;
@@ -104,6 +105,6 @@ const Ot = ({ entities: o, entityType: p }) => {
   };
 };
 export {
-  Ot as useEntityEditing
+  Pt as useEntityEditing
 };
 //# sourceMappingURL=useEntityEditing.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEntityEditing.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,KAAmB,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAwC;AAG7E,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAgB;AAAA,IACvC,UAAUH,EAAS,IAAI,CAACI,MAAY;;AAAA;AAAA,QAClC,IAAIA,EAAO;AAAA,QACX,aAAaA,EAAO,eAAe;AAAA,QACnC,WAAUC,IAAAD,EAAO,WAAP,gBAAAC,EAAe;AAAA,QACzB,SAAOC,IAAAF,EAAO,SAAP,gBAAAE,EAAa,cAAa,CAAA;AAAA,MAAC;AAAA,KAClC;AAAA,IACF,YAAAL;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useEntityEditing.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityEditing.ts"],"sourcesContent":["import { useEntityUpdate } from '@shared/hooks'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ninterface UseEntityEditingProps {\n  entities: DetailsPanelEntityData[]\n  entityType: string\n}\n\nexport const useEntityEditing = ({ entities, entityType }: UseEntityEditingProps) => {\n  const enableEditing = true;\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  return {\n    enableEditing,\n    updateEntity,\n  }\n}\n"],"names":["useEntityEditing","entities","entityType","updateEntity","useEntityUpdate","entity","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,KAAmB,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAwC;AAG7E,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAgB;AAAA,IACvC,UAAUH,EAAS,IAAI,CAACI,MAAY;;AAAA;AAAA,QAClC,IAAIA,EAAO;AAAA,QACX,aAAaA,EAAO,eAAe;AAAA,QACnC,WAAUC,IAAAD,EAAO,WAAP,gBAAAC,EAAe;AAAA,QACzB,SAAOC,IAAAF,EAAO,SAAP,gBAAAE,EAAa,cAAa,CAAA;AAAA,MAAC;AAAA,KAClC;AAAA,IACF,YAAAL;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),qe=require("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("react-dom");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");const T=require("react-toastify");require("uuid");const d=require("../../util/versionUploadHelpers.cjs.js");require("../../util/pubsub.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const le=require("../../context/DetailsPanelContext.cjs.js"),ce=require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const de=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/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");const pe=require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");const he=require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const fe=require("../ReviewablesList/useReviewablesUpload.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");const p=require("./EntityPanelUploader.styled.cjs.js"),me=require("./Dropzone.cjs.js"),ge=require("axios"),xe=require("./EntityPanelUploaderDialog.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");const ve=require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const be=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],je=({children:W=[],entityType:I,entities:q=[],projectName:b,onUploaded:S,onVersionCreated:j})=>{var H,_,k;const{dispatch:B}=le.useDetailsPanelContext(),[C,h]=a.useState(!1),[D,f]=a.useState(null),c=a.useRef(0),[y,l]=a.useState(null),[G,v]=a.useState(0),[J,m]=a.useState(!1),[P,g]=a.useState(null),u=q.length===1?q[0]:null,F=(H=u==null?void 0:u.task)==null?void 0:H.id,R=(_=u==null?void 0:u.folder)==null?void 0:_.id,K=(k=u==null?void 0:u.product)==null?void 0:k.id,Q=u==null?void 0:u.id,U=!!(u&&I!=="representation"),{handleFileUpload:X}=fe.useReviewablesUpload({projectName:b,versionId:Q,taskId:F,folderId:R,productId:K,dispatch:B,onUpload:()=>{l(null),v(0)},onProgress:e=>{v(e)}}),Y=be.filter(e=>e.id==="version"?U:!0),o=()=>{l(null),h(!1),f(null),c.current=0,v(0),m(!1),g(null)},z=async e=>{if(!P||!u){m(!1),g(null);return}const r=d.sanitizeProductName(e);if(!r.trim()){T.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!R)throw new Error("Folder ID is required to create a product");l("version");const i=await d.createProductHelper(ie,b,{folderId:R,name:r,productType:"review"});m(!1),await O(P,i.id),g(null)}catch(i){d.handleUploadError(i,"creating product"),o()}},ee=()=>{m(!1),g(null),o()},[re]=he.useCreateVersionMutation(),[ie]=pe.useCreateProductMutation(),N=async e=>{var i;if(!U||!u)return T.toast.error("Please select exactly one version to upload reviewables"),o();const r=(i=u.product)==null?void 0:i.id;if(!r){g(e),m(!0);return}await O(e,r)},O=async(e,r)=>{var i;try{const n=d.getNextVersionNumber((i=u.product)==null?void 0:i.latestVersion),s=await d.createVersionHelper(re,b,{productId:r,taskId:F,version:n});await X(e,s.id),o(),j==null||j(s.id)}catch(n){d.handleUploadError(n,"uploading version"),o()}},V=async(e=[])=>{if(h(!1),!q.length)return;const r=new Date().toISOString();let i=[];for(const n of e){const s=q.find(E=>E.id===n.id);if(!s)continue;n.thumbnailId;const x=n.users||[];i.push({id:s.id,projectName:s.projectName,data:{updatedAt:r},currentAssignees:x}),s.productId}try{await ue({operations:i,entityType:I}),S&&S(i)}catch(n){console.error("Error uploading thumbnail:",n)}},Z=async e=>{if(!e)return o();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const s of q){const{id:x,entityType:E,projectName:w}=s;if(!w)throw new Error("Project name is required");const ae=ge.post(w&&`/api/projects/${w}/${E}s/${x}/thumbnail`,e,{onUploadProgress:L=>{v(Math.round(100*L.loaded/(L.total||e.size)))},headers:{"Content-Type":e.type}});r.push(ae)}const n=(await Promise.all(r)).map((s,x)=>({thumbnailId:s.data.id,id:q[x].id}));V(n),o()}catch(r){console.error(r),T.toast.error(r.message),o()}},[ue]=de.useUpdateEntitiesMutation(),te=e=>{e.preventDefault(),c.current++,c.current===1&&h(!0)},ne=e=>{e.preventDefault(),c.current--,c.current===0&&(h(!1),f(null))},se=e=>{e.preventDefault()},oe=e=>{if(e.preventDefault(),c.current=0,h(!1),f(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){l("thumbnail");const r=e.dataTransfer.files[0];Z(r)}if(D==="version"){l("version");const r=e.dataTransfer.files;N(r)}}},$=async(e,r)=>{const i=e.target.files;!i||i.length===0||(r==="version"&&(l("version"),N(i)),r==="thumbnail"&&(l("thumbnail"),Z(i[0])))},A=a.useRef(null),M=a.useRef(null);return t.jsxRuntimeExports.jsxs(ce.ThumbnailUploadProvider,{entities:q,handleThumbnailUpload:V,thumbnailInputRef:A,versionsInputRef:U?M:void 0,children:[t.jsxRuntimeExports.jsxs(p.DragAndDropWrapper,{className:qe({dragging:C}),onDragEnter:te,onDragLeave:ne,onDragOver:se,onDrop:oe,children:[t.jsxRuntimeExports.jsx(ve.ThumbnailWrapper,{children:t.jsxRuntimeExports.jsx("div",{children:W})}),C&&t.jsxRuntimeExports.jsx(p.DropZones,{children:Y.map(e=>t.jsxRuntimeExports.jsx(me,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>f(e.id),onDragLeave:()=>f(null)},e.id))}),(y==="thumbnail"||y==="version")&&t.jsxRuntimeExports.jsxs(p.DropZones,{children:[t.jsxRuntimeExports.jsxs(p.UploadingProgress,{children:[t.jsxRuntimeExports.jsx(p.Progress,{style:{right:`${100-G}%`}}),t.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${y}...`})]}),t.jsxRuntimeExports.jsx(p.CancelButton,{icon:"close",variant:"text",onClick:o})]}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>$(e,"thumbnail"),ref:A}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>$(e,"version"),ref:M})]}),t.jsxRuntimeExports.jsx(xe,{isOpen:J,files:P,onSubmit:z,onCancel:ee})]})};exports.EntityPanelUploader=je;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),qe=require("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("react-dom");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");const T=require("react-toastify");require("uuid");const d=require("../../util/versionUploadHelpers.cjs.js");require("../../util/pubsub.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const le=require("../../context/DetailsPanelContext.cjs.js"),ce=require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const de=require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");const pe=require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");const he=require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const fe=require("../ReviewablesList/useReviewablesUpload.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");const p=require("./EntityPanelUploader.styled.cjs.js"),me=require("./Dropzone.cjs.js"),ge=require("axios"),xe=require("./EntityPanelUploaderDialog.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");const ve=require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const be=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],je=({children:W=[],entityType:I,entities:q=[],projectName:b,onUploaded:S,onVersionCreated:j})=>{var H,_,k;const{dispatch:B}=le.useDetailsPanelContext(),[C,h]=a.useState(!1),[D,f]=a.useState(null),c=a.useRef(0),[y,l]=a.useState(null),[G,v]=a.useState(0),[J,m]=a.useState(!1),[P,g]=a.useState(null),u=q.length===1?q[0]:null,F=(H=u==null?void 0:u.task)==null?void 0:H.id,R=(_=u==null?void 0:u.folder)==null?void 0:_.id,K=(k=u==null?void 0:u.product)==null?void 0:k.id,Q=u==null?void 0:u.id,U=!!(u&&I!=="representation"),{handleFileUpload:X}=fe.useReviewablesUpload({projectName:b,versionId:Q,taskId:F,folderId:R,productId:K,dispatch:B,onUpload:()=>{l(null),v(0)},onProgress:e=>{v(e)}}),Y=be.filter(e=>e.id==="version"?U:!0),o=()=>{l(null),h(!1),f(null),c.current=0,v(0),m(!1),g(null)},z=async e=>{if(!P||!u){m(!1),g(null);return}const r=d.sanitizeProductName(e);if(!r.trim()){T.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!R)throw new Error("Folder ID is required to create a product");l("version");const i=await d.createProductHelper(ie,b,{folderId:R,name:r,productType:"review"});m(!1),await O(P,i.id),g(null)}catch(i){d.handleUploadError(i,"creating product"),o()}},ee=()=>{m(!1),g(null),o()},[re]=he.useCreateVersionMutation(),[ie]=pe.useCreateProductMutation(),N=async e=>{var i;if(!U||!u)return T.toast.error("Please select exactly one version to upload reviewables"),o();const r=(i=u.product)==null?void 0:i.id;if(!r){g(e),m(!0);return}await O(e,r)},O=async(e,r)=>{var i;try{const n=d.getNextVersionNumber((i=u.product)==null?void 0:i.latestVersion),s=await d.createVersionHelper(re,b,{productId:r,taskId:F,version:n});await X(e,s.id),o(),j==null||j(s.id)}catch(n){d.handleUploadError(n,"uploading version"),o()}},V=async(e=[])=>{if(h(!1),!q.length)return;const r=new Date().toISOString();let i=[];for(const n of e){const s=q.find(E=>E.id===n.id);if(!s)continue;n.thumbnailId;const x=n.users||[];i.push({id:s.id,projectName:s.projectName,data:{updatedAt:r},currentAssignees:x}),s.productId}try{await ue({operations:i,entityType:I}),S&&S(i)}catch(n){console.error("Error uploading thumbnail:",n)}},Z=async e=>{if(!e)return o();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const s of q){const{id:x,entityType:E,projectName:w}=s;if(!w)throw new Error("Project name is required");const ae=ge.post(w&&`/api/projects/${w}/${E}s/${x}/thumbnail`,e,{onUploadProgress:L=>{v(Math.round(100*L.loaded/(L.total||e.size)))},headers:{"Content-Type":e.type}});r.push(ae)}const n=(await Promise.all(r)).map((s,x)=>({thumbnailId:s.data.id,id:q[x].id}));V(n),o()}catch(r){console.error(r),T.toast.error(r.message),o()}},[ue]=de.useUpdateEntitiesMutation(),te=e=>{e.preventDefault(),c.current++,c.current===1&&h(!0)},ne=e=>{e.preventDefault(),c.current--,c.current===0&&(h(!1),f(null))},se=e=>{e.preventDefault()},oe=e=>{if(e.preventDefault(),c.current=0,h(!1),f(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){l("thumbnail");const r=e.dataTransfer.files[0];Z(r)}if(D==="version"){l("version");const r=e.dataTransfer.files;N(r)}}},$=async(e,r)=>{const i=e.target.files;!i||i.length===0||(r==="version"&&(l("version"),N(i)),r==="thumbnail"&&(l("thumbnail"),Z(i[0])))},A=a.useRef(null),M=a.useRef(null);return t.jsxRuntimeExports.jsxs(ce.ThumbnailUploadProvider,{entities:q,handleThumbnailUpload:V,thumbnailInputRef:A,versionsInputRef:U?M:void 0,children:[t.jsxRuntimeExports.jsxs(p.DragAndDropWrapper,{className:qe({dragging:C}),onDragEnter:te,onDragLeave:ne,onDragOver:se,onDrop:oe,children:[t.jsxRuntimeExports.jsx(ve.ThumbnailWrapper,{children:t.jsxRuntimeExports.jsx("div",{children:W})}),C&&t.jsxRuntimeExports.jsx(p.DropZones,{children:Y.map(e=>t.jsxRuntimeExports.jsx(me,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>f(e.id),onDragLeave:()=>f(null)},e.id))}),(y==="thumbnail"||y==="version")&&t.jsxRuntimeExports.jsxs(p.DropZones,{children:[t.jsxRuntimeExports.jsxs(p.UploadingProgress,{children:[t.jsxRuntimeExports.jsx(p.Progress,{style:{right:`${100-G}%`}}),t.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${y}...`})]}),t.jsxRuntimeExports.jsx(p.CancelButton,{icon:"close",variant:"text",onClick:o})]}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>$(e,"thumbnail"),ref:A}),t.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>$(e,"version"),ref:M})]}),t.jsxRuntimeExports.jsx(xe,{isOpen:J,files:P,onSubmit:z,onCancel:ee})]})};exports.EntityPanelUploader=je;
 //# sourceMappingURL=EntityPanelUploader.cjs.js.map

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

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

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

@@ -34,6 +34,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -119,6 +120,7 @@ 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/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -160,6 +162,7 @@ import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
 import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
@@ -218,7 +221,7 @@ import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 const Fr = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], Sp = ({
+], Op = ({
   children: _ = [],
   entityType: F,
   entities: a = [],
@@ -446,6 +449,6 @@ const Fr = [
   );
 };
 export {
-  Sp as EntityPanelUploader
+  Op as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map