@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { isImage } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider, useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport './index.scss'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  if (value && (!value.name || value.name === '')) {\n    return 'A file name is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n\n  const fileTypeIsAdjustable =\n    isImage(mimeType) && mimeType !== 'image/svg+xml' && mimeType !== 'image/jxl'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__previewSizes`}\n              margin={false}\n              onClick={() => {\n                openModal(sizePreviewSlug)\n              }}\n              size=\"small\"\n            >\n              {t('upload:previewSizes')}\n            </Button>\n          )}\n          {enableAdjustments && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__edit`}\n              margin={false}\n              onClick={() => {\n                openModal(editDrawerSlug)\n              }}\n              size=\"small\"\n            >\n              {t('upload:editImage')}\n            </Button>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n  readonly UploadControls?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  return (\n    <UploadControlsProvider>\n      <Upload_v4\n        {...props}\n        resetUploadEdits={resetUploadEdits}\n        updateUploadEdits={updateUploadEdits}\n        uploadEdits={uploadEdits}\n      />\n    </UploadControlsProvider>\n  )\n}\n\nexport type UploadProps_v4 = {\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadEdits?: UploadEdits\n} & UploadProps\n\nexport const Upload_v4: React.FC<UploadProps_v4> = (props) => {\n  const {\n    collectionSlug,\n    customActions,\n    initialState,\n    onChange,\n    resetUploadEdits,\n    updateUploadEdits,\n    uploadConfig,\n    UploadControls,\n    uploadEdits,\n  } = props\n\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileName,\n    uploadControlFileUrl,\n  } = useUploadControls()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { id, data, docPermissions, setUploadStatus } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [showUrlInput, setShowUrlInput] = useState(false)\n  const [fileUrl, setFileUrl] = useState<string>('')\n\n  const urlInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n\n      setValue(file)\n      setShowUrlInput(false)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n\n      if (typeof onChange === 'function') {\n        onChange(file)\n      }\n    },\n    [onChange, setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange({ file: fileToUpload })\n    },\n    [handleFileChange],\n  )\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setShowUrlInput(false)\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  const handleUrlSubmit = useCallback(async () => {\n    if (!fileUrl || uploadConfig?.pasteURL === false) {\n      return\n    }\n\n    setUploadStatus('uploading')\n    try {\n      // Attempt client-side fetch\n      const clientResponse = await fetch(fileUrl)\n\n      if (!clientResponse.ok) {\n        throw new Error(`Fetch failed with status: ${clientResponse.status}`)\n      }\n\n      const blob = await clientResponse.blob()\n      const fileName = uploadControlFileName || decodeURIComponent(fileUrl.split('/').pop() || '')\n      const file = new File([blob], fileName, { type: blob.type })\n\n      handleFileChange({ file })\n      setUploadStatus('idle')\n      return // Exit if client-side fetch succeeds\n    } catch (_clientError) {\n      if (!useServerSideFetch) {\n        // If server-side fetch is not enabled, show client-side error\n        toast.error('Failed to fetch the file.')\n        setUploadStatus('failed')\n        return\n      }\n    }\n\n    // Attempt server-side fetch if client-side fetch fails and useServerSideFetch is true\n    try {\n      const pasteURL = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(fileUrl)}`\n      const serverResponse = await fetch(`${serverURL}${api}${pasteURL}`)\n\n      if (!serverResponse.ok) {\n        throw new Error(`Fetch failed with status: ${serverResponse.status}`)\n      }\n\n      const blob = await serverResponse.blob()\n      const fileName = decodeURIComponent(fileUrl.split('/').pop() || '')\n      const file = new File([blob], fileName, { type: blob.type })\n\n      handleFileChange({ file })\n      setUploadStatus('idle')\n    } catch (_serverError) {\n      toast.error('The provided URL is not allowed.')\n      setUploadStatus('failed')\n    }\n  }, [\n    api,\n    collectionSlug,\n    fileUrl,\n    handleFileChange,\n    id,\n    serverURL,\n    setUploadStatus,\n    uploadConfig,\n    uploadControlFileName,\n    useServerSideFetch,\n  ])\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    if (showUrlInput && urlInputRef.current) {\n      // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true\n    }\n  }, [showUrlInput])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload = docPermissions?.update\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit])\n\n  useEffect(() => {\n    const handleControlFile = () => {\n      if (uploadControlFile) {\n        handleFileChange({ file: uploadControlFile })\n      }\n    }\n\n    void handleControlFile()\n  }, [uploadControlFile, handleFileChange])\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {data && data.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={data}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasImageSizes}\n          hideRemoveFile={uploadConfig.hideRemoveFile}\n          imageCacheTag={imageCacheTag}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {((!uploadConfig.hideFileInputOnCreate && !data?.filename) || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && !showUrlInput && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  {uploadConfig?.pasteURL !== false && (\n                    <Fragment>\n                      <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                      <Button\n                        buttonStyle=\"pill\"\n                        onClick={() => {\n                          setShowUrlInput(true)\n                          setUploadControlFileUrl('')\n                          setUploadControlFile(null)\n                          setUploadControlFileName(null)\n                        }}\n                        size=\"small\"\n                      >\n                        {t('upload:pasteURL')}\n                      </Button>\n                    </Fragment>\n                  )}\n\n                  {UploadControls ? UploadControls : null}\n                </div>\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {showUrlInput && (\n            <React.Fragment>\n              <div className={`${baseClass}__remote-file-wrap`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__remote-file`}\n                  onChange={(e) => {\n                    setFileUrl(e.target.value)\n                  }}\n                  ref={urlInputRef}\n                  title={fileUrl}\n                  type=\"text\"\n                  value={fileUrl}\n                />\n                <div className={`${baseClass}__add-file-wrap`}>\n                  <button\n                    className={`${baseClass}__add-file`}\n                    onClick={() => {\n                      void handleUrlSubmit()\n                    }}\n                    type=\"button\"\n                  >\n                    {t('upload:addFile')}\n                  </button>\n                </div>\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={() => {\n                  setShowUrlInput(false)\n                  setUploadControlFileUrl('')\n                  setUploadControlFile(null)\n                  setUploadControlFileName(null)\n                }}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__filename`}\n                  onChange={handleFileNameChange}\n                  title={filename || value.name}\n                  type=\"text\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasImageSizes && data?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <Drawer Header={null} slug={editDrawerSlug}>\n            <EditUpload\n              fileName={value?.name || data?.filename}\n              fileSrc={data?.url || fileSrc}\n              imageCacheTag={imageCacheTag}\n              initialCrop={uploadEdits?.crop ?? undefined}\n              initialFocalPoint={{\n                x: uploadEdits?.focalPoint?.x || data?.focalX || 50,\n                y: uploadEdits?.focalPoint?.y || data?.focalY || 50,\n              }}\n              onSave={onEditsSave}\n              showCrop={showCrop}\n              showFocalPoint={showFocalPoint}\n            />\n          </Drawer>\n        </EditDepthProvider>\n      )}\n      {data && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n    </div>\n  )\n}\n"],"names":["useModal","isImage","React","Fragment","useCallback","useEffect","useRef","useState","toast","FieldError","fieldBaseClass","useForm","useFormProcessing","useField","useConfig","useDocumentInfo","EditDepthProvider","useTranslation","UploadControlsProvider","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","name","UploadActions","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","openModal","fileTypeIsAdjustable","length","div","className","buttonStyle","margin","onClick","size","map","CustomAction","i","key","Upload","props","resetUploadEdits","updateUploadEdits","uploadEdits","Upload_v4","collectionSlug","initialState","onChange","uploadConfig","UploadControls","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileName","uploadControlFileUrl","config","routes","api","serverURL","setModified","id","data","docPermissions","setUploadStatus","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","showUrlInput","setShowUrlInput","fileUrl","setFileUrl","urlInputRef","inputRef","useServerSideFetch","pasteURL","allowList","handleFileChange","file","isNewFile","File","URL","createObjectURL","renameFile","fileToChange","newName","newFile","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileRemoval","onEditsSave","args","handleUrlSubmit","clientResponse","fetch","ok","Error","status","blob","fileName","decodeURIComponent","split","pop","_clientError","error","encodeURIComponent","serverResponse","_serverError","current","canRemoveUpload","update","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","imageCacheTag","cacheTags","updatedAt","handleControlFileUrl","handleControlFile","filter","message","customUploadActions","doc","handleRemove","hideRemoveFile","hideFileInputOnCreate","click","input","accept","aria-hidden","hidden","ref","span","p","title","button","icon","iconStyle","round","tooltip","Header","slug","url","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","label"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","isImage","React","Fragment","useCallback","useEffect","useRef","useState","toast","FieldError","fieldBaseClass","useForm","useFormProcessing","useField","useConfig","useDocumentInfo","EditDepthProvider","useTranslation","UploadControlsProvider","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","name","UploadActions","t0","$","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","openModal","t1","t2","Symbol","for","bb0","fileTypeIsAdjustable","length","_jsxs","className","children","_jsx","buttonStyle","margin","onClick","size","map","_temp","Upload","props","resetUploadEdits","updateUploadEdits","uploadEdits","Upload_v4","collectionSlug","initialState","onChange","uploadConfig","UploadControls","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileName","uploadControlFileUrl","config","routes","api","serverURL","setModified","id","data","docPermissions","setUploadStatus","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","showUrlInput","setShowUrlInput","fileUrl","setFileUrl","urlInputRef","inputRef","useServerSideFetch","pasteURL","allowList","handleFileChange","file","isNewFile","File","URL","createObjectURL","renameFile","fileToChange","newName","newFile","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileRemoval","onEditsSave","args","handleUrlSubmit","clientResponse","fetch","ok","Error","status","blob","fileName","decodeURIComponent","split","pop","_clientError","error","encodeURIComponent","serverResponse","_serverError","current","canRemoveUpload","update","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","imageCacheTag","cacheTags","updatedAt","handleControlFileUrl","handleControlFile","filter","message","customUploadActions","doc","handleRemove","hideRemoveFile","hideFileInputOnCreate","click","accept","hidden","ref","title","icon","iconStyle","round","tooltip","Header","slug","url","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","label","CustomAction","i"],"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { isImage } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider, useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport './index.scss'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  if (value && (!value.name || value.name === '')) {\n    return 'A file name is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n\n  const fileTypeIsAdjustable =\n    isImage(mimeType) && mimeType !== 'image/svg+xml' && mimeType !== 'image/jxl'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__previewSizes`}\n              margin={false}\n              onClick={() => {\n                openModal(sizePreviewSlug)\n              }}\n              size=\"small\"\n            >\n              {t('upload:previewSizes')}\n            </Button>\n          )}\n          {enableAdjustments && (\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__edit`}\n              margin={false}\n              onClick={() => {\n                openModal(editDrawerSlug)\n              }}\n              size=\"small\"\n            >\n              {t('upload:editImage')}\n            </Button>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n  readonly UploadControls?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  return (\n    <UploadControlsProvider>\n      <Upload_v4\n        {...props}\n        resetUploadEdits={resetUploadEdits}\n        updateUploadEdits={updateUploadEdits}\n        uploadEdits={uploadEdits}\n      />\n    </UploadControlsProvider>\n  )\n}\n\nexport type UploadProps_v4 = {\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadEdits?: UploadEdits\n} & UploadProps\n\nexport const Upload_v4: React.FC<UploadProps_v4> = (props) => {\n  const {\n    collectionSlug,\n    customActions,\n    initialState,\n    onChange,\n    resetUploadEdits,\n    updateUploadEdits,\n    uploadConfig,\n    UploadControls,\n    uploadEdits,\n  } = props\n\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileName,\n    uploadControlFileUrl,\n  } = useUploadControls()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { id, data, docPermissions, setUploadStatus } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [showUrlInput, setShowUrlInput] = useState(false)\n  const [fileUrl, setFileUrl] = useState<string>('')\n\n  const urlInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n\n      setValue(file)\n      setShowUrlInput(false)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n\n      if (typeof onChange === 'function') {\n        onChange(file)\n      }\n    },\n    [onChange, setValue, setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange({ file: fileToUpload })\n    },\n    [handleFileChange],\n  )\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setShowUrlInput(false)\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  const handleUrlSubmit = useCallback(async () => {\n    if (!fileUrl || uploadConfig?.pasteURL === false) {\n      return\n    }\n\n    setUploadStatus('uploading')\n    try {\n      // Attempt client-side fetch\n      const clientResponse = await fetch(fileUrl)\n\n      if (!clientResponse.ok) {\n        throw new Error(`Fetch failed with status: ${clientResponse.status}`)\n      }\n\n      const blob = await clientResponse.blob()\n      const fileName = uploadControlFileName || decodeURIComponent(fileUrl.split('/').pop() || '')\n      const file = new File([blob], fileName, { type: blob.type })\n\n      handleFileChange({ file })\n      setUploadStatus('idle')\n      return // Exit if client-side fetch succeeds\n    } catch (_clientError) {\n      if (!useServerSideFetch) {\n        // If server-side fetch is not enabled, show client-side error\n        toast.error('Failed to fetch the file.')\n        setUploadStatus('failed')\n        return\n      }\n    }\n\n    // Attempt server-side fetch if client-side fetch fails and useServerSideFetch is true\n    try {\n      const pasteURL = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(fileUrl)}`\n      const serverResponse = await fetch(`${serverURL}${api}${pasteURL}`)\n\n      if (!serverResponse.ok) {\n        throw new Error(`Fetch failed with status: ${serverResponse.status}`)\n      }\n\n      const blob = await serverResponse.blob()\n      const fileName = decodeURIComponent(fileUrl.split('/').pop() || '')\n      const file = new File([blob], fileName, { type: blob.type })\n\n      handleFileChange({ file })\n      setUploadStatus('idle')\n    } catch (_serverError) {\n      toast.error('The provided URL is not allowed.')\n      setUploadStatus('failed')\n    }\n  }, [\n    api,\n    collectionSlug,\n    fileUrl,\n    handleFileChange,\n    id,\n    serverURL,\n    setUploadStatus,\n    uploadConfig,\n    uploadControlFileName,\n    useServerSideFetch,\n  ])\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    if (showUrlInput && urlInputRef.current) {\n      // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true\n    }\n  }, [showUrlInput])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload = docPermissions?.update\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit])\n\n  useEffect(() => {\n    const handleControlFile = () => {\n      if (uploadControlFile) {\n        handleFileChange({ file: uploadControlFile })\n      }\n    }\n\n    void handleControlFile()\n  }, [uploadControlFile, handleFileChange])\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {data && data.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={data}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasImageSizes}\n          hideRemoveFile={uploadConfig.hideRemoveFile}\n          imageCacheTag={imageCacheTag}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {((!uploadConfig.hideFileInputOnCreate && !data?.filename) || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && !showUrlInput && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  {uploadConfig?.pasteURL !== false && (\n                    <Fragment>\n                      <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                      <Button\n                        buttonStyle=\"pill\"\n                        onClick={() => {\n                          setShowUrlInput(true)\n                          setUploadControlFileUrl('')\n                          setUploadControlFile(null)\n                          setUploadControlFileName(null)\n                        }}\n                        size=\"small\"\n                      >\n                        {t('upload:pasteURL')}\n                      </Button>\n                    </Fragment>\n                  )}\n\n                  {UploadControls ? UploadControls : null}\n                </div>\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {showUrlInput && (\n            <React.Fragment>\n              <div className={`${baseClass}__remote-file-wrap`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__remote-file`}\n                  onChange={(e) => {\n                    setFileUrl(e.target.value)\n                  }}\n                  ref={urlInputRef}\n                  title={fileUrl}\n                  type=\"text\"\n                  value={fileUrl}\n                />\n                <div className={`${baseClass}__add-file-wrap`}>\n                  <button\n                    className={`${baseClass}__add-file`}\n                    onClick={() => {\n                      void handleUrlSubmit()\n                    }}\n                    type=\"button\"\n                  >\n                    {t('upload:addFile')}\n                  </button>\n                </div>\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={() => {\n                  setShowUrlInput(false)\n                  setUploadControlFileUrl('')\n                  setUploadControlFile(null)\n                  setUploadControlFileName(null)\n                }}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__filename`}\n                  onChange={handleFileNameChange}\n                  title={filename || value.name}\n                  type=\"text\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasImageSizes && data?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <Drawer Header={null} slug={editDrawerSlug}>\n            <EditUpload\n              fileName={value?.name || data?.filename}\n              fileSrc={data?.url || fileSrc}\n              imageCacheTag={imageCacheTag}\n              initialCrop={uploadEdits?.crop ?? undefined}\n              initialFocalPoint={{\n                x: uploadEdits?.focalPoint?.x || data?.focalX || 50,\n                y: uploadEdits?.focalPoint?.y || data?.focalY || 50,\n              }}\n              onSave={onEditsSave}\n              showCrop={showCrop}\n              showFocalPoint={showFocalPoint}\n            />\n          </Drawer>\n        </EditDepthProvider>\n      )}\n      {data && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAC1E,SAASC,KAAK,QAAQ;AAEtB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,EAAEC,iBAAiB,QAAQ;AAC3C,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,EAAEC,iBAAiB,QAAQ;AAC1D,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,cAAA,GAAiB;AAC9B,OAAO,MAAMC,eAAA,GAAkB;AAE/B,MAAMC,QAAA,GAAYC,KAAA;EAChB,IAAI,CAACA,KAAA,IAASA,KAAA,KAAUC,SAAA,EAAW;IACjC,OAAO;EACT;EAEA,IAAID,KAAA,KAAU,CAACA,KAAA,CAAME,IAAI,IAAIF,KAAA,CAAME,IAAI,KAAK,EAAC,GAAI;IAC/C,OAAO;EACT;EAEA,OAAO;AACT;AASA,OAAO,MAAMC,aAAA,GAAgBC,EAAA;EAAA,MAAAC,CAAA,GAAAtC,EAAA;EAAC;IAAAuC,aAAA;IAAAC,iBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAL,EAKV;EAClB;IAAAM;EAAA,IAAczB,cAAA;EACd;IAAA0B;EAAA,IAAsB3C,QAAA;EAAA,IAAA4C,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,aAAA,IAAAD,CAAA,QAAAE,iBAAA,IAAAF,CAAA,QAAAG,kBAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAK,CAAA;IAMbG,EAAA,GAAAC,MAAA,CAAAC,GAAA;IAAAC,GAAA;MAJT,MAAAC,oBAAA,GACEhD,OAAA,CAAQwC,QAAA,KAAaA,QAAA,KAAa,mBAAmBA,QAAA,KAAa;MAAA,IAEhE,CAACQ,oBAAA,KAAyB,CAACX,aAAA,IAAiBA,aAAA,CAAAY,MAAA,MAAyB;QAChEL,EAAA;QAAA,MAAAG,GAAA;MAAA;MAIPJ,EAAA,GAAAO,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAxB,SAAA,kBAA8B;QAAAyB,QAAA,GAC3CJ,oBAAA,IACCE,KAAA,CAAAjD,KAAA,CAAAC,QAAA;UAAAkD,QAAA,GACGb,kBAAA,IACCc,IAAA,CAAAjC,MAAA;YAAAkC,WAAA,EACc;YAAAH,SAAA,EACD,GAAAxB,SAAA,gBAA4B;YAAA4B,MAAA;YAAAC,OAAA,EAAAA,CAAA;cAGrCd,SAAA,CAAAb,eAAU;YAAA;YAAA4B,IAAA,EAEP;YAAAL,QAAA,EAEJX,CAAA,CAAE;UAAA,C,GAGNH,iBAAA,IACCe,IAAA,CAAAjC,MAAA;YAAAkC,WAAA,EACc;YAAAH,SAAA,EACD,GAAAxB,SAAA,QAAoB;YAAA4B,MAAA;YAAAC,OAAA,EAAAA,CAAA;cAG7Bd,SAAA,CAAAd,cAAU;YAAA;YAAA6B,IAAA,EAEP;YAAAL,QAAA,EAEJX,CAAA,CAAE;UAAA,C;YAMVJ,aAAA,IACCA,aAAA,CAAAqB,GAAA,CAAAC,KAEA;MAAA,C;;;;;;;;;;;;;;;;;SAnCJhB,E;CAsCJ;AAWA,OAAO,MAAMiB,MAAA,GAAgCC,KAAA;EAAA,MAAAzB,CAAA,GAAAtC,EAAA;EAC3C;IAAAgE,gBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAA6D7C,cAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAC,CAAA,QAAAyB,KAAA,IAAAzB,CAAA,QAAA0B,gBAAA,IAAA1B,CAAA,QAAA2B,iBAAA,IAAA3B,CAAA,QAAA4B,WAAA;IAE3D7B,EAAA,GAAAkB,IAAA,CAAApC,sBAAA;MAAAmC,QAAA,EACEC,IAAA,CAAAY,SAAA;QAAA,GACMJ,KAAK;QAAAC,gBAAA;QAAAC,iBAAA;QAAAC;MAAA,C;;;;;;;;;;SAFb7B,E;CASJ;AAQA,OAAO,MAAM8B,SAAA,GAAuCJ,KAAA;EAClD,MAAM;IACJK,cAAc;IACd7B,aAAa;IACb8B,YAAY;IACZC,QAAQ;IACRN,gBAAgB;IAChBC,iBAAiB;IACjBM,YAAY;IACZC,cAAc;IACdN;EAAW,CACZ,GAAGH,KAAA;EAEJ,MAAM;IACJU,oBAAoB;IACpBC,wBAAwB;IACxBC,uBAAuB;IACvBC,iBAAiB;IACjBC,qBAAqB;IACrBC;EAAoB,CACrB,GAAG1D,iBAAA;EAEJ,MAAM;IACJ2D,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGnE,SAAA;EAEJ,MAAM;IAAE4B;EAAC,CAAE,GAAGzB,cAAA;EACd,MAAM;IAAEiE;EAAW,CAAE,GAAGvE,OAAA;EACxB,MAAM;IAAEwE,EAAE;IAAEC,IAAI;IAAEC,cAAc;IAAEC;EAAe,CAAE,GAAGvE,eAAA;EACtD,MAAMwE,gBAAA,GAAmB3E,iBAAA;EACzB,MAAM;IAAE4E,YAAY;IAAEC,QAAQ;IAAEC,SAAS;IAAE1D;EAAK,CAAE,GAAGnB,QAAA,CAAe;IAClE8E,IAAA,EAAM;IACN5D;EACF;EAEA,MAAM,CAAC6D,OAAA,EAASC,UAAA,CAAW,GAAGtF,QAAA,CAAwB;EACtD,MAAM,CAACuF,WAAA,EAAaC,cAAA,CAAe,GAAGxF,QAAA,CAAS;EAC/C,MAAM,CAACyF,QAAA,EAAUC,WAAA,CAAY,GAAG1F,QAAA,CAAiByB,KAAA,EAAOE,IAAA,IAAQ;EAChE,MAAM,CAACgE,YAAA,EAAcC,eAAA,CAAgB,GAAG5F,QAAA,CAAS;EACjD,MAAM,CAAC6F,OAAA,EAASC,UAAA,CAAW,GAAG9F,QAAA,CAAiB;EAE/C,MAAM+F,WAAA,GAAchG,MAAA,CAAyB;EAC7C,MAAMiG,QAAA,GAAWjG,MAAA,CAAyB;EAE1C,MAAMkG,kBAAA,GACJ,OAAOlC,YAAA,EAAcmC,QAAA,KAAa,YAAYnC,YAAA,CAAamC,QAAQ,CAACC,SAAS,EAAExD,MAAA,GAAS;EAE1F,MAAMyD,gBAAA,GAAmBvG,WAAA,CACvB,CAAC;IAAEwG,IAAI;IAAEC,SAAA,GAAY;EAAI,CAA8C;IACrE,IAAIA,SAAA,IAAaD,IAAA,YAAgBE,IAAA,EAAM;MACrCjB,UAAA,CAAWkB,GAAA,CAAIC,eAAe,CAACJ,IAAA;IACjC;IAEAnB,QAAA,CAASmB,IAAA;IACTT,eAAA,CAAgB;IAChBzB,uBAAA,CAAwB;IACxBD,wBAAA,CAAyB;IACzBD,oBAAA,CAAqB;IAErB,IAAI,OAAOH,QAAA,KAAa,YAAY;MAClCA,QAAA,CAASuC,IAAA;IACX;EACF,GACA,CAACvC,QAAA,EAAUoB,QAAA,EAAUjB,oBAAA,EAAsBC,wBAAA,EAA0BC,uBAAA,CAAwB;EAG/F,MAAMuC,UAAA,GAAaA,CAACC,YAAA,EAAoBC,OAAA;IACtC;IACA,MAAMC,OAAA,GAAU,IAAIN,IAAA,CAAK,CAACI,YAAA,CAAa,EAAEC,OAAA,EAAS;MAChDE,IAAA,EAAMH,YAAA,CAAaG,IAAI;MACvBC,YAAA,EAAcJ,YAAA,CAAaI;IAC7B;IACA,OAAOF,OAAA;EACT;EAEA,MAAMG,oBAAA,GAAuBrH,KAAA,CAAME,WAAW,CAC3CoH,CAAA;IACC,MAAMC,eAAA,GAAkBD,CAAA,CAAEE,MAAM,CAAC1F,KAAK;IAEtC,IAAIA,KAAA,EAAO;MACT2E,gBAAA,CAAiB;QAAEC,IAAA,EAAMK,UAAA,CAAWjF,KAAA,EAAOyF,eAAA;QAAkBZ,SAAA,EAAW;MAAM;MAC9EZ,WAAA,CAAYwB,eAAA;IACd;EACF,GACA,CAACd,gBAAA,EAAkB3E,KAAA,CAAM;EAG3B,MAAM2F,mBAAA,GAAsBvH,WAAA,CACzBwH,KAAA;IACC,MAAMC,YAAA,GAAeD,KAAA,GAAQ,EAAE;IAC/BjB,gBAAA,CAAiB;MAAEC,IAAA,EAAMiB;IAAa;EACxC,GACA,CAAClB,gBAAA,CAAiB;EAGpB,MAAMmB,iBAAA,GAAoB1H,WAAA,CAAY;IACpC2F,cAAA,CAAe;IACfY,gBAAA,CAAiB;MAAEC,IAAA,EAAM;IAAK;IAC9Bf,UAAA,CAAW;IACXQ,UAAA,CAAW;IACXtC,gBAAA;IACAoC,eAAA,CAAgB;IAChBzB,uBAAA,CAAwB;IACxBD,wBAAA,CAAyB;IACzBD,oBAAA,CAAqB;EACvB,GAAG,CACDmC,gBAAA,EACA5C,gBAAA,EACAS,oBAAA,EACAC,wBAAA,EACAC,uBAAA,CACD;EAED,MAAMqD,WAAA,GAAc3H,WAAA,CACjB4H,IAAA;IACC9C,WAAA,CAAY;IACZlB,iBAAA,CAAkBgE,IAAA;EACpB,GACA,CAAC9C,WAAA,EAAalB,iBAAA,CAAkB;EAGlC,MAAMiE,eAAA,GAAkB7H,WAAA,CAAY;IAClC,IAAI,CAACgG,OAAA,IAAW9B,YAAA,EAAcmC,QAAA,KAAa,OAAO;MAChD;IACF;IAEAnB,eAAA,CAAgB;IAChB,IAAI;MACF;MACA,MAAM4C,cAAA,GAAiB,MAAMC,KAAA,CAAM/B,OAAA;MAEnC,IAAI,CAAC8B,cAAA,CAAeE,EAAE,EAAE;QACtB,MAAM,IAAIC,KAAA,CAAM,6BAA6BH,cAAA,CAAeI,MAAM,EAAE;MACtE;MAEA,MAAMC,IAAA,GAAO,MAAML,cAAA,CAAeK,IAAI;MACtC,MAAMC,QAAA,GAAW5D,qBAAA,IAAyB6D,kBAAA,CAAmBrC,OAAA,CAAQsC,KAAK,CAAC,KAAKC,GAAG,MAAM;MACzF,MAAM/B,MAAA,GAAO,IAAIE,IAAA,CAAK,CAACyB,IAAA,CAAK,EAAEC,QAAA,EAAU;QAAEnB,IAAA,EAAMkB,IAAA,CAAKlB;MAAK;MAE1DV,gBAAA,CAAiB;QAAEC,IAAA,EAAAA;MAAK;MACxBtB,eAAA,CAAgB;MAChB,QAAO;IACT,EAAE,OAAOsD,YAAA,EAAc;MACrB,IAAI,CAACpC,kBAAA,EAAoB;QACvB;QACAhG,KAAA,CAAMqI,KAAK,CAAC;QACZvD,eAAA,CAAgB;QAChB;MACF;IACF;IAEA;IACA,IAAI;MACF,MAAMmB,QAAA,GAAW,IAAItC,cAAA,aAA2BgB,EAAA,GAAK,IAAIA,EAAA,GAAK,GAAG,UAAU2D,kBAAA,CAAmB1C,OAAA,GAAU;MACxG,MAAM2C,cAAA,GAAiB,MAAMZ,KAAA,CAAM,GAAGlD,SAAA,GAAYD,GAAA,GAAMyB,QAAA,EAAU;MAElE,IAAI,CAACsC,cAAA,CAAeX,EAAE,EAAE;QACtB,MAAM,IAAIC,KAAA,CAAM,6BAA6BU,cAAA,CAAeT,MAAM,EAAE;MACtE;MAEA,MAAMC,MAAA,GAAO,MAAMQ,cAAA,CAAeR,IAAI;MACtC,MAAMC,UAAA,GAAWC,kBAAA,CAAmBrC,OAAA,CAAQsC,KAAK,CAAC,KAAKC,GAAG,MAAM;MAChE,MAAM/B,MAAA,GAAO,IAAIE,IAAA,CAAK,CAACyB,MAAA,CAAK,EAAEC,UAAA,EAAU;QAAEnB,IAAA,EAAMkB,MAAA,CAAKlB;MAAK;MAE1DV,gBAAA,CAAiB;QAAEC,IAAA,EAAAA;MAAK;MACxBtB,eAAA,CAAgB;IAClB,EAAE,OAAO0D,YAAA,EAAc;MACrBxI,KAAA,CAAMqI,KAAK,CAAC;MACZvD,eAAA,CAAgB;IAClB;EACF,GAAG,CACDN,GAAA,EACAb,cAAA,EACAiC,OAAA,EACAO,gBAAA,EACAxB,EAAA,EACAF,SAAA,EACAK,eAAA,EACAhB,YAAA,EACAM,qBAAA,EACA4B,kBAAA,CACD;EAEDnG,SAAA,CAAU;IACR,IAAI+D,YAAA,EAAcwC,IAAA,EAAM5E,KAAA,YAAiB8E,IAAA,EAAM;MAC7CjB,UAAA,CAAWkB,GAAA,CAAIC,eAAe,CAAC5C,YAAA,CAAawC,IAAI,CAAC5E,KAAK;MACtD+D,cAAA,CAAe;IACjB;EACF,GAAG,CAAC3B,YAAA,CAAa;EAEjB/D,SAAA,CAAU;IACR,IAAI6F,YAAA,IAAgBI,WAAA,CAAY2C,OAAO,EAAE;MACvC;IAAA;EAEJ,GAAG,CAAC/C,YAAA,CAAa;EAEjB7F,SAAA,CAAU;IACR,IAAIkF,gBAAA,EAAkB;MACpBQ,cAAA,CAAe;IACjB;EACF,GAAG,CAACR,gBAAA,CAAiB;EAErB,MAAM2D,eAAA,GAAkB7D,cAAA,EAAgB8D,MAAA;EAExC,MAAMC,aAAA,GAAgB9E,YAAA,EAAc+E,UAAA,EAAYnG,MAAA,GAAS;EACzD,MAAMoG,gBAAA,GAAmBC,OAAA,CAAQjF,YAAA,EAAckF,aAAA;EAC/C;EACA,MAAMC,iBAAA,GAAoBnF,YAAA,EAAcoF,UAAA,KAAe;EAEvD,MAAM;IAAEC,IAAA,EAAMC,QAAA,GAAW,IAAI;IAAEF,UAAA,GAAa;EAAI,CAAE,GAAGpF,YAAA;EAErD,MAAMuF,cAAA,GAAiBH,UAAA,KAAeN,aAAA,IAAiBE,gBAAA,IAAoBG,iBAAgB;EAE3F,MAAMK,eAAA,GAAkBxF,YAAA,CAAayF,SAAS,EAAEC,IAAA,CAAK;EAErD,MAAMC,aAAA,GAAgB3F,YAAA,EAAc4F,SAAA,IAAa9E,IAAA,EAAM+E,SAAA;EAEvD9J,SAAA,CAAU;IACR,MAAM+J,oBAAA,GAAuB,MAAAA,CAAA;MAC3B,IAAIvF,oBAAA,EAAsB;QACxBwB,UAAA,CAAWxB,oBAAA;QACX,MAAMoD,eAAA;MACR;IACF;IAEA,KAAKmC,oBAAA;EACP,GAAG,CAACvF,oBAAA,EAAsBoD,eAAA,CAAgB;EAE1C5H,SAAA,CAAU;IACR,MAAMgK,iBAAA,GAAoBA,CAAA;MACxB,IAAI1F,iBAAA,EAAmB;QACrBgC,gBAAA,CAAiB;UAAEC,IAAA,EAAMjC;QAAkB;MAC7C;IACF;IAEA,KAAK0F,iBAAA;EACP,GAAG,CAAC1F,iBAAA,EAAmBgC,gBAAA,CAAiB;EAExC,oBACExD,KAAA,CAAC;IAAIC,SAAA,EAAW,CAAC1C,cAAA,EAAgBkB,SAAA,CAAU,CAAC0I,MAAM,CAACf,OAAA,EAASS,IAAI,CAAC;4BAC/D1G,IAAA,CAAC7C,UAAA;MAAW8J,OAAA,EAAS/E,YAAA;MAAcE,SAAA,EAAWA;QAC7CN,IAAA,IAAQA,IAAA,CAAKY,QAAQ,IAAI,CAACF,WAAA,iBACzBxC,IAAA,CAAC7B,WAAA;MACC0C,cAAA,EAAgBA,cAAA;MAChBqG,mBAAA,EAAqBlI,aAAA;MACrBmI,GAAA,EAAKrF,IAAA;MACL7C,iBAAA,EAAmBqH,QAAA,IAAYC,cAAA;MAC/Ba,YAAA,EAAcxB,eAAA,GAAkBpB,iBAAA,GAAoB7F,SAAA;MACpDmH,aAAA,EAAeA,aAAA;MACfuB,cAAA,EAAgBrG,YAAA,CAAaqG,cAAc;MAC3CV,aAAA,EAAeA,aAAA;MACf3F,YAAA,EAAcA;QAGhB,EAAEA,YAAA,CAAasG,qBAAqB,IAAI,CAACxF,IAAA,EAAMY,QAAA,IAAaF,WAAU,kBACtE3C,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGxB,SAAA,UAAmB;iBACnC,CAACI,KAAA,IAAS,CAACkE,YAAA,iBACV5C,IAAA,CAAC/B,QAAA;QAAS8C,QAAA,EAAUsD,mBAAA;kBAClB,aAAAxE,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGxB,SAAA,mBAA4B;kCAC7CuB,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAGxB,SAAA,mBAA4B;oCAC7C0B,IAAA,CAACjC,MAAA;cACCkC,WAAA,EAAY;cACZE,OAAA,EAASA,CAAA;gBACP,IAAI8C,QAAA,CAAS0C,OAAO,EAAE;kBACpB1C,QAAA,CAAS0C,OAAO,CAAC4B,KAAK;gBACxB;cACF;cACAnH,IAAA,EAAK;wBAEJhB,CAAA,CAAE;6BAELY,IAAA,CAAC;cACCwH,MAAA,EAAQhB,eAAA;cACR,eAAY;cACZ1G,SAAA,EAAW,GAAGxB,SAAA,gBAAyB;cACvCmJ,MAAM;cACN1G,QAAA,EAAWmD,GAAA;gBACT,IAAIA,GAAA,CAAEE,MAAM,CAACE,KAAK,IAAIJ,GAAA,CAAEE,MAAM,CAACE,KAAK,CAAC1E,MAAM,GAAG,GAAG;kBAC/CyE,mBAAA,CAAoBH,GAAA,CAAEE,MAAM,CAACE,KAAK;gBACpC;cACF;cACAoD,GAAA,EAAKzE,QAAA;cACLc,IAAA,EAAK;gBAEN/C,YAAA,EAAcmC,QAAA,KAAa,sBAC1BtD,KAAA,CAAChD,QAAA;sCACCmD,IAAA,CAAC;gBAAKF,SAAA,EAAW,GAAGxB,SAAA,UAAmB;0BAAGc,CAAA,CAAE;+BAC5CY,IAAA,CAACjC,MAAA;gBACCkC,WAAA,EAAY;gBACZE,OAAA,EAASA,CAAA;kBACP0C,eAAA,CAAgB;kBAChBzB,uBAAA,CAAwB;kBACxBF,oBAAA,CAAqB;kBACrBC,wBAAA,CAAyB;gBAC3B;gBACAf,IAAA,EAAK;0BAEJhB,CAAA,CAAE;;gBAKR6B,cAAA,GAAiBA,cAAA,GAAiB;2BAErCpB,KAAA,CAAC;YAAEC,SAAA,EAAW,GAAGxB,SAAA,mBAA4B;uBAC1Cc,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;UAK5BwD,YAAA,iBACC/C,KAAA,CAACjD,KAAA,CAAMC,QAAQ;gCACbgD,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGxB,SAAA,oBAA6B;kCAE9C0B,IAAA,CAAC;YACCF,SAAA,EAAW,GAAGxB,SAAA,eAAwB;YACtCyC,QAAA,EAAWmD,GAAA;cACTnB,UAAA,CAAWmB,GAAA,CAAEE,MAAM,CAAC1F,KAAK;YAC3B;YACAgJ,GAAA,EAAK1E,WAAA;YACL2E,KAAA,EAAO7E,OAAA;YACPiB,IAAA,EAAK;YACLrF,KAAA,EAAOoE;2BAET9C,IAAA,CAAC;YAAIF,SAAA,EAAW,GAAGxB,SAAA,iBAA0B;sBAC3C,aAAA0B,IAAA,CAAC;cACCF,SAAA,EAAW,GAAGxB,SAAA,YAAqB;cACnC6B,OAAA,EAASA,CAAA;gBACP,KAAKwE,eAAA;cACP;cACAZ,IAAA,EAAK;wBAEJ3E,CAAA,CAAE;;;yBAITY,IAAA,CAACjC,MAAA;UACCkC,WAAA,EAAY;UACZH,SAAA,EAAW,GAAGxB,SAAA,UAAmB;UACjCsJ,IAAA,EAAK;UACLC,SAAA,EAAU;UACV1H,OAAA,EAASA,CAAA;YACP0C,eAAA,CAAgB;YAChBzB,uBAAA,CAAwB;YACxBF,oBAAA,CAAqB;YACrBC,wBAAA,CAAyB;UAC3B;UACA2G,KAAK;UACLC,OAAA,EAAS3I,CAAA,CAAE;;UAIhBV,KAAA,IAAS4D,OAAA,iBACRzC,KAAA,CAACjD,KAAA,CAAMC,QAAQ;gCACbmD,IAAA,CAAC;UAAIF,SAAA,EAAW,GAAGxB,SAAA,kBAA2B;oBAC5C,aAAA0B,IAAA,CAAC3B,SAAA;YACCwC,cAAA,EAAgBA,cAAA;YAChByB,OAAA,EAAS3F,OAAA,CAAQ+B,KAAA,CAAMqF,IAAI,IAAIzB,OAAA,GAAU;;yBAG7CzC,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGxB,SAAA,oBAA6B;kCAE9C0B,IAAA,CAAC;YACCF,SAAA,EAAW,GAAGxB,SAAA,YAAqB;YACnCyC,QAAA,EAAUkD,oBAAA;YACV0D,KAAA,EAAOjF,QAAA,IAAYhE,KAAA,CAAME,IAAI;YAC7BmF,IAAA,EAAK;YACLrF,KAAA,EAAOgE,QAAA,IAAYhE,KAAA,CAAME;2BAE3BoB,IAAA,CAACnB,aAAA;YACCG,aAAA,EAAeA,aAAA;YACfC,iBAAA,EAAmBqH,QAAA,IAAYC,cAAA;YAC/BrH,kBAAA,EAAoB4G,aAAA,IAAiBhE,IAAA,EAAMY,QAAA,IAAY,CAACF,WAAA;YACxDrD,QAAA,EAAUT,KAAA,CAAMqF;;yBAGpB/D,IAAA,CAACjC,MAAA;UACCkC,WAAA,EAAY;UACZH,SAAA,EAAW,GAAGxB,SAAA,UAAmB;UACjCsJ,IAAA,EAAK;UACLC,SAAA,EAAU;UACV1H,OAAA,EAASqE,iBAAA;UACTsD,KAAK;UACLC,OAAA,EAAS3I,CAAA,CAAE;;;QAMnB,CAAAV,KAAA,IAASoD,IAAA,EAAMY,QAAO,kBACtB1C,IAAA,CAACtC,iBAAA;gBACC,aAAAsC,IAAA,CAAChC,MAAA;QAAOgK,MAAA,EAAQ;QAAMC,IAAA,EAAM1J,cAAA;kBAC1B,aAAAyB,IAAA,CAAC9B,UAAA;UACCgH,QAAA,EAAUxG,KAAA,EAAOE,IAAA,IAAQkD,IAAA,EAAMY,QAAA;UAC/BJ,OAAA,EAASR,IAAA,EAAMoG,GAAA,IAAO5F,OAAA;UACtBqE,aAAA,EAAeA,aAAA;UACfwB,WAAA,EAAaxH,WAAA,EAAa0F,IAAA,IAAQ1H,SAAA;UAClCyJ,iBAAA,EAAmB;YACjBC,CAAA,EAAG1H,WAAA,EAAayF,UAAA,EAAYiC,CAAA,IAAKvG,IAAA,EAAMwG,MAAA,IAAU;YACjDC,CAAA,EAAG5H,WAAA,EAAayF,UAAA,EAAYmC,CAAA,IAAKzG,IAAA,EAAM0G,MAAA,IAAU;UACnD;UACAC,MAAA,EAAQhE,WAAA;UACR6B,QAAA,EAAUA,QAAA;UACVC,cAAA,EAAgBA;;;QAKvBzE,IAAA,IAAQgE,aAAA,iBACP9F,IAAA,CAAChC,MAAA;MACC8B,SAAA,EAAW,GAAGxB,SAAA,iBAA0B;MACxCoK,UAAU;MACVT,IAAA,EAAMzJ,eAAA;MACNmJ,KAAA,EAAOvI,CAAA,CAAE,mBAAmB;QAAEuJ,KAAA,EAAO7G,IAAA,CAAKY;MAAS;gBAEnD,aAAA1C,IAAA,CAAC5B,YAAA;QAAa+I,GAAA,EAAKrF,IAAA;QAAM6E,aAAA,EAAeA,aAAA;QAAe3F,YAAA,EAAcA;;;;AAK/E;AA7f6B,SAAAV,MAAAsI,YAAA,EAAAC,CAAA;EAAA,OAmDZ7I,IAAA,CAAApD,KAAA,CAAAC,QAAA;IAAAkD,QAAA,EAAyB6I;EAAA,GAAJC,CAAA;AAAA","ignoreList":[]}

package/dist/elements/ViewDescription/index.js

@@ -1,17 +1,36 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
 export function isComponent(description) {
-    return React.isValidElement(description);
+  return /*#__PURE__*/React.isValidElement(description);
 }
 export function ViewDescription(props) {
-    const { i18n } = useTranslation();
-    const { description } = props;
-    if (description) {
-        return <div className="custom-view-description">{getTranslation(description, i18n)}</div>;
+  const $ = _c(3);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    description
+  } = props;
+  if (description) {
+    let t0;
+    if ($[0] !== description || $[1] !== i18n) {
+      t0 = _jsx("div", {
+        className: "custom-view-description",
+        children: getTranslation(description, i18n)
+      });
+      $[0] = description;
+      $[1] = i18n;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
     }
-    return null;
+    return t0;
+  }
+  return null;
 }
-
 //# sourceMappingURL=index.js.map

package/dist/elements/ViewDescription/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","i18n","div","className"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,uCAAsC;AAMrE,OAAO,SAASC,YAAYC,WAAwB;IAClD,OAAOH,MAAMI,cAAc,CAACD;AAC9B;AAEA,OAAO,SAASE,gBAAgBC,KAAiC;IAC/D,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEE,WAAW,EAAE,GAAGG;IAExB,IAAIH,aAAa;QACf,QAAQK,IAAIC,UAAU,2BAA2BV,eAAeI,aAAaI,QAAQC;IACvF;IAEA,OAAO;AACT"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAAA,IAEpBH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;MAAA,C;;;;;;;WAAtEC,E","ignoreList":[]}

package/dist/elements/ViewDescription/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ViewDescription/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ViewDescription/types.ts"],"sourcesContent":[null],"mappings":"","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/index.js

@@ -1,14 +1,37 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { DatePickerField } from '../../../DatePicker/index.js';
 const baseClass = 'condition-value-date';
-export const DateFilter = ({ disabled, field: { admin }, onChange, value })=>{
-    const { date } = admin || {};
-    const { i18n, t } = useTranslation();
-    return <div className={baseClass}>
-      <DatePickerField {...date} onChange={onChange} placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')} readOnly={disabled} value={value}/>
-    </div>;
+export const DateFilter = t0 => {
+  const {
+    disabled,
+    field: t1,
+    onChange,
+    value
+  } = t0;
+  const {
+    admin
+  } = t1;
+  const {
+    date
+  } = admin || {};
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  return _jsx("div", {
+    className: baseClass,
+    children: _jsx(DatePickerField, {
+      ...date,
+      onChange,
+      placeholder: getTranslation(admin.placeholder, i18n) || t("general:enterAValue"),
+      readOnly: disabled,
+      value
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value as Date}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","useTranslation","DatePickerField","baseClass","DateFilter","disabled","field","admin","onChange","value","date","i18n","t","div","className","placeholder","readOnly"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AAKzD,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,eAAe,QAAQ,+BAA8B;AAE9D,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IACzF,MAAM,EAAEC,IAAI,EAAE,GAAGH,SAAS,CAAC;IAC3B,MAAM,EAAEI,IAAI,EAAEC,CAAC,EAAE,GAAGX;IAEpB,QACGY,IAAIC,WAAWX,WAAW;MACzB,CAACD,iBACE,GAAGQ,IAAI,EACRF,UAAUA,UACVO,aAAaf,eAAeO,MAAMQ,WAAW,EAAEJ,SAASC,EAAE,wBAC1DI,UAAUX,UACVI,OAAOA,QACP;IACJ,EAAEI;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["getTranslation","React","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","i18n","t","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value as Date}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAA,MAAU;EAC3B;IAAAE,IAAA;IAAAC;EAAA,IAAoBb,cAAA;EAAA,OAGlBc,IAAA,CAAC;IAAAC,SAAA,EAAAb,SAAA;IAAAc,QAAA,EACCF,IAAA,CAAAb,eAAA;MAAA,GACMU,IAAI;MAAAH,QAAA;MAAAS,WAAA,EAEKnB,cAAA,CAAeY,KAAA,CAAAO,WAAA,EAAmBL,IAAA,KAASC,CAAA,CAAE;MAAAK,QAAA,EAChDb,QAAA;MAAAI;IAAA,C;;CAKlB","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/WhereBuilder/Condition/Date/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"sourcesContent":["import type { DateFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type DateFilterProps = {\n  readonly field: DateFieldClient\n  readonly value: Date | string\n} & DefaultFilterProps\n"],"names":[],"mappings":"AAIA,WAGsB"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"sourcesContent":["import type { DateFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type DateFilterProps = {\n  readonly field: DateFieldClient\n  readonly value: Date | string\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js

@@ -1,37 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { DateFilter } from '../Date/index.js';
 import { NumberFilter } from '../Number/index.js';
 import { RelationshipFilter } from '../Relationship/index.js';
 import { Select } from '../Select/index.js';
 import { Text } from '../Text/index.js';
-export const DefaultFilter = ({ booleanSelect, disabled, filterOptions, internalField, onChange, operator, options, value })=>{
-    if (booleanSelect || [
-        'radio',
-        'select'
-    ].includes(internalField?.field?.type)) {
-        return <Select disabled={disabled} field={internalField.field} isClearable={!booleanSelect} onChange={onChange} operator={operator} options={options} value={value}/>;
-    }
-    switch(internalField?.field?.type){
-        case 'date':
-            {
-                return <DateFilter disabled={disabled} field={internalField.field} onChange={onChange} operator={operator} value={value}/>;
-            }
-        case 'number':
-            {
-                return <NumberFilter disabled={disabled} field={internalField.field} onChange={onChange} operator={operator} value={value}/>;
-            }
-        case 'relationship':
-            {
-                return <RelationshipFilter disabled={disabled} field={internalField.field} filterOptions={filterOptions} onChange={onChange} operator={operator} value={value}/>;
-            }
-        case 'upload':
-            {
-                return <RelationshipFilter disabled={disabled} field={internalField.field} filterOptions={filterOptions} onChange={onChange} operator={operator} value={value}/>;
-            }
-        default:
-            {
-                return <Text disabled={disabled} field={internalField?.field} onChange={onChange} operator={operator} value={value}/>;
-            }
-    }
+export const DefaultFilter = ({
+  booleanSelect,
+  disabled,
+  filterOptions,
+  internalField,
+  onChange,
+  operator,
+  options,
+  value
+}) => {
+  if (booleanSelect || ['radio', 'select'].includes(internalField?.field?.type)) {
+    return /*#__PURE__*/_jsx(Select, {
+      disabled: disabled,
+      field: internalField.field,
+      isClearable: !booleanSelect,
+      onChange: onChange,
+      operator: operator,
+      options: options,
+      value: value
+    });
+  }
+  switch (internalField?.field?.type) {
+    case 'date':
+      {
+        return /*#__PURE__*/_jsx(DateFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'number':
+      {
+        return /*#__PURE__*/_jsx(NumberFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'relationship':
+      {
+        return /*#__PURE__*/_jsx(RelationshipFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          filterOptions: filterOptions,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'upload':
+      {
+        return /*#__PURE__*/_jsx(RelationshipFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          filterOptions: filterOptions,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    default:
+      {
+        return /*#__PURE__*/_jsx(Text, {
+          disabled: disabled,
+          field: internalField?.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+  }
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/DefaultFilter/index.tsx"],"sourcesContent":["import type {\n  Operator,\n  Option,\n  ResolvedFilterOptions,\n  SelectFieldClient,\n  TextFieldClient,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ReducedField, Value } from '../../types.js'\n\nimport { DateFilter } from '../Date/index.js'\nimport { NumberFilter } from '../Number/index.js'\nimport { RelationshipFilter } from '../Relationship/index.js'\nimport { Select } from '../Select/index.js'\nimport { Text } from '../Text/index.js'\n\ntype Props = {\n  booleanSelect: boolean\n  disabled: boolean\n  filterOptions: ResolvedFilterOptions\n  internalField: ReducedField\n  onChange: React.Dispatch<React.SetStateAction<string>>\n  operator: Operator\n  options: Option[]\n  value: Value\n}\n\nexport const DefaultFilter: React.FC<Props> = ({\n  booleanSelect,\n  disabled,\n  filterOptions,\n  internalField,\n  onChange,\n  operator,\n  options,\n  value,\n}) => {\n  if (booleanSelect || ['radio', 'select'].includes(internalField?.field?.type)) {\n    return (\n      <Select\n        disabled={disabled}\n        field={internalField.field as SelectFieldClient}\n        isClearable={!booleanSelect}\n        onChange={onChange}\n        operator={operator}\n        options={options}\n        value={value as string}\n      />\n    )\n  }\n\n  switch (internalField?.field?.type) {\n    case 'date': {\n      return (\n        <DateFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as Date | string}\n        />\n      )\n    }\n\n    case 'number': {\n      return (\n        <NumberFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as number | number[]}\n        />\n      )\n    }\n\n    case 'relationship': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    case 'upload': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    default: {\n      return (\n        <Text\n          disabled={disabled}\n          field={internalField?.field as TextFieldClient}\n          onChange={onChange}\n          operator={operator}\n          value={value as string | string[]}\n        />\n      )\n    }\n  }\n}\n"],"names":["DateFilter","NumberFilter","RelationshipFilter","Select","Text","DefaultFilter","booleanSelect","disabled","filterOptions","internalField","onChange","operator","options","value","includes","field","type","isClearable"],"mappings":"AAYA,SAASA,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,YAAY,QAAQ,qBAAoB;AACjD,SAASC,kBAAkB,QAAQ,2BAA0B;AAC7D,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,IAAI,QAAQ,mBAAkB;AAavC,OAAO,MAAMC,gBAAiC,CAAC,EAC7CC,aAAa,EACbC,QAAQ,EACRC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACN;IACC,IAAIP,iBAAiB;QAAC;QAAS;KAAS,CAACQ,QAAQ,CAACL,eAAeM,OAAOC,OAAO;QAC7E,QACGb,OACCI,UAAUA,UACVQ,OAAON,cAAcM,KAAK,EAC1BE,aAAa,CAACX,eACdI,UAAUA,UACVC,UAAUA,UACVC,SAASA,SACTC,OAAOA;IAGb;IAEA,OAAQJ,eAAeM,OAAOC;QAC5B,KAAK;YAAQ;gBACX,QACGhB,WACCO,UAAUA,UACVQ,OAAON,cAAcM,KAAK,EAC1BL,UAAUA,UACVC,UAAUA,UACVE,OAAOA;YAGb;QAEA,KAAK;YAAU;gBACb,QACGZ,aACCM,UAAUA,UACVQ,OAAON,cAAcM,KAAK,EAC1BL,UAAUA,UACVC,UAAUA,UACVE,OAAOA;YAGb;QAEA,KAAK;YAAgB;gBACnB,QACGX,mBACCK,UAAUA,UACVQ,OAAON,cAAcM,KAAK,EAC1BP,eAAeA,eACfE,UAAUA,UACVC,UAAUA,UACVE,OAAOA;YAGb;QAEA,KAAK;YAAU;gBACb,QACGX,mBACCK,UAAUA,UACVQ,OAAON,cAAcM,KAAK,EAC1BP,eAAeA,eACfE,UAAUA,UACVC,UAAUA,UACVE,OAAOA;YAGb;QAEA;YAAS;gBACP,QACGT,KACCG,UAAUA,UACVQ,OAAON,eAAeM,OACtBL,UAAUA,UACVC,UAAUA,UACVE,OAAOA;YAGb;IACF;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["React","DateFilter","NumberFilter","RelationshipFilter","Select","Text","DefaultFilter","booleanSelect","disabled","filterOptions","internalField","onChange","operator","options","value","includes","field","type","_jsx","isClearable"],"sources":["../../../../../src/elements/WhereBuilder/Condition/DefaultFilter/index.tsx"],"sourcesContent":["import type {\n  Operator,\n  Option,\n  ResolvedFilterOptions,\n  SelectFieldClient,\n  TextFieldClient,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ReducedField, Value } from '../../types.js'\n\nimport { DateFilter } from '../Date/index.js'\nimport { NumberFilter } from '../Number/index.js'\nimport { RelationshipFilter } from '../Relationship/index.js'\nimport { Select } from '../Select/index.js'\nimport { Text } from '../Text/index.js'\n\ntype Props = {\n  booleanSelect: boolean\n  disabled: boolean\n  filterOptions: ResolvedFilterOptions\n  internalField: ReducedField\n  onChange: React.Dispatch<React.SetStateAction<string>>\n  operator: Operator\n  options: Option[]\n  value: Value\n}\n\nexport const DefaultFilter: React.FC<Props> = ({\n  booleanSelect,\n  disabled,\n  filterOptions,\n  internalField,\n  onChange,\n  operator,\n  options,\n  value,\n}) => {\n  if (booleanSelect || ['radio', 'select'].includes(internalField?.field?.type)) {\n    return (\n      <Select\n        disabled={disabled}\n        field={internalField.field as SelectFieldClient}\n        isClearable={!booleanSelect}\n        onChange={onChange}\n        operator={operator}\n        options={options}\n        value={value as string}\n      />\n    )\n  }\n\n  switch (internalField?.field?.type) {\n    case 'date': {\n      return (\n        <DateFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as Date | string}\n        />\n      )\n    }\n\n    case 'number': {\n      return (\n        <NumberFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as number | number[]}\n        />\n      )\n    }\n\n    case 'relationship': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    case 'upload': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    default: {\n      return (\n        <Text\n          disabled={disabled}\n          field={internalField?.field as TextFieldClient}\n          onChange={onChange}\n          operator={operator}\n          value={value as string | string[]}\n        />\n      )\n    }\n  }\n}\n"],"mappings":";AAQA,OAAOA,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AAarB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAC7CC,aAAa;EACbC,QAAQ;EACRC,aAAa;EACbC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC;AAAK,CACN;EACC,IAAIP,aAAA,IAAiB,CAAC,SAAS,SAAS,CAACQ,QAAQ,CAACL,aAAA,EAAeM,KAAA,EAAOC,IAAA,GAAO;IAC7E,oBACEC,IAAA,CAACd,MAAA;MACCI,QAAA,EAAUA,QAAA;MACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;MAC1BG,WAAA,EAAa,CAACZ,aAAA;MACdI,QAAA,EAAUA,QAAA;MACVC,QAAA,EAAUA,QAAA;MACVC,OAAA,EAASA,OAAA;MACTC,KAAA,EAAOA;;EAGb;EAEA,QAAQJ,aAAA,EAAeM,KAAA,EAAOC,IAAA;IAC5B,KAAK;MAAQ;QACX,oBACEC,IAAA,CAACjB,UAAA;UACCO,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAU;QACb,oBACEI,IAAA,CAAChB,YAAA;UACCM,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAgB;QACnB,oBACEI,IAAA,CAACf,kBAAA;UACCK,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BP,aAAA,EAAeA,aAAA;UACfE,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAU;QACb,oBACEI,IAAA,CAACf,kBAAA;UACCK,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BP,aAAA,EAAeA,aAAA;UACfE,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA;MAAS;QACP,oBACEI,IAAA,CAACb,IAAA;UACCG,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,EAAeM,KAAA;UACtBL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;EACF;AACF","ignoreList":[]}