@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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

@@ -57,6 +57,7 @@ import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategory
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
@@ -133,6 +134,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import { useCreateProductMutation as br } from "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -177,11 +179,13 @@ import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
+import "../SizeSlider/SizeSlider.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
 import "../EnumEditor/EnumEditor.styled.es.js";
 import "../SearchFilter/filterDates.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../Badge/Badge.es.js";
 import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
@@ -195,9 +199,15 @@ 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";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../SortingSetting/SortingSetting.styled.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
 import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -232,7 +242,7 @@ import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 const Fr = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], _p = ({
+], om = ({
   children: _ = [],
   entityType: F,
   entities: a = [],
@@ -460,6 +470,6 @@ const Fr = [
   );
 };
 export {
-  _p as EntityPanelUploader
+  om as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map

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

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

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

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),n=require("styled-components"),E=require("@ynput/ayon-react-components"),o=require("@dnd-kit/core"),m=require("@dnd-kit/sortable"),O=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),g=[{value:"hero",label:"Hero",short:"Hero",icon:"star"},{value:"latestDone",label:"Latest Done",short:"Done",icon:"check_circle"},{value:"latest",label:"Latest",short:"Latest",icon:"fiber_new"}],w=g.map(r=>r.value),T=({id:r,label:v})=>{const{attributes:c,listeners:d,setNodeRef:h,transform:s,transition:j,isDragging:f}=m.useSortable({id:r}),u={transform:O.CSS.Transform.toString(s),transition:j};return e.jsxRuntimeExports.jsx(F,{ref:h,style:u,className:f?"dragging":"",...c,...d,children:e.jsxRuntimeExports.jsxs(y,{children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:v})]})})},R=({value:r,onChange:v})=>{const[c,d]=b.useState(null),h=o.useSensors(o.useSensor(o.PointerSensor,{activationConstraint:{distance:5}})),s=b.useMemo(()=>{const t=[...g];return r.length>0&&t.sort((x,i)=>{const a=r.indexOf(x.value),l=r.indexOf(i.value);return a===-1?1:l===-1?-1:a-l}),t},[r]),j=t=>{d(t.active.id)},f=t=>{const{active:x,over:i}=t;if(i&&x.id!==i.id){const a=s.findIndex(p=>p.value===x.id),l=s.findIndex(p=>p.value===i.id);if(a!==-1&&l!==-1){const I=m.arrayMove(s,a,l).map(_=>_.value);v(I)}}d(null)},u=c?g.find(t=>t.value===c):null;return e.jsxRuntimeExports.jsxs(C,{children:[e.jsxRuntimeExports.jsxs(L,{children:[e.jsxRuntimeExports.jsx("span",{className:"label",children:"Product's featured version priority"}),e.jsxRuntimeExports.jsx(E.Icon,{icon:"info","data-tooltip":"Choose which version will be displayed on the product card. The first available from the list will be used.","data-tooltip-delay":0})]}),e.jsxRuntimeExports.jsxs(o.DndContext,{sensors:h,collisionDetection:o.closestCenter,onDragStart:j,onDragEnd:f,children:[e.jsxRuntimeExports.jsx(m.SortableContext,{items:s.map(t=>t.value),strategy:m.verticalListSortingStrategy,children:e.jsxRuntimeExports.jsx(A,{children:s.map(t=>e.jsxRuntimeExports.jsx(T,{id:t.value,label:t.label},t.value))})}),e.jsxRuntimeExports.jsx(o.DragOverlay,{children:u&&e.jsxRuntimeExports.jsxs(y,{className:"overlay",children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:u.label})]})})]})]})},C=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`,A=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`,F=n.div`
+  &.dragging {
+    opacity: 0;
+  }
+`,y=n.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  border-radius: var(--border-radius-m);
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  cursor: grab;
+  user-select: none;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`,S=n.div`
+  display: flex;
+  align-items: center;
+  color: var(--md-sys-color-outline);
+`,D=n.span`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+`,L=n.div`
+  color: var(--md-sys-color-outline);
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  width: 100%;
+
+  .label {
+    font-weight: 500;
+    margin-right: 8px;
+  }
+  .icon {
+    cursor: pointer;
+  }
+`;exports.DEFAULT_FEATURED_ORDER=w;exports.FEATURED_VERSION_TYPES=g;exports.FeaturedVersionOrder=R;exports.default=R;
+//# sourceMappingURL=FeaturedVersionOrder.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedVersionOrder.cjs.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n  { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n  { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n  { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n  value: string[]\n  onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n  id: string\n  label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      {...attributes}\n      {...listeners}\n    >\n      <ItemContent>\n        <DragHandle>\n          <Icon icon=\"drag_indicator\" />\n        </DragHandle>\n        <ItemLabel>{label}</ItemLabel>\n      </ItemContent>\n    </SortableItemWrapper>\n  )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n  const [activeId, setActiveId] = useState<string | null>(null)\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  // Sort TYPE_OPTIONS based on the value array order\n  const orderedOptions = useMemo(() => {\n    const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n    if (value.length > 0) {\n      optionsCopy.sort((a, b) => {\n        const indexA = value.indexOf(a.value)\n        const indexB = value.indexOf(b.value)\n\n        // If item is not in value array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return optionsCopy\n  }, [value])\n\n  const handleDragStart = (event: any) => {\n    setActiveId(event.active.id)\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n      const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n        const newValue = newOrder.map((option) => option.value)\n        onChange(newValue)\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active option for the drag overlay\n  const activeOption = activeId\n    ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n    : null\n\n  return (\n    <Container>\n      <InfoHeader>\n        <span className=\"label\">Product's featured version priority</span>\n        <Icon\n          icon=\"info\"\n          data-tooltip={\n            'Choose which version will be displayed on the product card. The first available from the list will be used.'\n          }\n          data-tooltip-delay={0}\n        />\n      </InfoHeader>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={orderedOptions.map((option) => option.value)}\n          strategy={verticalListSortingStrategy}\n        >\n          <ItemsList>\n            {orderedOptions.map((option) => (\n              <SortableItem key={option.value} id={option.value} label={option.label} />\n            ))}\n          </ItemsList>\n        </SortableContext>\n\n        <DragOverlay>\n          {activeOption && (\n            <ItemContent className=\"overlay\">\n              <DragHandle>\n                <Icon icon=\"drag_indicator\" />\n              </DragHandle>\n              <ItemLabel>{activeOption.label}</ItemLabel>\n            </ItemContent>\n          )}\n        </DragOverlay>\n      </DndContext>\n    </Container>\n  )\n}\n\n// Styled components\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    opacity: 0;\n  }\n`\n\nconst ItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  cursor: grab;\n  user-select: none;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`\n\nconst DragHandle = styled.div`\n  display: flex;\n  align-items: center;\n  color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n\n  .label {\n    font-weight: 500;\n    margin-right: 8px;\n  }\n  .icon {\n    cursor: pointer;\n  }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"mappings":"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"}

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

@@ -0,0 +1,158 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as I, useMemo as w } from "react";
+import n from "styled-components";
+import { Icon as v } from "@ynput/ayon-react-components";
+import { useSensors as E, useSensor as O, PointerSensor as C, DndContext as _, closestCenter as L, DragOverlay as R } from "@dnd-kit/core";
+import { SortableContext as T, verticalListSortingStrategy as A, arrayMove as N, useSortable as F } from "@dnd-kit/sortable";
+import { CSS as H } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+const h = [
+  { value: "hero", label: "Hero", short: "Hero", icon: "star" },
+  { value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
+  { value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
+], K = h.map((t) => t.value), k = ({ id: t, label: g }) => {
+  const { attributes: l, listeners: c, setNodeRef: p, transform: o, transition: x, isDragging: f } = F({
+    id: t
+  }), d = {
+    transform: H.Transform.toString(o),
+    transition: x
+  };
+  return /* @__PURE__ */ e.jsx(
+    V,
+    {
+      ref: p,
+      style: d,
+      className: f ? "dragging" : "",
+      ...l,
+      ...c,
+      children: /* @__PURE__ */ e.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(v, { icon: "drag_indicator" }) }),
+        /* @__PURE__ */ e.jsx(j, { children: g })
+      ] })
+    }
+  );
+}, Q = ({ value: t, onChange: g }) => {
+  const [l, c] = I(null), p = E(
+    O(C, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  ), o = w(() => {
+    const r = [...h];
+    return t.length > 0 && r.sort((m, s) => {
+      const a = t.indexOf(m.value), i = t.indexOf(s.value);
+      return a === -1 ? 1 : i === -1 ? -1 : a - i;
+    }), r;
+  }, [t]), x = (r) => {
+    c(r.active.id);
+  }, f = (r) => {
+    const { active: m, over: s } = r;
+    if (s && m.id !== s.id) {
+      const a = o.findIndex((u) => u.value === m.id), i = o.findIndex((u) => u.value === s.id);
+      if (a !== -1 && i !== -1) {
+        const S = N(o, a, i).map((D) => D.value);
+        g(S);
+      }
+    }
+    c(null);
+  }, d = l ? h.find((r) => r.value === l) : null;
+  return /* @__PURE__ */ e.jsxs(P, { children: [
+    /* @__PURE__ */ e.jsxs(M, { children: [
+      /* @__PURE__ */ e.jsx("span", { className: "label", children: "Product's featured version priority" }),
+      /* @__PURE__ */ e.jsx(
+        v,
+        {
+          icon: "info",
+          "data-tooltip": "Choose which version will be displayed on the product card. The first available from the list will be used.",
+          "data-tooltip-delay": 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      _,
+      {
+        sensors: p,
+        collisionDetection: L,
+        onDragStart: x,
+        onDragEnd: f,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            T,
+            {
+              items: o.map((r) => r.value),
+              strategy: A,
+              children: /* @__PURE__ */ e.jsx(U, { children: o.map((r) => /* @__PURE__ */ e.jsx(k, { id: r.value, label: r.label }, r.value)) })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(R, { children: d && /* @__PURE__ */ e.jsxs(b, { className: "overlay", children: [
+            /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(v, { icon: "drag_indicator" }) }),
+            /* @__PURE__ */ e.jsx(j, { children: d.label })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}, P = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`, U = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`, V = n.div`
+  &.dragging {
+    opacity: 0;
+  }
+`, b = n.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  border-radius: var(--border-radius-m);
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  cursor: grab;
+  user-select: none;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`, y = n.div`
+  display: flex;
+  align-items: center;
+  color: var(--md-sys-color-outline);
+`, j = n.span`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+`, M = n.div`
+  color: var(--md-sys-color-outline);
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  width: 100%;
+
+  .label {
+    font-weight: 500;
+    margin-right: 8px;
+  }
+  .icon {
+    cursor: pointer;
+  }
+`;
+export {
+  K as DEFAULT_FEATURED_ORDER,
+  h as FEATURED_VERSION_TYPES,
+  Q as FeaturedVersionOrder,
+  Q as default
+};
+//# sourceMappingURL=FeaturedVersionOrder.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedVersionOrder.es.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n  { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n  { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n  { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n  value: string[]\n  onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n  id: string\n  label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      {...attributes}\n      {...listeners}\n    >\n      <ItemContent>\n        <DragHandle>\n          <Icon icon=\"drag_indicator\" />\n        </DragHandle>\n        <ItemLabel>{label}</ItemLabel>\n      </ItemContent>\n    </SortableItemWrapper>\n  )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n  const [activeId, setActiveId] = useState<string | null>(null)\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  // Sort TYPE_OPTIONS based on the value array order\n  const orderedOptions = useMemo(() => {\n    const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n    if (value.length > 0) {\n      optionsCopy.sort((a, b) => {\n        const indexA = value.indexOf(a.value)\n        const indexB = value.indexOf(b.value)\n\n        // If item is not in value array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return optionsCopy\n  }, [value])\n\n  const handleDragStart = (event: any) => {\n    setActiveId(event.active.id)\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n      const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n        const newValue = newOrder.map((option) => option.value)\n        onChange(newValue)\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active option for the drag overlay\n  const activeOption = activeId\n    ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n    : null\n\n  return (\n    <Container>\n      <InfoHeader>\n        <span className=\"label\">Product's featured version priority</span>\n        <Icon\n          icon=\"info\"\n          data-tooltip={\n            'Choose which version will be displayed on the product card. The first available from the list will be used.'\n          }\n          data-tooltip-delay={0}\n        />\n      </InfoHeader>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={orderedOptions.map((option) => option.value)}\n          strategy={verticalListSortingStrategy}\n        >\n          <ItemsList>\n            {orderedOptions.map((option) => (\n              <SortableItem key={option.value} id={option.value} label={option.label} />\n            ))}\n          </ItemsList>\n        </SortableContext>\n\n        <DragOverlay>\n          {activeOption && (\n            <ItemContent className=\"overlay\">\n              <DragHandle>\n                <Icon icon=\"drag_indicator\" />\n              </DragHandle>\n              <ItemLabel>{activeOption.label}</ItemLabel>\n            </ItemContent>\n          )}\n        </DragOverlay>\n      </DndContext>\n    </Container>\n  )\n}\n\n// Styled components\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    opacity: 0;\n  }\n`\n\nconst ItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  cursor: grab;\n  user-select: none;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`\n\nconst DragHandle = styled.div`\n  display: flex;\n  align-items: center;\n  color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n\n  .label {\n    font-weight: 500;\n    margin-right: 8px;\n  }\n  .icon {\n    cursor: pointer;\n  }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"mappings":"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"}

package/dist/shared/src/components/Feedback/FeedbackContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("../../../../_virtual/jsx-runtime.cjs.js"),O=require("lodash"),o=require("react");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");const y=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");const Q=require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const j=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");const k=o.createContext(void 0),R=({children:q})=>{var m,h;const[n,S]=o.useState(!1),{data:r}=j.useGetCurrentUserQuery(),{data:u}=Q.useGetSiteInfoQuery({full:!0},{skip:!(r!=null&&r.name)}),{data:d}=y.useGetYnputCloudInfoQuery(void 0,{skip:!(r!=null&&r.name)}),{data:a,isLoading:p}=y.useGetFeedbackVerificationQuery(void 0,{skip:!(r!=null&&r.name)||!d}),C=()=>{if(!n){const e=document.createElement("script");e.src="https://do.featurebase.app/js/sdk.js",e.id="featurebase-sdk",e.async=!0,document.body.appendChild(e),S(!0)}},E=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},z=((m=u==null?void 0:u.version)==null?void 0:m.split("+")[0])||"unknown",M=((h=u==null?void 0:u.version)==null?void 0:h.split("+")[1])||"unknown",P=()=>{if(!(r!=null&&r.name)||!a)return;const e=O.cloneDeep(a),t=s=>{Object.keys(s).forEach(c=>{s[c]&&typeof s[c]=="object"?t(s[c]):(s[c]===void 0||s[c]===null)&&delete s[c]})};t(e);const i={...e,customFields:{origin:window.location.origin,serverVersion:z,frontendVersion:M,instanceId:d==null?void 0:d.instanceId}};console.log(i),window.Featurebase("identify",i,s=>{s?console.error(s):console.log("Featurebase identify completed")})},[l,H]=o.useState(!1),[v,x]=o.useState(0),V=()=>{const e=window;typeof e.Featurebase=="function"&&(console.log("Initializing Featurebase messenger widget"),e.Featurebase("boot",{appId:"67b76a31b8a7a2f3181da4ba",email:a==null?void 0:a.email,theme:"dark",userId:a==null?void 0:a.userId,userHash:a==null?void 0:a.userHash},t=>{t?console.error(t):(console.log("Featurebase messenger completed"),H(!0),e.Featurebase("onUnreadCountChange",function(i){x(i)}))}))},L=()=>{var i,g;const e=[];if((i=r==null?void 0:r.data)!=null&&i.isAdmin){const s=["Server","Addon","Pipeline"];e.push(...s)}else u!=null&&u.disableChangelog||e.push("Highlights");const t=window;return typeof t.Featurebase=="function"&&t.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:(g=r==null?void 0:r.attrib)==null?void 0:g.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},D=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},t=>{t&&console.error("Error initializing feedback widget:",t)}),!1},U=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},t=>t?(console.error("Error initializing portal widget:",t),!1):!0),!1};o.useEffect(()=>{r!=null&&r.name&&u&&(n||(C(),E(),L(),D(),U()))},[r==null?void 0:r.name,n,u]);const[w,W]=o.useState(!1);o.useEffect(()=>{!(r!=null&&r.name)||!d||!a||!n||w||(P(),W(!0))},[r==null?void 0:r.name,d==null?void 0:d.instanceId,a==null?void 0:a.userHash,n,window.location.pathname,w]),o.useEffect(()=>{p||!n||V()},[a,p,n]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",t)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...t&&{articleId:t}}})},[f,b]=o.useState(!1),F=document.getElementById("fb-messenger-root"),N=e=>F instanceof HTMLElement&&(F.style.display=e?"block":"none");o.useEffect(()=>{!n||!l||N(f)},[n,l,f]),o.useEffect(()=>{if(!n||!l)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){b(!1)})},[n,l]);const A=(e="Home",t)=>{const i=window;if(typeof i.Featurebase!="function"){window.alert("Featurebase SDK is not loaded yet. Please try again later."),console.warn("Featurebase SDK is not loaded yet.");return}if(f){i.Featurebase("hide"),b(!1);return}switch(b(!0),e){case"Home":i.Featurebase("show");break;case"Messages":i.Featurebase("show","messages");break;case"Changelog":i.Featurebase("show","changelog");break;case"Help":i.Featurebase("show","help");break;case"ShowArticle":t?i.Featurebase("showArticle",t):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",t);break;default:i.Featurebase("show");break}};return G.jsxRuntimeExports.jsx(k.Provider,{value:{openSupport:A,openFeedback:_,openPortal:I,messengerLoaded:l,unreadCount:v,messengerVisibility:f,setMessengerVisibility:b,loaded:n},children:q})},K=()=>{const q=o.useContext(k);if(!q)throw new Error("useFeedback must be used within a FeedbackProvider");return q};exports.FeedbackProvider=R;exports.useFeedback=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("../../../../_virtual/jsx-runtime.cjs.js"),O=require("lodash"),o=require("react");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");const y=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/versions/getVersionsProducts.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");const Q=require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const j=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");const k=o.createContext(void 0),R=({children:q})=>{var m,h;const[n,S]=o.useState(!1),{data:r}=j.useGetCurrentUserQuery(),{data:u}=Q.useGetSiteInfoQuery({full:!0},{skip:!(r!=null&&r.name)}),{data:d}=y.useGetYnputCloudInfoQuery(void 0,{skip:!(r!=null&&r.name)}),{data:a,isLoading:p}=y.useGetFeedbackVerificationQuery(void 0,{skip:!(r!=null&&r.name)||!d}),C=()=>{if(!n){const e=document.createElement("script");e.src="https://do.featurebase.app/js/sdk.js",e.id="featurebase-sdk",e.async=!0,document.body.appendChild(e),S(!0)}},E=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},z=((m=u==null?void 0:u.version)==null?void 0:m.split("+")[0])||"unknown",M=((h=u==null?void 0:u.version)==null?void 0:h.split("+")[1])||"unknown",P=()=>{if(!(r!=null&&r.name)||!a)return;const e=O.cloneDeep(a),t=s=>{Object.keys(s).forEach(c=>{s[c]&&typeof s[c]=="object"?t(s[c]):(s[c]===void 0||s[c]===null)&&delete s[c]})};t(e);const i={...e,customFields:{origin:window.location.origin,serverVersion:z,frontendVersion:M,instanceId:d==null?void 0:d.instanceId}};console.log(i),window.Featurebase("identify",i,s=>{s?console.error(s):console.log("Featurebase identify completed")})},[l,H]=o.useState(!1),[v,x]=o.useState(0),V=()=>{const e=window;typeof e.Featurebase=="function"&&(console.log("Initializing Featurebase messenger widget"),e.Featurebase("boot",{appId:"67b76a31b8a7a2f3181da4ba",email:a==null?void 0:a.email,theme:"dark",userId:a==null?void 0:a.userId,userHash:a==null?void 0:a.userHash},t=>{t?console.error(t):(console.log("Featurebase messenger completed"),H(!0),e.Featurebase("onUnreadCountChange",function(i){x(i)}))}))},L=()=>{var i,g;const e=[];if((i=r==null?void 0:r.data)!=null&&i.isAdmin){const s=["Server","Addon","Pipeline"];e.push(...s)}else u!=null&&u.disableChangelog||e.push("Highlights");const t=window;return typeof t.Featurebase=="function"&&t.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:(g=r==null?void 0:r.attrib)==null?void 0:g.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},D=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},t=>{t&&console.error("Error initializing feedback widget:",t)}),!1},U=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},t=>t?(console.error("Error initializing portal widget:",t),!1):!0),!1};o.useEffect(()=>{r!=null&&r.name&&u&&(n||(C(),E(),L(),D(),U()))},[r==null?void 0:r.name,n,u]);const[w,W]=o.useState(!1);o.useEffect(()=>{!(r!=null&&r.name)||!d||!a||!n||w||(P(),W(!0))},[r==null?void 0:r.name,d==null?void 0:d.instanceId,a==null?void 0:a.userHash,n,window.location.pathname,w]),o.useEffect(()=>{p||!n||V()},[a,p,n]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",t)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...t&&{articleId:t}}})},[f,b]=o.useState(!1),F=document.getElementById("fb-messenger-root"),N=e=>F instanceof HTMLElement&&(F.style.display=e?"block":"none");o.useEffect(()=>{!n||!l||N(f)},[n,l,f]),o.useEffect(()=>{if(!n||!l)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){b(!1)})},[n,l]);const A=(e="Home",t)=>{const i=window;if(typeof i.Featurebase!="function"){window.alert("Featurebase SDK is not loaded yet. Please try again later."),console.warn("Featurebase SDK is not loaded yet.");return}if(f){i.Featurebase("hide"),b(!1);return}switch(b(!0),e){case"Home":i.Featurebase("show");break;case"Messages":i.Featurebase("show","messages");break;case"Changelog":i.Featurebase("show","changelog");break;case"Help":i.Featurebase("show","help");break;case"ShowArticle":t?i.Featurebase("showArticle",t):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",t);break;default:i.Featurebase("show");break}};return G.jsxRuntimeExports.jsx(k.Provider,{value:{openSupport:A,openFeedback:_,openPortal:I,messengerLoaded:l,unreadCount:v,messengerVisibility:f,setMessengerVisibility:b,loaded:n},children:q})},K=()=>{const q=o.useContext(k);if(!q)throw new Error("useFeedback must be used within a FeedbackProvider");return q};exports.FeedbackProvider=R;exports.useFeedback=K;
 //# sourceMappingURL=FeedbackContext.cjs.js.map

package/dist/shared/src/components/Feedback/FeedbackContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackContext.cjs.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.cjs.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}