@ynput/ayon-frontend-shared 0.2.21 → 0.2.22

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

@@ -59,6 +59,7 @@ 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");
@@ -67,24 +68,24 @@ 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/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/watchers/getWatchers.cjs.js");
-require("../../../api/queries/permissions/getPermissions.cjs.js");
-require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
-require("../../../api/queries/products/createProduct.cjs.js");
-require("../../../api/queries/cloud/cloud.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");

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["FormLayout","useRef","useVersionUploadContext","useEffect","_a","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["FormLayout","useRef","useVersionUploadContext","useEffect","_a","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

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

@@ -57,6 +57,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -65,24 +66,24 @@ import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../ReviewablesList/ReviewablesList.styled.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["_a","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["_a","jsxs","jsx"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.cjs.js

@@ -48,6 +48,7 @@ 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");
@@ -56,24 +57,24 @@ 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/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+const createProduct = 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/watchers/getWatchers.cjs.js");
-require("../../../api/queries/permissions/getPermissions.cjs.js");
-require("../../../api/queries/grouping/getGrouping.cjs.js");
 const updateVersions = require("../../../api/queries/versions/updateVersions.cjs.js");
-const createProduct = require("../../../api/queries/products/createProduct.cjs.js");
-require("../../../api/queries/cloud/cloud.cjs.js");
 require("../../../api/queries/views/getViews.cjs.js");
 require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 const React = require("react");
 const extractVersionFromFilename = require("../../../utils/extractVersionFromFilename.cjs.js");
 const productTypes = require("../../../util/productTypes.cjs.js");

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/utils/extractVersionFromFilename'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/utils/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: productTypes.review.name,\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useGetLatestProductVersionQuery","useCallback","productId","folderId","taskId","createProduct","useCreateProductMutation","useCreateVersionMutation","createVersionHelper","createProductAndVersion","toast","error","extractVersionFromFilename","value","validateFormDataHelper","useEffect","getNextVersionNumber","useMemo","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/utils/extractVersionFromFilename'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/utils/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: productTypes.review.name,\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useGetLatestProductVersionQuery","useCallback","productId","folderId","taskId","createProduct","useCreateProductMutation","useCreateVersionMutation","createVersionHelper","createProductAndVersion","toast","error","extractVersionFromFilename","value","validateFormDataHelper","useEffect","getNextVersionNumber","useMemo","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.es.js

@@ -46,6 +46,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -54,24 +55,24 @@ import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import { useCreateProductMutation } from "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
 import { useGetLatestProductVersionQuery, useCreateVersionMutation } from "../../../api/queries/versions/updateVersions.es.js";
-import { useCreateProductMutation } from "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
 import { createContext, useState, useCallback, useEffect, useMemo, useContext } from "react";
 import { extractVersionFromFilename } from "../../../utils/extractVersionFromFilename.es.js";
 import productTypes from "../../../util/productTypes.es.js";

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionUploadContext.es.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/utils/extractVersionFromFilename'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/utils/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: productTypes.review.name,\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["productId","folderId","taskId","error","value","validateFormData","validateFormDataHelper","jsx"],"mappings":"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"}
+{"version":3,"file":"VersionUploadContext.es.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/utils/extractVersionFromFilename'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/utils/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: productTypes.review.name,\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["productId","folderId","taskId","error","value","validateFormData","validateFormDataHelper","jsx"],"mappings":"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"}

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

@@ -48,6 +48,7 @@ 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");
@@ -56,24 +57,24 @@ 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/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");
-const getWatchers = require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+const getWatchers = require("../../api/queries/watchers/getWatchers.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const React = require("react");
 const reactToastify = require("react-toastify");

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

@@ -1 +1 @@
-{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}

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

@@ -46,6 +46,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -54,24 +55,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from "../../api/queries/watchers/getWatchers.es.js";
 import { WatcherSelect } from "@ynput/ayon-react-components";
 import { forwardRef } from "react";
 import { toast } from "react-toastify";

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

@@ -1 +1 @@
-{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}