@ynput/ayon-frontend-shared 0.2.32 → 0.2.34

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

@@ -51,6 +51,7 @@ import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
 import "../../api/queries/addons/getAddons.es.js";
 import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
@@ -83,6 +84,7 @@ 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/users/guests.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
@@ -135,12 +137,15 @@ import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -201,6 +206,7 @@ import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
+import "../Powerpack/RequiredPowerpackVersion.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -214,6 +220,10 @@ import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../StyledLink/StyledLink.es.js";
+import "../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../AccessUser/AccessUser.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
 const K = (r, o) => {
   const p = {};
   return r.forEach((t) => {
@@ -331,7 +341,7 @@ const K = (r, o) => {
       }
     );
   }
-}, Lm = ({
+}, Xm = ({
   fields: r,
   values: o,
   onClose: p,
@@ -397,6 +407,6 @@ const K = (r, o) => {
   );
 };
 export {
-  Lm as SimpleFormDialog
+  Xm as SimpleFormDialog
 };
 //# sourceMappingURL=SimpleFormDialog.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputText","e","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}
+{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputText","e","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");const O=s.form`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredPowerpackVersion.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");const O=s.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, 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":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","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":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

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

@@ -54,6 +54,7 @@ import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
@@ -86,6 +87,7 @@ 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/users/guests.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
@@ -136,12 +138,15 @@ import "react-router-dom";
 import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../../containers/Feed/components/ActivityDate.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
+import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -203,6 +208,7 @@ import "../../Powerpack/PowerpackButton.es.js";
 import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
+import "../../Powerpack/RequiredPowerpackVersion.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../AttributeEditor/components/MinMaxField.es.js";
@@ -216,6 +222,10 @@ import "../../Feedback/SupportBubble.es.js";
 import "../../Chips/Chips.es.js";
 import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../StyledLink/StyledLink.es.js";
+import "../../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../AccessUser/AccessUser.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
 const J = n.form`
   display: flex;
   flex-direction: column;
@@ -254,7 +264,7 @@ const J = n.form`
 `, Y = n.div`
   position: relative;
   min-height: 80px;
-`, Di = ({
+`, cp = ({
   formData: o,
   onChange: p,
   onSubmit: y,
@@ -396,6 +406,6 @@ const J = n.form`
   );
 };
 export {
-  Di as UploadVersionForm
+  cp as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, 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":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"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":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const B=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 A=require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const r=require("react"),J=require("../../../util/productTypes.cjs.js");require("lodash");const K=require("react-toastify");require("uuid");const W=require("../../../util/extractVersionFromFilename.cjs.js"),x=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const H=r.createContext(void 0),l={version:1,name:J.review.name,productType:"review"},X=({children:v,projectName:n,onVersionCreated:w,dispatch:b})=>{const[p,f]=r.useState(""),[t,I]=r.useState(""),[V,g]=r.useState(""),[c,P]=r.useState(!1),[a,F]=r.useState([]),[q,s]=r.useState(l),[U,m]=r.useState(!1),[h,S]=r.useState(""),[k,y]=r.useState(null),[R,T]=r.useState(null),{currentData:o}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!c}),E=r.useCallback(({productId:i,folderId:e,taskId:u})=>{I(i||""),f(e||""),g(u||""),P(!0)},[]),d=r.useCallback(()=>{a.forEach(i=>{i.preview&&URL.revokeObjectURL(i.preview)}),F([]),s(l),y(null),T(null),S(""),m(!1),P(!1),I(""),f(""),g("")},[a]),[G]=B.useCreateProductMutation(),[O]=A.useCreateVersionMutation(),C=r.useCallback(async i=>{console.log("Uploading version with data:",i);try{if(o&&t){const e=await x.createVersionHelper(O,n,{productId:t,version:i.version});return w(t,e.id),{productId:t,versionId:e.id}}else{const{product:e,version:u}=await x.createProductAndVersion(G,O,n,{folderId:p,name:i.name,productType:i.productType||"review"},{version:i.version,taskId:V||void 0});return w(e.id,u.id),K.toast.success("Created new version"),{productId:e.id,versionId:u.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,o,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const u=W.extractVersionFromFilename(e.name);u&&u!==q.version&&s(j=>({...j,version:u}))}},[t,q.version]),M=r.useCallback((i,e)=>{s(u=>({...u,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(q,o==null?void 0:o.version,!o);if(!i.isValid)throw i.error},L=r.useCallback(async i=>{try{m(!0),S(""),Q();const e=await C(i);e!=null&&e.productId&&y(e.productId),e!=null&&e.versionId&&T(e.versionId),a.length<1&&(m(!1),d())}catch(e){S(e),m(!1)}},[C,a.length,d]);r.useEffect(()=>{if(c)return s(o?{...l,version:x.getNextVersionNumber(o)}:l),()=>{s(l)}},[c,o]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:c,projectName:n,version:t?o:void 0,pendingFiles:a,setPendingFiles:F,onOpenVersionUpload:E,onCloseVersionUpload:d,onUploadVersion:C,extractAndSetVersionFromFiles:D,form:q,setForm:s,isSubmitting:U,error:h,createdProductId:k,createdVersionId:R,handleFormChange:M,handleFormSubmit:L,dispatch:b}),[p,f,t,V,I,c,n,o,a,F,E,d,C,D,q,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},Y=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=X;exports.useVersionUploadContext=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const B=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/users/guests.cjs.js");const A=require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const r=require("react"),J=require("../../../util/productTypes.cjs.js");require("lodash");const K=require("react-toastify");require("uuid");const W=require("../../../util/extractVersionFromFilename.cjs.js"),x=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const H=r.createContext(void 0),l={version:1,name:J.review.name,productType:"review"},X=({children:v,projectName:n,onVersionCreated:w,dispatch:b})=>{const[p,f]=r.useState(""),[t,I]=r.useState(""),[V,g]=r.useState(""),[c,P]=r.useState(!1),[a,F]=r.useState([]),[q,s]=r.useState(l),[U,m]=r.useState(!1),[h,S]=r.useState(""),[k,y]=r.useState(null),[R,T]=r.useState(null),{currentData:o}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!c}),E=r.useCallback(({productId:i,folderId:e,taskId:u})=>{I(i||""),f(e||""),g(u||""),P(!0)},[]),d=r.useCallback(()=>{a.forEach(i=>{i.preview&&URL.revokeObjectURL(i.preview)}),F([]),s(l),y(null),T(null),S(""),m(!1),P(!1),I(""),f(""),g("")},[a]),[G]=B.useCreateProductMutation(),[O]=A.useCreateVersionMutation(),C=r.useCallback(async i=>{console.log("Uploading version with data:",i);try{if(o&&t){const e=await x.createVersionHelper(O,n,{productId:t,version:i.version});return w(t,e.id),{productId:t,versionId:e.id}}else{const{product:e,version:u}=await x.createProductAndVersion(G,O,n,{folderId:p,name:i.name,productType:i.productType||"review"},{version:i.version,taskId:V||void 0});return w(e.id,u.id),K.toast.success("Created new version"),{productId:e.id,versionId:u.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,o,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const u=W.extractVersionFromFilename(e.name);u&&u!==q.version&&s(j=>({...j,version:u}))}},[t,q.version]),M=r.useCallback((i,e)=>{s(u=>({...u,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(q,o==null?void 0:o.version,!o);if(!i.isValid)throw i.error},L=r.useCallback(async i=>{try{m(!0),S(""),Q();const e=await C(i);e!=null&&e.productId&&y(e.productId),e!=null&&e.versionId&&T(e.versionId),a.length<1&&(m(!1),d())}catch(e){S(e),m(!1)}},[C,a.length,d]);r.useEffect(()=>{if(c)return s(o?{...l,version:x.getNextVersionNumber(o)}:l),()=>{s(l)}},[c,o]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:c,projectName:n,version:t?o:void 0,pendingFiles:a,setPendingFiles:F,onOpenVersionUpload:E,onCloseVersionUpload:d,onUploadVersion:C,extractAndSetVersionFromFiles:D,form:q,setForm:s,isSubmitting:U,error:h,createdProductId:k,createdVersionId:R,handleFormChange:M,handleFormSubmit:L,dispatch:b}),[p,f,t,V,I,c,n,o,a,F,E,d,C,D,q,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},Y=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=X;exports.useVersionUploadContext=Y;
 //# sourceMappingURL=VersionUploadContext.cjs.js.map

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/util'\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/util/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":["VersionUploadContext","createContext","defaultFormData","productTypes","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","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/util'\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/util/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":["VersionUploadContext","createContext","defaultFormData","productTypes","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}