{"version":3,"file":"static/js/56.31c98afb.js","mappings":"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","sources":["../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/file-preview.tsx","../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/index.ts","../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/previews/common-preview.tsx","../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/previews/image-preview.tsx","../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/previews/video-preview.tsx","../../../../packages/ad_utils_react/src/components/business/TTCX/AssetManagement/FilePreview/types.ts"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport cls from 'classnames';\nimport { Left, LeftSmall, Right } from '@icon-park/react';\nimport ImagePreview from './previews/image-preview';\nimport { FilePreviewFileInfoType, FilePreviewProps } from './types';\nimport VideoPreview from './previews/video-preview';\nimport CommonPreview from './previews/common-preview';\nimport './index.scss';\n\nconst classPrefix = 'asset-management';\n\nfunction FilePreview(props: FilePreviewProps) {\n  const { className, show, defaultIndex, fileList, onClose, onClickAction } = props;\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  useEffect(() => {\n    if (defaultIndex !== undefined) {\n      setCurrentIndex(defaultIndex);\n    }\n  }, [defaultIndex]);\n\n  const currentFile = useMemo(() => fileList[currentIndex], [currentIndex, fileList]);\n\n  const showLeftIcon = useMemo(() => fileList.length > 1 && currentIndex !== 0, [currentIndex, fileList]);\n\n  const showRightIcon = useMemo(\n    () => fileList.length > 1 && currentIndex !== fileList.length - 1,\n    [currentIndex, fileList]\n  );\n\n  function onNext() {\n    setCurrentIndex(Math.min(currentIndex + 1, fileList.length - 1));\n  }\n\n  function onPre() {\n    setCurrentIndex(Math.max(currentIndex - 1, 0));\n  }\n\n  return show ? (\n    <div className={cls(`${classPrefix}-file-preview`, `file-preview-type-${currentFile?.type}`, className)}>\n      {showLeftIcon && (\n        <div className={`${classPrefix}-file-preview-action left`} onClick={onPre}>\n          <Left size={20} />\n        </div>\n      )}\n      <div className={`${classPrefix}-file-preview-header`}>\n        <div className={`${classPrefix}-file-preview-header-left`}>\n          <div className={`${classPrefix}-file-preview-header-back`} onClick={onClose}>\n            <LeftSmall size={32} />\n          </div>\n          <div className={`${classPrefix}-file-preview-header-file-meta`}>\n            <div className={cls(`${classPrefix}-file-preview-header-name`)}>\n              <span>{currentFile?.name}</span>\n            </div>\n            <div className={cls(`${classPrefix}-file-preview-header-file-data`)}>\n              {(currentFile?.data || []).map((item, index) => (\n                <span key={index} className={cls(`${classPrefix}-file-preview-header-file-data-item`)}>\n                  {item.icon && <span style={{ paddingRight: '8px' }}>{item.icon}</span>}\n                  <span>{item.value}</span>\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n        <div className={`${classPrefix}-file-preview-header-file-actions`}>\n          {(currentFile?.actions || []).map((item) => (\n            <span\n              className={`${classPrefix}-file-preview-header-file-actions-item`}\n              key={item.type}\n              onClick={() => onClickAction?.(currentFile, item.type)}\n            >\n              {item.icon}\n            </span>\n          ))}\n        </div>\n      </div>\n      <div className={cls(`${classPrefix}-file-preview-content`, `file-type-${currentFile?.type}`)}>\n        {currentFile?.type === FilePreviewFileInfoType.IMAGE && (\n          <ImagePreview value={currentFile} key={currentFile.id} />\n        )}\n        {currentFile?.type === FilePreviewFileInfoType.VIDEO && (\n          <VideoPreview value={currentFile} key={currentFile.id} />\n        )}\n        {currentFile?.type === FilePreviewFileInfoType.OTHER && (\n          <CommonPreview value={currentFile} key={currentFile.id} />\n        )}\n      </div>\n      {showRightIcon && (\n        <div className={`${classPrefix}-file-preview-action right`} onClick={onNext}>\n          <Right size={20} />\n        </div>\n      )}\n      <div className={`${classPrefix}-file-preview-pagination`}>\n        {`${currentIndex + 1} / ${fileList.length}`}\n      </div>\n    </div>\n  ) : null;\n}\n\nexport default FilePreview;\n","import FilePreview from './file-preview';\n\nexport * from './types';\n\nexport default FilePreview;\n","import React from 'react';\nimport { FilePreviewFileInfo } from '../types';\n\nfunction CommonPreview(props: { value: FilePreviewFileInfo }) {\n  const { value } = props;\n\n  return (\n    <div className=\"asset-management-file-preview-common-content\">\n      {/* eslint-disable-next-line jsx-a11y/iframe-has-title */}\n      <iframe src={`${value.url}#scrollbars=0&toolbar=0&statusbar=0`} />\n    </div>\n  );\n}\n\nexport default CommonPreview;\n","import React from 'react';\nimport { FilePreviewFileInfo } from '../types';\n\nfunction ImagePreview(props: { value: FilePreviewFileInfo }) {\n  const { value } = props;\n\n  return (\n    <div className=\"asset-management-file-preview-image-content\">\n      <img src={value.url} alt={value.name} />\n    </div>\n  );\n}\n\nexport default ImagePreview;\n","import React, { useEffect, useMemo, useRef } from 'react';\nimport { FilePreviewFileInfo } from '../types';\nimport Player from 'xgplayer';\nimport { v1 as uuid } from 'uuid';\n\nfunction VideoPreview(props: { value: FilePreviewFileInfo }) {\n  const { value } = props;\n  const playInstance = useRef<Player>();\n  const containerId = useMemo(() => {\n    if (value?.url) {\n      return `xgplayer-${uuid()}`;\n    }\n  }, [value?.url]);\n\n  useEffect(() => {\n    if (containerId) {\n      playInstance.current = new Player({\n        width: '100%',\n        height: '100%',\n        id: containerId,\n        url: value?.url,\n        autoplay: true,\n        volume: 0.2,\n        ignores: ['cssFullscreen', 'playbackRate'],\n        controls: true\n      });\n    }\n\n    return () => {\n      (async () => {\n        await playInstance.current?.destroy();\n      })();\n    };\n  }, [containerId]);\n\n  return (\n    <div className=\"asset-management-file-preview-video-content\">\n      <div id={containerId} />\n    </div>\n  );\n}\n\nexport default VideoPreview;\n","import { ReactNode } from 'react';\n\nexport enum FilePreviewFileInfoType {\n  IMAGE = 'image',\n  VIDEO = 'video',\n  OTHER = 'other'\n}\n\nexport interface FilePreviewFileInfoAction {\n  icon: ReactNode | null;\n  type: string;\n}\n\nexport interface FilePreviewFileInfoData {\n  icon: ReactNode | null;\n  value: ReactNode | string | number;\n}\n\nexport interface FilePreviewFileInfo {\n  id?: string;\n  type: FilePreviewFileInfoType;\n  url: string;\n  name?: string;\n  actions?: FilePreviewFileInfoAction[];\n  data?: FilePreviewFileInfoData[];\n}\n\nexport interface FilePreviewProps {\n  show: boolean;\n  fileList: FilePreviewFileInfo[];\n  onClose: () => void;\n  className?: string;\n  defaultIndex?: number;\n  onIndexChange?: (current: FilePreviewFileInfo, index: number) => void;\n  onClickAction?: (current: FilePreviewFileInfo, action: string) => void;\n}\n"],"names":["classPrefix","props","className","show","defaultIndex","fileList","onClose","onClickAction","useState","currentIndex","setCurrentIndex","useEffect","undefined","currentFile","useMemo","showLeftIcon","length","showRightIcon","div","cls","type","onClick","Math","max","Left","size","LeftSmall","span","name","data","map","item","index","key","icon","style","paddingRight","value","actions","FilePreviewFileInfoType","IMAGE","ImagePreview","id","VIDEO","VideoPreview","OTHER","CommonPreview","min","Right","FilePreview","iframe","src","url","img","alt","playInstance","useRef","containerId","uuid","current","Player","width","height","autoplay","volume","ignores","controls","destroy"],"sourceRoot":""}