= {\r\n column: undefined,\r\n columnKey: \"\",\r\n field: \"\",\r\n order: undefined,\r\n };\r\n if (Array.isArray(sorter)) {\r\n if (sorter.length > 0) {\r\n if (sorter[0].order) {\r\n innerSorter = sorter[0];\r\n }\r\n }\r\n } else {\r\n if (sorter.order) {\r\n innerSorter = sorter;\r\n }\r\n }\r\n if (innerSorter.order) {\r\n this.setState({ sorter: innerSorter });\r\n }\r\n if (!innerSorter.columnKey) {\r\n innerSorter.columnKey = this.props.defaultSorter ?? \"\";\r\n innerSorter.order = \"descend\";\r\n }\r\n const filter: any = {};\r\n for (const key in filters) {\r\n if (filters.hasOwnProperty(key)) {\r\n const element = filters[key];\r\n if (!element) {\r\n continue;\r\n }\r\n filter[key] = [];\r\n if (typeof element === \"string\") {\r\n if (isJson(element)) {\r\n const el = JSON.parse(element);\r\n filter[key][0] = el;\r\n }\r\n }\r\n }\r\n }\r\n this.setState({ currentPage: pagination.current });\r\n if (this.props.onChange) {\r\n this.props.onChange(pagination, ParseFilter(filter), innerSorter);\r\n }\r\n };\r\n\r\n private onSearch = (values, setSelectedKeys, confirm) => () => {\r\n if (!values.comparison) {\r\n values.comparison = Comparison.Equal;\r\n }\r\n const json = JSON.stringify(values);\r\n setSelectedKeys(json);\r\n confirm();\r\n };\r\n\r\n private onReset = (index, clearFilters, confirm) => {\r\n const { search } = this.state;\r\n delete search[index];\r\n this.setState((prev) => ({ ...prev, search }));\r\n clearFilters();\r\n confirm();\r\n };\r\n\r\n private RenderIconColumnFilterDropdown = (\r\n key,\r\n { activeText, inActiveText },\r\n { setSelectedKeys, selectedKeys, confirm, clearFilters },\r\n ) => {\r\n let { search } = this.state;\r\n return (\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = Comparison.Equal;\r\n search[key].value = value ? String(value) : undefined;\r\n this.setState({ ...this.state, search });\r\n }}\r\n >\r\n \r\n {activeText}\r\n \r\n \r\n {inActiveText}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n private RenderSelectColumnFilterDropdown = (\r\n key,\r\n items: any[] | undefined,\r\n query: DocumentNode | undefined,\r\n variables: any,\r\n { setSelectedKeys, selectedKeys, confirm, clearFilters },\r\n ) => {\r\n let { search } = this.state;\r\n if (query) {\r\n return (\r\n \r\n
{\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = Comparison.Equal;\r\n search[key].value = value ? String(value) : undefined;\r\n this.setState({ ...this.state, search });\r\n }}\r\n query={query}\r\n variables={variables}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = Comparison.Equal;\r\n search[key].value = value ? String(value) : undefined;\r\n this.setState({ ...this.state, search });\r\n }}\r\n >\r\n {items.map((x) => (\r\n \r\n {x.title}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n private RenderSelectSearchColumnFilterDropdown = (\r\n key,\r\n query: DocumentNode | undefined,\r\n variables: (searchValue: string) => any,\r\n { setSelectedKeys, selectedKeys, confirm, clearFilters },\r\n ) => {\r\n let { search } = this.state;\r\n return (\r\n \r\n
{\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = Comparison.Equal;\r\n search[key].value = value ? String(value) : undefined;\r\n this.setState({ ...this.state, search });\r\n }}\r\n query={query}\r\n variables={variables}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].value = `${val ? val.format(\"YYYY-MM-DD\") : \"\"};${toValue}`;\r\n search[key].comparison = Comparison.GreaterThanOrEqual;\r\n this.setState({ ...this.state, search });\r\n }}\r\n />\r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].value = `${fromValue};${val ? val.format(\"YYYY-MM-DD\") : \"\"}`;\r\n search[key].comparison = Comparison.LessThanOrEqual;\r\n this.setState({ ...this.state, search });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n private RenderNumberColumnFilterDropdown = (key, { setSelectedKeys, selectedKeys, confirm, clearFilters }) => {\r\n let { search } = this.state;\r\n return (\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].value = value;\r\n this.setState({ ...this.state, search });\r\n }}\r\n />\r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = value ?? Comparison.Equal;\r\n this.setState({ ...this.state, search });\r\n }}\r\n >\r\n {filterList.map((x, i) => (\r\n \r\n {x.title}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n private RenderDetailColumnFilterDropdown = (key, { setSelectedKeys, selectedKeys, confirm, clearFilters }) => {\r\n let { search } = this.state;\r\n return (\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = Comparison.Contains;\r\n search[key].value = value ? value : \"\";\r\n this.setState({ ...this.state, search });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n private RenderColumnFilterDropdown = (key, { setSelectedKeys, selectedKeys, confirm, clearFilters }) => {\r\n let { search } = this.state;\r\n return (\r\n \r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].value = value ? value : \"\";\r\n this.setState({ ...this.state, search });\r\n }}\r\n />\r\n {\r\n if (!search) {\r\n search = {};\r\n }\r\n if (!search[key]) {\r\n search[key] = {};\r\n }\r\n search[key].comparison = value ?? Comparison.Equal;\r\n\r\n this.setState({ ...this.state, search });\r\n }}\r\n >\r\n {stringFilterList.map((x, i) => (\r\n \r\n {x.title}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n private getSelectPopupContainer = (target) => {\r\n return target.parentElement ? target.parentElement : document.body;\r\n };\r\n\r\n private renderColumn = (column) => {\r\n const { key } = column;\r\n const { hasFilter, ...rest } = column.props;\r\n const { pageSize } = this.state;\r\n if (column.type === IconColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderIconColumnFilterDropdown.bind(this, key, rest);\r\n }\r\n rest.render = (text: boolean | string, _) => {\r\n let value: boolean | string;\r\n if (typeof text === \"boolean\") {\r\n value = text;\r\n } else {\r\n value = text?.toString();\r\n }\r\n if (value === column.props.activeValue) {\r\n return column.props.activeIcon;\r\n } else if (value === column.props.inActiveValue) {\r\n return column.props.inActiveIcon;\r\n }\r\n return column.props.noState;\r\n };\r\n } else if (column.type === IndexColumn) {\r\n rest.width = 50;\r\n rest.render = (text: string, record: any, index: number) => {\r\n const res = this.getPagination(this.props.dataSet);\r\n if (!res) {\r\n return `${index + 1}.`;\r\n } else {\r\n const { currentPage } = this.state;\r\n\r\n return `${((currentPage || 1) - 1) * pageSize + (index + 1)}.`;\r\n }\r\n };\r\n } else if (column.type === DateColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderDateColumnFilterDropdown.bind(this, key);\r\n }\r\n rest.render = (text, _) => {\r\n if (!text || text === \"0001-01-01T00:00:00\") {\r\n return null;\r\n }\r\n const format = column.props.format;\r\n return {FormatJalaliDate(text, format)};\r\n };\r\n } else if (column.type === FilterColumn) {\r\n rest.render = (text, _) => {\r\n if (!text) {\r\n return null;\r\n }\r\n const filter = column.props.filter;\r\n for (const item of filter) {\r\n if (item.key.toString().toLowerCase().trim() === text.toString().toLowerCase().trim()) {\r\n return item.value;\r\n }\r\n }\r\n return null;\r\n };\r\n } else if (column.type === PriceColumn) {\r\n rest.render = (text, _) => {\r\n if (text === undefined || text === null || text === \"\") {\r\n return null;\r\n }\r\n if (!(typeof text === \"string\")) {\r\n text = text.toString();\r\n }\r\n return PriceParser(text);\r\n };\r\n } else if (column.type === NumberColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderNumberColumnFilterDropdown.bind(this, key);\r\n }\r\n } else if (column.type === ActionColumn) {\r\n rest.width = column.props.count * 50;\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderNumberColumnFilterDropdown.bind(this, key);\r\n }\r\n } else if (column.type === SelectColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderSelectColumnFilterDropdown.bind(\r\n this,\r\n key,\r\n rest.items,\r\n rest.query,\r\n rest.variables,\r\n );\r\n }\r\n } else if (column.type === SelectSearchColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderSelectSearchColumnFilterDropdown.bind(\r\n this,\r\n key,\r\n rest.query,\r\n rest.variables,\r\n );\r\n }\r\n } else if (column.type === DetailColumn) {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderDetailColumnFilterDropdown.bind(this, key);\r\n }\r\n } else {\r\n if (hasFilter) {\r\n rest.filterDropdown = this.RenderColumnFilterDropdown.bind(this, key);\r\n }\r\n }\r\n const { sorter } = this.state;\r\n if (sorter && sorter.columnKey === column.key) {\r\n rest.order = sorter.order;\r\n } else {\r\n rest.order = false;\r\n }\r\n return ;\r\n };\r\n\r\n private GetColumn = (children: React.ReactNode): any[] => {\r\n const columns = Array.isArray(children) ? children : [children];\r\n return columns.map((x) => this.renderColumn(x));\r\n };\r\n}\r\n\r\nexport default Table;\r\n","import React from \"react\";\r\nimport DatePicker from \"../DatePicker\";\r\nimport DoDate from \"@doolooper/dodate\";\r\nimport { PickerTimeProps } from \"antd/es/date-picker/generatePicker\";\r\n\r\nexport interface TimePickerProps extends Omit, \"picker\"> {}\r\n\r\nconst TimePicker = React.forwardRef((props, ref) => {\r\n return ;\r\n});\r\n\r\nTimePicker.displayName = \"TimePicker\";\r\n\r\nexport default TimePicker;\r\n","import { Tooltip as AntTooltip } from \"antd\";\r\n\r\nexport default AntTooltip;\r\n","function getError(option, xhr) {\n var msg = \"cannot \".concat(option.method, \" \").concat(option.action, \" \").concat(xhr.status, \"'\");\n var err = new Error(msg);\n err.status = xhr.status;\n err.method = option.method;\n err.url = option.action;\n return err;\n}\nfunction getBody(xhr) {\n var text = xhr.responseText || xhr.response;\n if (!text) {\n return text;\n }\n try {\n return JSON.parse(text);\n } catch (e) {\n return text;\n }\n}\nexport default function upload(option) {\n // eslint-disable-next-line no-undef\n var xhr = new XMLHttpRequest();\n if (option.onProgress && xhr.upload) {\n xhr.upload.onprogress = function progress(e) {\n if (e.total > 0) {\n e.percent = e.loaded / e.total * 100;\n }\n option.onProgress(e);\n };\n }\n // eslint-disable-next-line no-undef\n var formData = new FormData();\n if (option.data) {\n Object.keys(option.data).forEach(function (key) {\n var value = option.data[key];\n // support key-value array data\n if (Array.isArray(value)) {\n value.forEach(function (item) {\n // { list: [ 11, 22 ] }\n // formData.append('list[]', 11);\n formData.append(\"\".concat(key, \"[]\"), item);\n });\n return;\n }\n formData.append(key, value);\n });\n }\n // eslint-disable-next-line no-undef\n if (option.file instanceof Blob) {\n formData.append(option.filename, option.file, option.file.name);\n } else {\n formData.append(option.filename, option.file);\n }\n xhr.onerror = function error(e) {\n option.onError(e);\n };\n xhr.onload = function onload() {\n // allow success when 2xx status\n // see https://github.com/react-component/upload/issues/34\n if (xhr.status < 200 || xhr.status >= 300) {\n return option.onError(getError(option, xhr), getBody(xhr));\n }\n return option.onSuccess(getBody(xhr), xhr);\n };\n xhr.open(option.method, option.action, true);\n // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179\n if (option.withCredentials && 'withCredentials' in xhr) {\n xhr.withCredentials = true;\n }\n var headers = option.headers || {};\n // when set headers['X-Requested-With'] = null , can close default XHR header\n // see https://github.com/react-component/upload/issues/33\n if (headers['X-Requested-With'] !== null) {\n xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n }\n Object.keys(headers).forEach(function (h) {\n if (headers[h] !== null) {\n xhr.setRequestHeader(h, headers[h]);\n }\n });\n xhr.send(formData);\n return {\n abort: function abort() {\n xhr.abort();\n }\n };\n}","var now = +new Date();\nvar index = 0;\nexport default function uid() {\n // eslint-disable-next-line no-plusplus\n return \"rc-upload-\".concat(now, \"-\").concat(++index);\n}","import warning from \"rc-util/es/warning\";\nexport default (function (file, acceptedFiles) {\n if (file && acceptedFiles) {\n var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');\n var fileName = file.name || '';\n var mimeType = file.type || '';\n var baseMimeType = mimeType.replace(/\\/.*$/, '');\n return acceptedFilesArray.some(function (type) {\n var validType = type.trim();\n // This is something like */*,* allow all files\n if (/^\\*(\\/\\*)?$/.test(type)) {\n return true;\n }\n // like .jpg, .png\n if (validType.charAt(0) === '.') {\n var lowerFileName = fileName.toLowerCase();\n var lowerType = validType.toLowerCase();\n var affixList = [lowerType];\n if (lowerType === '.jpg' || lowerType === '.jpeg') {\n affixList = ['.jpg', '.jpeg'];\n }\n return affixList.some(function (affix) {\n return lowerFileName.endsWith(affix);\n });\n }\n // This is something like a image/* mime type\n if (/\\/\\*$/.test(validType)) {\n return baseMimeType === validType.replace(/\\/.*$/, '');\n }\n // Full match\n if (mimeType === validType) {\n return true;\n }\n // Invalidate type should skip\n if (/^\\w+$/.test(validType)) {\n warning(false, \"Upload takes an invalidate 'accept' type '\".concat(validType, \"'.Skip for check.\"));\n return true;\n }\n return false;\n });\n }\n return true;\n});","function loopFiles(item, callback) {\n var dirReader = item.createReader();\n var fileList = [];\n function sequence() {\n dirReader.readEntries(function (entries) {\n var entryList = Array.prototype.slice.apply(entries);\n fileList = fileList.concat(entryList);\n // Check if all the file has been viewed\n var isFinished = !entryList.length;\n if (isFinished) {\n callback(fileList);\n } else {\n sequence();\n }\n });\n }\n sequence();\n}\nvar traverseFileTree = function traverseFileTree(files, callback, isAccepted) {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n var _traverseFileTree = function _traverseFileTree(item, path) {\n if (!item) {\n return;\n }\n // eslint-disable-next-line no-param-reassign\n item.path = path || '';\n if (item.isFile) {\n item.file(function (file) {\n if (isAccepted(file)) {\n // https://github.com/ant-design/ant-design/issues/16426\n if (item.fullPath && !file.webkitRelativePath) {\n Object.defineProperties(file, {\n webkitRelativePath: {\n writable: true\n }\n });\n // eslint-disable-next-line no-param-reassign\n file.webkitRelativePath = item.fullPath.replace(/^\\//, '');\n Object.defineProperties(file, {\n webkitRelativePath: {\n writable: false\n }\n });\n }\n callback([file]);\n }\n });\n } else if (item.isDirectory) {\n loopFiles(item, function (entries) {\n entries.forEach(function (entryItem) {\n _traverseFileTree(entryItem, \"\".concat(path).concat(item.name, \"/\"));\n });\n });\n }\n };\n files.forEach(function (file) {\n _traverseFileTree(file.webkitGetAsEntry());\n });\n};\nexport default traverseFileTree;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _regeneratorRuntime from \"@babel/runtime/helpers/esm/regeneratorRuntime\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _asyncToGenerator from \"@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nvar _excluded = [\"component\", \"prefixCls\", \"className\", \"disabled\", \"id\", \"style\", \"multiple\", \"accept\", \"capture\", \"children\", \"directory\", \"openFileDialogOnClick\", \"onMouseEnter\", \"onMouseLeave\"];\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport defaultRequest from './request';\nimport getUid from './uid';\nimport attrAccept from './attr-accept';\nimport traverseFileTree from './traverseFileTree';\nvar AjaxUploader = /*#__PURE__*/function (_Component) {\n _inherits(AjaxUploader, _Component);\n var _super = _createSuper(AjaxUploader);\n function AjaxUploader() {\n var _this;\n _classCallCheck(this, AjaxUploader);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _this.state = {\n uid: getUid()\n };\n _this.reqs = {};\n _this.fileInput = void 0;\n _this._isMounted = void 0;\n _this.onChange = function (e) {\n var _this$props = _this.props,\n accept = _this$props.accept,\n directory = _this$props.directory;\n var files = e.target.files;\n var acceptedFiles = _toConsumableArray(files).filter(function (file) {\n return !directory || attrAccept(file, accept);\n });\n _this.uploadFiles(acceptedFiles);\n _this.reset();\n };\n _this.onClick = function (e) {\n var el = _this.fileInput;\n if (!el) {\n return;\n }\n var target = e.target;\n var onClick = _this.props.onClick;\n if (target && target.tagName === 'BUTTON') {\n var parent = el.parentNode;\n parent.focus();\n target.blur();\n }\n el.click();\n if (onClick) {\n onClick(e);\n }\n };\n _this.onKeyDown = function (e) {\n if (e.key === 'Enter') {\n _this.onClick(e);\n }\n };\n _this.onFileDrop = function (e) {\n var multiple = _this.props.multiple;\n e.preventDefault();\n if (e.type === 'dragover') {\n return;\n }\n if (_this.props.directory) {\n traverseFileTree(Array.prototype.slice.call(e.dataTransfer.items), _this.uploadFiles, function (_file) {\n return attrAccept(_file, _this.props.accept);\n });\n } else {\n var files = _toConsumableArray(e.dataTransfer.files).filter(function (file) {\n return attrAccept(file, _this.props.accept);\n });\n if (multiple === false) {\n files = files.slice(0, 1);\n }\n _this.uploadFiles(files);\n }\n };\n _this.uploadFiles = function (files) {\n var originFiles = _toConsumableArray(files);\n var postFiles = originFiles.map(function (file) {\n // eslint-disable-next-line no-param-reassign\n file.uid = getUid();\n return _this.processFile(file, originFiles);\n });\n // Batch upload files\n Promise.all(postFiles).then(function (fileList) {\n var onBatchStart = _this.props.onBatchStart;\n onBatchStart === null || onBatchStart === void 0 ? void 0 : onBatchStart(fileList.map(function (_ref) {\n var origin = _ref.origin,\n parsedFile = _ref.parsedFile;\n return {\n file: origin,\n parsedFile: parsedFile\n };\n }));\n fileList.filter(function (file) {\n return file.parsedFile !== null;\n }).forEach(function (file) {\n _this.post(file);\n });\n });\n };\n /**\n * Process file before upload. When all the file is ready, we start upload.\n */\n _this.processFile = /*#__PURE__*/function () {\n var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file, fileList) {\n var beforeUpload, transformedFile, action, mergedAction, data, mergedData, parsedData, parsedFile, mergedParsedFile;\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n beforeUpload = _this.props.beforeUpload;\n transformedFile = file;\n if (!beforeUpload) {\n _context.next = 14;\n break;\n }\n _context.prev = 3;\n _context.next = 6;\n return beforeUpload(file, fileList);\n case 6:\n transformedFile = _context.sent;\n _context.next = 12;\n break;\n case 9:\n _context.prev = 9;\n _context.t0 = _context[\"catch\"](3);\n // Rejection will also trade as false\n transformedFile = false;\n case 12:\n if (!(transformedFile === false)) {\n _context.next = 14;\n break;\n }\n return _context.abrupt(\"return\", {\n origin: file,\n parsedFile: null,\n action: null,\n data: null\n });\n case 14:\n // Get latest action\n action = _this.props.action;\n if (!(typeof action === 'function')) {\n _context.next = 21;\n break;\n }\n _context.next = 18;\n return action(file);\n case 18:\n mergedAction = _context.sent;\n _context.next = 22;\n break;\n case 21:\n mergedAction = action;\n case 22:\n // Get latest data\n data = _this.props.data;\n if (!(typeof data === 'function')) {\n _context.next = 29;\n break;\n }\n _context.next = 26;\n return data(file);\n case 26:\n mergedData = _context.sent;\n _context.next = 30;\n break;\n case 29:\n mergedData = data;\n case 30:\n parsedData =\n // string type is from legacy `transformFile`.\n // Not sure if this will work since no related test case works with it\n (_typeof(transformedFile) === 'object' || typeof transformedFile === 'string') && transformedFile ? transformedFile : file;\n if (parsedData instanceof File) {\n parsedFile = parsedData;\n } else {\n parsedFile = new File([parsedData], file.name, {\n type: file.type\n });\n }\n mergedParsedFile = parsedFile;\n mergedParsedFile.uid = file.uid;\n return _context.abrupt(\"return\", {\n origin: file,\n data: mergedData,\n parsedFile: mergedParsedFile,\n action: mergedAction\n });\n case 35:\n case \"end\":\n return _context.stop();\n }\n }, _callee, null, [[3, 9]]);\n }));\n return function (_x, _x2) {\n return _ref2.apply(this, arguments);\n };\n }();\n _this.saveFileInput = function (node) {\n _this.fileInput = node;\n };\n return _this;\n }\n _createClass(AjaxUploader, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this._isMounted = true;\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this._isMounted = false;\n this.abort();\n }\n }, {\n key: \"post\",\n value: function post(_ref3) {\n var _this2 = this;\n var data = _ref3.data,\n origin = _ref3.origin,\n action = _ref3.action,\n parsedFile = _ref3.parsedFile;\n if (!this._isMounted) {\n return;\n }\n var _this$props2 = this.props,\n onStart = _this$props2.onStart,\n customRequest = _this$props2.customRequest,\n name = _this$props2.name,\n headers = _this$props2.headers,\n withCredentials = _this$props2.withCredentials,\n method = _this$props2.method;\n var uid = origin.uid;\n var request = customRequest || defaultRequest;\n var requestOption = {\n action: action,\n filename: name,\n data: data,\n file: parsedFile,\n headers: headers,\n withCredentials: withCredentials,\n method: method || 'post',\n onProgress: function onProgress(e) {\n var onProgress = _this2.props.onProgress;\n onProgress === null || onProgress === void 0 ? void 0 : onProgress(e, parsedFile);\n },\n onSuccess: function onSuccess(ret, xhr) {\n var onSuccess = _this2.props.onSuccess;\n onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ret, parsedFile, xhr);\n delete _this2.reqs[uid];\n },\n onError: function onError(err, ret) {\n var onError = _this2.props.onError;\n onError === null || onError === void 0 ? void 0 : onError(err, ret, parsedFile);\n delete _this2.reqs[uid];\n }\n };\n onStart(origin);\n this.reqs[uid] = request(requestOption);\n }\n }, {\n key: \"reset\",\n value: function reset() {\n this.setState({\n uid: getUid()\n });\n }\n }, {\n key: \"abort\",\n value: function abort(file) {\n var reqs = this.reqs;\n if (file) {\n var uid = file.uid ? file.uid : file;\n if (reqs[uid] && reqs[uid].abort) {\n reqs[uid].abort();\n }\n delete reqs[uid];\n } else {\n Object.keys(reqs).forEach(function (uid) {\n if (reqs[uid] && reqs[uid].abort) {\n reqs[uid].abort();\n }\n delete reqs[uid];\n });\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n Tag = _this$props3.component,\n prefixCls = _this$props3.prefixCls,\n className = _this$props3.className,\n disabled = _this$props3.disabled,\n id = _this$props3.id,\n style = _this$props3.style,\n multiple = _this$props3.multiple,\n accept = _this$props3.accept,\n capture = _this$props3.capture,\n children = _this$props3.children,\n directory = _this$props3.directory,\n openFileDialogOnClick = _this$props3.openFileDialogOnClick,\n onMouseEnter = _this$props3.onMouseEnter,\n onMouseLeave = _this$props3.onMouseLeave,\n otherProps = _objectWithoutProperties(_this$props3, _excluded);\n var cls = classNames(_defineProperty(_defineProperty(_defineProperty({}, prefixCls, true), \"\".concat(prefixCls, \"-disabled\"), disabled), className, className));\n // because input don't have directory/webkitdirectory type declaration\n var dirProps = directory ? {\n directory: 'directory',\n webkitdirectory: 'webkitdirectory'\n } : {};\n var events = disabled ? {} : {\n onClick: openFileDialogOnClick ? this.onClick : function () {},\n onKeyDown: openFileDialogOnClick ? this.onKeyDown : function () {},\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onDrop: this.onFileDrop,\n onDragOver: this.onFileDrop,\n tabIndex: '0'\n };\n return /*#__PURE__*/React.createElement(Tag, _extends({}, events, {\n className: cls,\n role: \"button\",\n style: style\n }), /*#__PURE__*/React.createElement(\"input\", _extends({}, pickAttrs(otherProps, {\n aria: true,\n data: true\n }), {\n id: id,\n disabled: disabled,\n type: \"file\",\n ref: this.saveFileInput,\n onClick: function onClick(e) {\n return e.stopPropagation();\n } // https://github.com/ant-design/ant-design/issues/19948\n ,\n key: this.state.uid,\n style: {\n display: 'none'\n },\n accept: accept\n }, dirProps, {\n multiple: multiple,\n onChange: this.onChange\n }, capture != null ? {\n capture: capture\n } : {})), children);\n }\n }]);\n return AjaxUploader;\n}(Component);\nexport default AjaxUploader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\n/* eslint react/prop-types:0 */\nimport React, { Component } from 'react';\nimport AjaxUpload from './AjaxUploader';\nfunction empty() {}\nvar Upload = /*#__PURE__*/function (_Component) {\n _inherits(Upload, _Component);\n var _super = _createSuper(Upload);\n function Upload() {\n var _this;\n _classCallCheck(this, Upload);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _this.uploader = void 0;\n _this.saveUploader = function (node) {\n _this.uploader = node;\n };\n return _this;\n }\n _createClass(Upload, [{\n key: \"abort\",\n value: function abort(file) {\n this.uploader.abort(file);\n }\n }, {\n key: \"render\",\n value: function render() {\n return /*#__PURE__*/React.createElement(AjaxUpload, _extends({}, this.props, {\n ref: this.saveUploader\n }));\n }\n }]);\n return Upload;\n}(Component);\nUpload.defaultProps = {\n component: 'span',\n prefixCls: 'rc-upload',\n data: {},\n headers: {},\n name: 'file',\n multipart: false,\n onStart: empty,\n onError: empty,\n onSuccess: empty,\n multiple: false,\n beforeUpload: null,\n customRequest: null,\n withCredentials: false,\n openFileDialogOnClick: true\n};\nexport default Upload;","import Upload from './Upload';\nexport default Upload;","// This icon file is generated automatically.\nvar FileTwoTone = { \"icon\": function render(primaryColor, secondaryColor) { return { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M534 352V136H232v752h560V394H576a42 42 0 01-42-42z\", \"fill\": secondaryColor } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z\", \"fill\": primaryColor } }] }; }, \"name\": \"file\", \"theme\": \"twotone\" };\nexport default FileTwoTone;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport FileTwoToneSvg from \"@ant-design/icons-svg/es/asn/FileTwoTone\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar FileTwoTone = function FileTwoTone(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: FileTwoToneSvg\n }));\n};\n\n/** */\nvar RefIcon = /*#__PURE__*/React.forwardRef(FileTwoTone);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'FileTwoTone';\n}\nexport default RefIcon;","// This icon file is generated automatically.\nvar PaperClipOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z\" } }] }, \"name\": \"paper-clip\", \"theme\": \"outlined\" };\nexport default PaperClipOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport PaperClipOutlinedSvg from \"@ant-design/icons-svg/es/asn/PaperClipOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar PaperClipOutlined = function PaperClipOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: PaperClipOutlinedSvg\n }));\n};\n\n/** */\nvar RefIcon = /*#__PURE__*/React.forwardRef(PaperClipOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'PaperClipOutlined';\n}\nexport default RefIcon;","// This icon file is generated automatically.\nvar PictureTwoTone = { \"icon\": function render(primaryColor, secondaryColor) { return { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z\", \"fill\": primaryColor } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z\", \"fill\": secondaryColor } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z\", \"fill\": secondaryColor } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M276 368a28 28 0 1056 0 28 28 0 10-56 0z\", \"fill\": secondaryColor } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z\", \"fill\": primaryColor } }] }; }, \"name\": \"picture\", \"theme\": \"twotone\" };\nexport default PictureTwoTone;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport PictureTwoToneSvg from \"@ant-design/icons-svg/es/asn/PictureTwoTone\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar PictureTwoTone = function PictureTwoTone(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: PictureTwoToneSvg\n }));\n};\n\n/** */\nvar RefIcon = /*#__PURE__*/React.forwardRef(PictureTwoTone);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'PictureTwoTone';\n}\nexport default RefIcon;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nexport function file2Obj(file) {\n return Object.assign(Object.assign({}, file), {\n lastModified: file.lastModified,\n lastModifiedDate: file.lastModifiedDate,\n name: file.name,\n size: file.size,\n type: file.type,\n uid: file.uid,\n percent: 0,\n originFileObj: file\n });\n}\n/** Upload fileList. Replace file if exist or just push into it. */\nexport function updateFileList(file, fileList) {\n const nextFileList = _toConsumableArray(fileList);\n const fileIndex = nextFileList.findIndex(_ref => {\n let {\n uid\n } = _ref;\n return uid === file.uid;\n });\n if (fileIndex === -1) {\n nextFileList.push(file);\n } else {\n nextFileList[fileIndex] = file;\n }\n return nextFileList;\n}\nexport function getFileItem(file, fileList) {\n const matchKey = file.uid !== undefined ? 'uid' : 'name';\n return fileList.filter(item => item[matchKey] === file[matchKey])[0];\n}\nexport function removeFileItem(file, fileList) {\n const matchKey = file.uid !== undefined ? 'uid' : 'name';\n const removed = fileList.filter(item => item[matchKey] !== file[matchKey]);\n if (removed.length === fileList.length) {\n return null;\n }\n return removed;\n}\n// ==================== Default Image Preview ====================\nconst extname = function () {\n let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n const temp = url.split('/');\n const filename = temp[temp.length - 1];\n const filenameWithoutSuffix = filename.split(/#|\\?/)[0];\n return (/\\.[^./\\\\]*$/.exec(filenameWithoutSuffix) || [''])[0];\n};\nconst isImageFileType = type => type.indexOf('image/') === 0;\nexport const isImageUrl = file => {\n if (file.type && !file.thumbUrl) {\n return isImageFileType(file.type);\n }\n const url = file.thumbUrl || file.url || '';\n const extension = extname(url);\n if (/^data:image\\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico|heic|heif)$/i.test(extension)) {\n return true;\n }\n if (/^data:/.test(url)) {\n // other file types of base64\n return false;\n }\n if (extension) {\n // other file types which have extension\n return false;\n }\n return true;\n};\nconst MEASURE_SIZE = 200;\nexport function previewImage(file) {\n return new Promise(resolve => {\n if (!file.type || !isImageFileType(file.type)) {\n resolve('');\n return;\n }\n const canvas = document.createElement('canvas');\n canvas.width = MEASURE_SIZE;\n canvas.height = MEASURE_SIZE;\n canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE}px; height: ${MEASURE_SIZE}px; z-index: 9999; display: none;`;\n document.body.appendChild(canvas);\n const ctx = canvas.getContext('2d');\n const img = new Image();\n img.onload = () => {\n const {\n width,\n height\n } = img;\n let drawWidth = MEASURE_SIZE;\n let drawHeight = MEASURE_SIZE;\n let offsetX = 0;\n let offsetY = 0;\n if (width > height) {\n drawHeight = height * (MEASURE_SIZE / width);\n offsetY = -(drawHeight - drawWidth) / 2;\n } else {\n drawWidth = width * (MEASURE_SIZE / height);\n offsetX = -(drawWidth - drawHeight) / 2;\n }\n ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight);\n const dataURL = canvas.toDataURL();\n document.body.removeChild(canvas);\n resolve(dataURL);\n };\n img.crossOrigin = 'anonymous';\n if (file.type.startsWith('image/svg+xml')) {\n const reader = new FileReader();\n reader.addEventListener('load', () => {\n if (reader.result) img.src = reader.result;\n });\n reader.readAsDataURL(file);\n } else {\n img.src = window.URL.createObjectURL(file);\n }\n });\n}","// This icon file is generated automatically.\nvar DeleteOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z\" } }] }, \"name\": \"delete\", \"theme\": \"outlined\" };\nexport default DeleteOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DeleteOutlinedSvg from \"@ant-design/icons-svg/es/asn/DeleteOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar DeleteOutlined = function DeleteOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DeleteOutlinedSvg\n }));\n};\n\n/** */\nvar RefIcon = /*#__PURE__*/React.forwardRef(DeleteOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'DeleteOutlined';\n}\nexport default RefIcon;","// This icon file is generated automatically.\nvar DownloadOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z\" } }] }, \"name\": \"download\", \"theme\": \"outlined\" };\nexport default DownloadOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DownloadOutlinedSvg from \"@ant-design/icons-svg/es/asn/DownloadOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar DownloadOutlined = function DownloadOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DownloadOutlinedSvg\n }));\n};\n\n/** */\nvar RefIcon = /*#__PURE__*/React.forwardRef(DownloadOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'DownloadOutlined';\n}\nexport default RefIcon;","import { useRef, useEffect } from 'react';\nexport var defaultProps = {\n percent: 0,\n prefixCls: 'rc-progress',\n strokeColor: '#2db7f5',\n strokeLinecap: 'round',\n strokeWidth: 1,\n trailColor: '#D9D9D9',\n trailWidth: 1,\n gapPosition: 'bottom'\n};\nexport var useTransitionDuration = function useTransitionDuration() {\n var pathsRef = useRef([]);\n var prevTimeStamp = useRef(null);\n useEffect(function () {\n var now = Date.now();\n var updated = false;\n pathsRef.current.forEach(function (path) {\n if (!path) {\n return;\n }\n updated = true;\n var pathStyle = path.style;\n pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';\n if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {\n pathStyle.transitionDuration = '0s, 0s';\n }\n });\n if (updated) {\n prevTimeStamp.current = Date.now();\n }\n });\n return pathsRef.current;\n};","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"className\", \"percent\", \"prefixCls\", \"strokeColor\", \"strokeLinecap\", \"strokeWidth\", \"style\", \"trailColor\", \"trailWidth\", \"transition\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useTransitionDuration, defaultProps } from './common';\nvar Line = function Line(props) {\n var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),\n className = _defaultProps$props.className,\n percent = _defaultProps$props.percent,\n prefixCls = _defaultProps$props.prefixCls,\n strokeColor = _defaultProps$props.strokeColor,\n strokeLinecap = _defaultProps$props.strokeLinecap,\n strokeWidth = _defaultProps$props.strokeWidth,\n style = _defaultProps$props.style,\n trailColor = _defaultProps$props.trailColor,\n trailWidth = _defaultProps$props.trailWidth,\n transition = _defaultProps$props.transition,\n restProps = _objectWithoutProperties(_defaultProps$props, _excluded);\n // eslint-disable-next-line no-param-reassign\n delete restProps.gapPosition;\n var percentList = Array.isArray(percent) ? percent : [percent];\n var strokeColorList = Array.isArray(strokeColor) ? strokeColor : [strokeColor];\n var paths = useTransitionDuration();\n var center = strokeWidth / 2;\n var right = 100 - strokeWidth / 2;\n var pathString = \"M \".concat(strokeLinecap === 'round' ? center : 0, \",\").concat(center, \"\\n L \").concat(strokeLinecap === 'round' ? right : 100, \",\").concat(center);\n var viewBoxString = \"0 0 100 \".concat(strokeWidth);\n var stackPtg = 0;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: classNames(\"\".concat(prefixCls, \"-line\"), className),\n viewBox: viewBoxString,\n preserveAspectRatio: \"none\",\n style: style\n }, restProps), /*#__PURE__*/React.createElement(\"path\", {\n className: \"\".concat(prefixCls, \"-line-trail\"),\n d: pathString,\n strokeLinecap: strokeLinecap,\n stroke: trailColor,\n strokeWidth: trailWidth || strokeWidth,\n fillOpacity: \"0\"\n }), percentList.map(function (ptg, index) {\n var dashPercent = 1;\n switch (strokeLinecap) {\n case 'round':\n dashPercent = 1 - strokeWidth / 100;\n break;\n case 'square':\n dashPercent = 1 - strokeWidth / 2 / 100;\n break;\n default:\n dashPercent = 1;\n break;\n }\n var pathStyle = {\n strokeDasharray: \"\".concat(ptg * dashPercent, \"px, 100px\"),\n strokeDashoffset: \"-\".concat(stackPtg, \"px\"),\n transition: transition || 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear'\n };\n var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];\n stackPtg += ptg;\n return /*#__PURE__*/React.createElement(\"path\", {\n key: index,\n className: \"\".concat(prefixCls, \"-line-path\"),\n d: pathString,\n strokeLinecap: strokeLinecap,\n stroke: color,\n strokeWidth: strokeWidth,\n fillOpacity: \"0\",\n ref: function ref(elem) {\n // https://reactjs.org/docs/refs-and-the-dom.html#callback-refs\n // React will call the ref callback with the DOM element when the component mounts,\n // and call it with `null` when it unmounts.\n // Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.\n paths[index] = elem;\n },\n style: pathStyle\n });\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n Line.displayName = 'Line';\n}\nexport default Line;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nvar uuid = 0;\n/** Is client side and not jsdom */\nexport var isBrowserClient = process.env.NODE_ENV !== 'test' && canUseDom();\n/** Get unique id for accessibility usage */\nfunction getUUID() {\n var retId;\n // Test never reach\n /* istanbul ignore if */\n if (isBrowserClient) {\n retId = uuid;\n uuid += 1;\n } else {\n retId = 'TEST_OR_SSR';\n }\n return retId;\n}\nexport default (function (id) {\n // Inner id for accessibility usage. Only work in client side\n var _React$useState = React.useState(),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n innerId = _React$useState2[0],\n setInnerId = _React$useState2[1];\n React.useEffect(function () {\n setInnerId(\"rc_progress_\".concat(getUUID()));\n }, []);\n return id || innerId;\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"id\", \"prefixCls\", \"steps\", \"strokeWidth\", \"trailWidth\", \"gapDegree\", \"gapPosition\", \"trailColor\", \"strokeLinecap\", \"style\", \"className\", \"strokeColor\", \"percent\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { defaultProps, useTransitionDuration } from './common';\nimport useId from './hooks/useId';\nfunction stripPercentToNumber(percent) {\n return +percent.replace('%', '');\n}\nfunction toArray(value) {\n var mergedValue = value !== null && value !== void 0 ? value : [];\n return Array.isArray(mergedValue) ? mergedValue : [mergedValue];\n}\nvar VIEW_BOX_SIZE = 100;\nvar getCircleStyle = function getCircleStyle(perimeter, perimeterWithoutGap, offset, percent, rotateDeg, gapDegree, gapPosition, strokeColor, strokeLinecap, strokeWidth) {\n var stepSpace = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : 0;\n var offsetDeg = offset / 100 * 360 * ((360 - gapDegree) / 360);\n var positionDeg = gapDegree === 0 ? 0 : {\n bottom: 0,\n top: 180,\n left: 90,\n right: -90\n }[gapPosition];\n var strokeDashoffset = (100 - percent) / 100 * perimeterWithoutGap;\n // Fix percent accuracy when strokeLinecap is round\n // https://github.com/ant-design/ant-design/issues/35009\n if (strokeLinecap === 'round' && percent !== 100) {\n strokeDashoffset += strokeWidth / 2;\n // when percent is small enough (<= 1%), keep smallest value to avoid it's disappearance\n if (strokeDashoffset >= perimeterWithoutGap) {\n strokeDashoffset = perimeterWithoutGap - 0.01;\n }\n }\n return {\n stroke: typeof strokeColor === 'string' ? strokeColor : undefined,\n strokeDasharray: \"\".concat(perimeterWithoutGap, \"px \").concat(perimeter),\n strokeDashoffset: strokeDashoffset + stepSpace,\n transform: \"rotate(\".concat(rotateDeg + offsetDeg + positionDeg, \"deg)\"),\n transformOrigin: '0 0',\n transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s',\n fillOpacity: 0\n };\n};\nvar Circle = function Circle(props) {\n var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),\n id = _defaultProps$props.id,\n prefixCls = _defaultProps$props.prefixCls,\n steps = _defaultProps$props.steps,\n strokeWidth = _defaultProps$props.strokeWidth,\n trailWidth = _defaultProps$props.trailWidth,\n _defaultProps$props$g = _defaultProps$props.gapDegree,\n gapDegree = _defaultProps$props$g === void 0 ? 0 : _defaultProps$props$g,\n gapPosition = _defaultProps$props.gapPosition,\n trailColor = _defaultProps$props.trailColor,\n strokeLinecap = _defaultProps$props.strokeLinecap,\n style = _defaultProps$props.style,\n className = _defaultProps$props.className,\n strokeColor = _defaultProps$props.strokeColor,\n percent = _defaultProps$props.percent,\n restProps = _objectWithoutProperties(_defaultProps$props, _excluded);\n var mergedId = useId(id);\n var gradientId = \"\".concat(mergedId, \"-gradient\");\n var radius = VIEW_BOX_SIZE / 2 - strokeWidth / 2;\n var perimeter = Math.PI * 2 * radius;\n var rotateDeg = gapDegree > 0 ? 90 + gapDegree / 2 : -90;\n var perimeterWithoutGap = perimeter * ((360 - gapDegree) / 360);\n var _ref = _typeof(steps) === 'object' ? steps : {\n count: steps,\n space: 2\n },\n stepCount = _ref.count,\n stepSpace = _ref.space;\n var circleStyle = getCircleStyle(perimeter, perimeterWithoutGap, 0, 100, rotateDeg, gapDegree, gapPosition, trailColor, strokeLinecap, strokeWidth);\n var percentList = toArray(percent);\n var strokeColorList = toArray(strokeColor);\n var gradient = strokeColorList.find(function (color) {\n return color && _typeof(color) === 'object';\n });\n var paths = useTransitionDuration();\n var getStokeList = function getStokeList() {\n var stackPtg = 0;\n return percentList.map(function (ptg, index) {\n var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];\n var stroke = color && _typeof(color) === 'object' ? \"url(#\".concat(gradientId, \")\") : undefined;\n var circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, ptg, rotateDeg, gapDegree, gapPosition, color, strokeLinecap, strokeWidth);\n stackPtg += ptg;\n return /*#__PURE__*/React.createElement(\"circle\", {\n key: index,\n className: \"\".concat(prefixCls, \"-circle-path\"),\n r: radius,\n cx: 0,\n cy: 0,\n stroke: stroke,\n strokeLinecap: strokeLinecap,\n strokeWidth: strokeWidth,\n opacity: ptg === 0 ? 0 : 1,\n style: circleStyleForStack,\n ref: function ref(elem) {\n // https://reactjs.org/docs/refs-and-the-dom.html#callback-refs\n // React will call the ref callback with the DOM element when the component mounts,\n // and call it with `null` when it unmounts.\n // Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.\n paths[index] = elem;\n }\n });\n }).reverse();\n };\n var getStepStokeList = function getStepStokeList() {\n // only show the first percent when pass steps\n var current = Math.round(stepCount * (percentList[0] / 100));\n var stepPtg = 100 / stepCount;\n var stackPtg = 0;\n return new Array(stepCount).fill(null).map(function (_, index) {\n var color = index <= current - 1 ? strokeColorList[0] : trailColor;\n var stroke = color && _typeof(color) === 'object' ? \"url(#\".concat(gradientId, \")\") : undefined;\n var circleStyleForStack = getCircleStyle(perimeter, perimeterWithoutGap, stackPtg, stepPtg, rotateDeg, gapDegree, gapPosition, color, 'butt', strokeWidth, stepSpace);\n stackPtg += (perimeterWithoutGap - circleStyleForStack.strokeDashoffset + stepSpace) * 100 / perimeterWithoutGap;\n return /*#__PURE__*/React.createElement(\"circle\", {\n key: index,\n className: \"\".concat(prefixCls, \"-circle-path\"),\n r: radius,\n cx: 0,\n cy: 0,\n stroke: stroke\n // strokeLinecap={strokeLinecap}\n ,\n strokeWidth: strokeWidth,\n opacity: 1,\n style: circleStyleForStack,\n ref: function ref(elem) {\n paths[index] = elem;\n }\n });\n });\n };\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: classNames(\"\".concat(prefixCls, \"-circle\"), className),\n viewBox: \"\".concat(-VIEW_BOX_SIZE / 2, \" \").concat(-VIEW_BOX_SIZE / 2, \" \").concat(VIEW_BOX_SIZE, \" \").concat(VIEW_BOX_SIZE),\n style: style,\n id: id,\n role: \"presentation\"\n }, restProps), gradient && /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: gradientId,\n x1: \"100%\",\n y1: \"0%\",\n x2: \"0%\",\n y2: \"0%\"\n }, Object.keys(gradient).sort(function (a, b) {\n return stripPercentToNumber(a) - stripPercentToNumber(b);\n }).map(function (key, index) {\n return /*#__PURE__*/React.createElement(\"stop\", {\n key: index,\n offset: key,\n stopColor: gradient[key]\n });\n }))), !stepCount && /*#__PURE__*/React.createElement(\"circle\", {\n className: \"\".concat(prefixCls, \"-circle-trail\"),\n r: radius,\n cx: 0,\n cy: 0,\n stroke: trailColor,\n strokeLinecap: strokeLinecap,\n strokeWidth: trailWidth || strokeWidth,\n style: circleStyle\n }), stepCount ? getStepStokeList() : getStokeList());\n};\nif (process.env.NODE_ENV !== 'production') {\n Circle.displayName = 'Circle';\n}\nexport default Circle;","import { presetPrimaryColors } from '@ant-design/colors';\nimport warning from '../_util/warning';\nexport function validProgress(progress) {\n if (!progress || progress < 0) {\n return 0;\n }\n if (progress > 100) {\n return 100;\n }\n return progress;\n}\nexport function getSuccessPercent(_ref) {\n let {\n success,\n successPercent\n } = _ref;\n let percent = successPercent;\n /** @deprecated Use `percent` instead */\n if (success && 'progress' in success) {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Progress', '`success.progress` is deprecated. Please use `success.percent` instead.') : void 0;\n percent = success.progress;\n }\n if (success && 'percent' in success) {\n percent = success.percent;\n }\n return percent;\n}\nexport const getPercentage = _ref2 => {\n let {\n percent,\n success,\n successPercent\n } = _ref2;\n const realSuccessPercent = validProgress(getSuccessPercent({\n success,\n successPercent\n }));\n return [realSuccessPercent, validProgress(validProgress(percent) - realSuccessPercent)];\n};\nexport const getStrokeColor = _ref3 => {\n let {\n success = {},\n strokeColor\n } = _ref3;\n const {\n strokeColor: successColor\n } = success;\n return [successColor || presetPrimaryColors.green, strokeColor || null];\n};\nexport const getSize = (size, type, extra) => {\n var _a, _b, _c, _d;\n let width = -1;\n let height = -1;\n if (type === 'step') {\n const steps = extra.steps;\n const strokeWidth = extra.strokeWidth;\n if (typeof size === 'string' || typeof size === 'undefined') {\n width = size === 'small' ? 2 : 14;\n height = strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 8;\n } else if (typeof size === 'number') {\n [width, height] = [size, size];\n } else {\n [width = 14, height = 8] = size;\n }\n width *= steps;\n } else if (type === 'line') {\n const strokeWidth = extra === null || extra === void 0 ? void 0 : extra.strokeWidth;\n if (typeof size === 'string' || typeof size === 'undefined') {\n height = strokeWidth || (size === 'small' ? 6 : 8);\n } else if (typeof size === 'number') {\n [width, height] = [size, size];\n } else {\n [width = -1, height = 8] = size;\n }\n } else if (type === 'circle' || type === 'dashboard') {\n if (typeof size === 'string' || typeof size === 'undefined') {\n [width, height] = size === 'small' ? [60, 60] : [120, 120];\n } else if (typeof size === 'number') {\n [width, height] = [size, size];\n } else {\n if (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Progress', 'Type \"circle\" and \"dashbord\" do not accept array as `size`, please use number or preset size instead.') : void 0;\n }\n width = (_b = (_a = size[0]) !== null && _a !== void 0 ? _a : size[1]) !== null && _b !== void 0 ? _b : 120;\n height = (_d = (_c = size[0]) !== null && _c !== void 0 ? _c : size[1]) !== null && _d !== void 0 ? _d : 120;\n }\n }\n return [width, height];\n};","import classNames from 'classnames';\nimport { Circle as RCCircle } from 'rc-progress';\nimport * as React from 'react';\nimport Tooltip from '../tooltip';\nimport { getPercentage, getSize, getStrokeColor } from './utils';\nconst CIRCLE_MIN_STROKE_WIDTH = 3;\nconst getMinPercent = width => CIRCLE_MIN_STROKE_WIDTH / width * 100;\nconst Circle = props => {\n const {\n prefixCls,\n trailColor = null,\n strokeLinecap = 'round',\n gapPosition,\n gapDegree,\n width: originWidth = 120,\n type,\n children,\n success,\n size\n } = props;\n const mergedSize = size !== null && size !== void 0 ? size : [originWidth, originWidth];\n const [width, height] = getSize(mergedSize, 'circle');\n let {\n strokeWidth\n } = props;\n if (strokeWidth === undefined) {\n strokeWidth = Math.max(getMinPercent(width), 6);\n }\n const circleStyle = {\n width,\n height,\n fontSize: width * 0.15 + 6\n };\n const realGapDegree = React.useMemo(() => {\n // Support gapDeg = 0 when type = 'dashboard'\n if (gapDegree || gapDegree === 0) {\n return gapDegree;\n }\n if (type === 'dashboard') {\n return 75;\n }\n return undefined;\n }, [gapDegree, type]);\n const gapPos = gapPosition || type === 'dashboard' && 'bottom' || undefined;\n // using className to style stroke color\n const isGradient = Object.prototype.toString.call(props.strokeColor) === '[object Object]';\n const strokeColor = getStrokeColor({\n success,\n strokeColor: props.strokeColor\n });\n const wrapperClassName = classNames(`${prefixCls}-inner`, {\n [`${prefixCls}-circle-gradient`]: isGradient\n });\n const circleContent = /*#__PURE__*/React.createElement(RCCircle, {\n percent: getPercentage(props),\n strokeWidth: strokeWidth,\n trailWidth: strokeWidth,\n strokeColor: strokeColor,\n strokeLinecap: strokeLinecap,\n trailColor: trailColor,\n prefixCls: prefixCls,\n gapDegree: realGapDegree,\n gapPosition: gapPos\n });\n return /*#__PURE__*/React.createElement(\"div\", {\n className: wrapperClassName,\n style: circleStyle\n }, width <= 20 ? /*#__PURE__*/React.createElement(Tooltip, {\n title: children\n }, /*#__PURE__*/React.createElement(\"span\", null, circleContent)) : /*#__PURE__*/React.createElement(React.Fragment, null, circleContent, children));\n};\nexport default Circle;","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { presetPrimaryColors } from '@ant-design/colors';\nimport * as React from 'react';\nimport warning from '../_util/warning';\nimport { getSize, getSuccessPercent, validProgress } from './utils';\n/**\n * @example\n * {\n * \"0%\": \"#afc163\",\n * \"75%\": \"#009900\",\n * \"50%\": \"green\", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'\n * \"25%\": \"#66FF00\",\n * \"100%\": \"#ffffff\"\n * }\n */\nexport const sortGradient = gradients => {\n let tempArr = [];\n Object.keys(gradients).forEach(key => {\n const formattedKey = parseFloat(key.replace(/%/g, ''));\n if (!isNaN(formattedKey)) {\n tempArr.push({\n key: formattedKey,\n value: gradients[key]\n });\n }\n });\n tempArr = tempArr.sort((a, b) => a.key - b.key);\n return tempArr.map(_ref => {\n let {\n key,\n value\n } = _ref;\n return `${value} ${key}%`;\n }).join(', ');\n};\n/**\n * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and\n * butter, there is the bug. And... Besides women, there is the code.\n *\n * @example\n * {\n * \"0%\": \"#afc163\",\n * \"25%\": \"#66FF00\",\n * \"50%\": \"#00CC00\", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,\n * \"75%\": \"#009900\", // #00CC00 50%, #009900 75%, #ffffff 100%)\n * \"100%\": \"#ffffff\"\n * }\n */\nexport const handleGradient = (strokeColor, directionConfig) => {\n const {\n from = presetPrimaryColors.blue,\n to = presetPrimaryColors.blue,\n direction = directionConfig === 'rtl' ? 'to left' : 'to right'\n } = strokeColor,\n rest = __rest(strokeColor, [\"from\", \"to\", \"direction\"]);\n if (Object.keys(rest).length !== 0) {\n const sortedGradients = sortGradient(rest);\n return {\n backgroundImage: `linear-gradient(${direction}, ${sortedGradients})`\n };\n }\n return {\n backgroundImage: `linear-gradient(${direction}, ${from}, ${to})`\n };\n};\nconst Line = props => {\n const {\n prefixCls,\n direction: directionConfig,\n percent,\n size,\n strokeWidth,\n strokeColor,\n strokeLinecap = 'round',\n children,\n trailColor = null,\n success\n } = props;\n const backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : {\n backgroundColor: strokeColor\n };\n const borderRadius = strokeLinecap === 'square' || strokeLinecap === 'butt' ? 0 : undefined;\n const trailStyle = {\n backgroundColor: trailColor || undefined,\n borderRadius\n };\n const mergedSize = size !== null && size !== void 0 ? size : [-1, strokeWidth || (size === 'small' ? 6 : 8)];\n const [width, height] = getSize(mergedSize, 'line', {\n strokeWidth\n });\n if (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? warning(!('strokeWidth' in props), 'Progress', '`strokeWidth` is deprecated. Please use `size` instead.') : void 0;\n }\n const percentStyle = Object.assign({\n width: `${validProgress(percent)}%`,\n height,\n borderRadius\n }, backgroundProps);\n const successPercent = getSuccessPercent(props);\n const successPercentStyle = {\n width: `${validProgress(successPercent)}%`,\n height,\n borderRadius,\n backgroundColor: success === null || success === void 0 ? void 0 : success.strokeColor\n };\n const outerStyle = {\n width: width < 0 ? '100%' : width,\n height\n };\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-outer`,\n style: outerStyle\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-inner`,\n style: trailStyle\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-bg`,\n style: percentStyle\n }), successPercent !== undefined ? /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-success-bg`,\n style: successPercentStyle\n }) : null)), children);\n};\nexport default Line;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { getSize } from './utils';\nconst Steps = props => {\n const {\n size,\n steps,\n percent = 0,\n strokeWidth = 8,\n strokeColor,\n trailColor = null,\n prefixCls,\n children\n } = props;\n const current = Math.round(steps * (percent / 100));\n const stepWidth = size === 'small' ? 2 : 14;\n const mergedSize = size !== null && size !== void 0 ? size : [stepWidth, strokeWidth];\n const [width, height] = getSize(mergedSize, 'step', {\n steps,\n strokeWidth\n });\n const unitWidth = width / steps;\n const styledSteps = new Array(steps);\n for (let i = 0; i < steps; i++) {\n const color = Array.isArray(strokeColor) ? strokeColor[i] : strokeColor;\n styledSteps[i] = /*#__PURE__*/React.createElement(\"div\", {\n key: i,\n className: classNames(`${prefixCls}-steps-item`, {\n [`${prefixCls}-steps-item-active`]: i <= current - 1\n }),\n style: {\n backgroundColor: i <= current - 1 ? color : trailColor,\n width: unitWidth,\n height\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-steps-outer`\n }, styledSteps, children);\n};\nexport default Steps;","import { Keyframes } from '@ant-design/cssinjs';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent } from '../../style';\nconst antProgressActive = new Keyframes('antProgressActive', {\n '0%': {\n transform: 'translateX(-100%) scaleX(0)',\n opacity: 0.1\n },\n '20%': {\n transform: 'translateX(-100%) scaleX(0)',\n opacity: 0.5\n },\n to: {\n transform: 'translateX(0) scaleX(1)',\n opacity: 0\n }\n});\nconst genBaseStyle = token => {\n const {\n componentCls: progressCls,\n iconCls: iconPrefixCls\n } = token;\n return {\n [progressCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-block',\n '&-rtl': {\n direction: 'rtl'\n },\n '&-line': {\n position: 'relative',\n width: '100%',\n fontSize: token.fontSize,\n marginInlineEnd: token.marginXS,\n marginBottom: token.marginXS\n },\n [`${progressCls}-outer`]: {\n display: 'inline-block',\n width: '100%'\n },\n [`&${progressCls}-show-info`]: {\n [`${progressCls}-outer`]: {\n marginInlineEnd: `calc(-2em - ${token.marginXS}px)`,\n paddingInlineEnd: `calc(2em + ${token.paddingXS}px)`\n }\n },\n [`${progressCls}-inner`]: {\n position: 'relative',\n display: 'inline-block',\n width: '100%',\n overflow: 'hidden',\n verticalAlign: 'middle',\n backgroundColor: token.progressRemainingColor,\n borderRadius: token.progressLineRadius\n },\n [`${progressCls}-inner:not(${progressCls}-circle-gradient)`]: {\n [`${progressCls}-circle-path`]: {\n stroke: token.colorInfo\n }\n },\n [`${progressCls}-success-bg, ${progressCls}-bg`]: {\n position: 'relative',\n backgroundColor: token.colorInfo,\n borderRadius: token.progressLineRadius,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`\n },\n [`${progressCls}-success-bg`]: {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n backgroundColor: token.colorSuccess\n },\n [`${progressCls}-text`]: {\n display: 'inline-block',\n width: '2em',\n marginInlineStart: token.marginXS,\n color: token.progressInfoTextColor,\n lineHeight: 1,\n whiteSpace: 'nowrap',\n textAlign: 'start',\n verticalAlign: 'middle',\n wordBreak: 'normal',\n [iconPrefixCls]: {\n fontSize: token.fontSize\n }\n },\n [`&${progressCls}-status-active`]: {\n [`${progressCls}-bg::before`]: {\n position: 'absolute',\n inset: 0,\n backgroundColor: token.colorBgContainer,\n borderRadius: token.progressLineRadius,\n opacity: 0,\n animationName: antProgressActive,\n animationDuration: token.progressActiveMotionDuration,\n animationTimingFunction: token.motionEaseOutQuint,\n animationIterationCount: 'infinite',\n content: '\"\"'\n }\n },\n [`&${progressCls}-status-exception`]: {\n [`${progressCls}-bg`]: {\n backgroundColor: token.colorError\n },\n [`${progressCls}-text`]: {\n color: token.colorError\n }\n },\n [`&${progressCls}-status-exception ${progressCls}-inner:not(${progressCls}-circle-gradient)`]: {\n [`${progressCls}-circle-path`]: {\n stroke: token.colorError\n }\n },\n [`&${progressCls}-status-success`]: {\n [`${progressCls}-bg`]: {\n backgroundColor: token.colorSuccess\n },\n [`${progressCls}-text`]: {\n color: token.colorSuccess\n }\n },\n [`&${progressCls}-status-success ${progressCls}-inner:not(${progressCls}-circle-gradient)`]: {\n [`${progressCls}-circle-path`]: {\n stroke: token.colorSuccess\n }\n }\n })\n };\n};\nconst genCircleStyle = token => {\n const {\n componentCls: progressCls,\n iconCls: iconPrefixCls\n } = token;\n return {\n [progressCls]: {\n [`${progressCls}-circle-trail`]: {\n stroke: token.progressRemainingColor\n },\n [`&${progressCls}-circle ${progressCls}-inner`]: {\n position: 'relative',\n lineHeight: 1,\n backgroundColor: 'transparent'\n },\n [`&${progressCls}-circle ${progressCls}-text`]: {\n position: 'absolute',\n insetBlockStart: '50%',\n insetInlineStart: 0,\n width: '100%',\n margin: 0,\n padding: 0,\n color: token.colorText,\n lineHeight: 1,\n whiteSpace: 'normal',\n textAlign: 'center',\n transform: 'translateY(-50%)',\n [iconPrefixCls]: {\n fontSize: `${token.fontSize / token.fontSizeSM}em`\n }\n },\n [`${progressCls}-circle&-status-exception`]: {\n [`${progressCls}-text`]: {\n color: token.colorError\n }\n },\n [`${progressCls}-circle&-status-success`]: {\n [`${progressCls}-text`]: {\n color: token.colorSuccess\n }\n }\n },\n [`${progressCls}-inline-circle`]: {\n lineHeight: 1,\n [`${progressCls}-inner`]: {\n verticalAlign: 'bottom'\n }\n }\n };\n};\nconst genStepStyle = token => {\n const {\n componentCls: progressCls\n } = token;\n return {\n [progressCls]: {\n [`${progressCls}-steps`]: {\n display: 'inline-block',\n '&-outer': {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center'\n },\n '&-item': {\n flexShrink: 0,\n minWidth: token.progressStepMinWidth,\n marginInlineEnd: token.progressStepMarginInlineEnd,\n backgroundColor: token.progressRemainingColor,\n transition: `all ${token.motionDurationSlow}`,\n '&-active': {\n backgroundColor: token.colorInfo\n }\n }\n }\n }\n };\n};\nconst genSmallLine = token => {\n const {\n componentCls: progressCls,\n iconCls: iconPrefixCls\n } = token;\n return {\n [progressCls]: {\n [`${progressCls}-small&-line, ${progressCls}-small&-line ${progressCls}-text ${iconPrefixCls}`]: {\n fontSize: token.fontSizeSM\n }\n }\n };\n};\nexport default genComponentStyleHook('Progress', token => {\n const progressStepMarginInlineEnd = token.marginXXS / 2;\n const progressToken = mergeToken(token, {\n progressLineRadius: 100,\n progressInfoTextColor: token.colorText,\n progressDefaultColor: token.colorInfo,\n progressRemainingColor: token.colorFillSecondary,\n progressStepMarginInlineEnd,\n progressStepMinWidth: progressStepMarginInlineEnd,\n progressActiveMotionDuration: '2.4s'\n });\n return [genBaseStyle(progressToken), genCircleStyle(progressToken), genStepStyle(progressToken), genSmallLine(progressToken)];\n});","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport CheckCircleFilled from \"@ant-design/icons/es/icons/CheckCircleFilled\";\nimport CheckOutlined from \"@ant-design/icons/es/icons/CheckOutlined\";\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport warning from '../_util/warning';\nimport Circle from './Circle';\nimport Line from './Line';\nimport Steps from './Steps';\nimport useStyle from './style';\nimport { getSize, getSuccessPercent, validProgress } from './utils';\nexport const ProgressTypes = ['line', 'circle', 'dashboard'];\nconst ProgressStatuses = ['normal', 'exception', 'active', 'success'];\nconst Progress = props => {\n const {\n prefixCls: customizePrefixCls,\n className,\n rootClassName,\n steps,\n strokeColor,\n percent = 0,\n size = 'default',\n showInfo = true,\n type = 'line',\n status,\n format\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"className\", \"rootClassName\", \"steps\", \"strokeColor\", \"percent\", \"size\", \"showInfo\", \"type\", \"status\", \"format\"]);\n const percentNumber = React.useMemo(() => {\n var _a, _b;\n const successPercent = getSuccessPercent(props);\n return parseInt(successPercent !== undefined ? (_a = successPercent !== null && successPercent !== void 0 ? successPercent : 0) === null || _a === void 0 ? void 0 : _a.toString() : (_b = percent !== null && percent !== void 0 ? percent : 0) === null || _b === void 0 ? void 0 : _b.toString(), 10);\n }, [percent, props.success, props.successPercent]);\n const progressStatus = React.useMemo(() => {\n if (!ProgressStatuses.includes(status) && percentNumber >= 100) {\n return 'success';\n }\n return status || 'normal';\n }, [status, percentNumber]);\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('progress', customizePrefixCls);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const progressInfo = React.useMemo(() => {\n if (!showInfo) {\n return null;\n }\n const successPercent = getSuccessPercent(props);\n let text;\n const textFormatter = format || (number => `${number}%`);\n const isLineType = type === 'line';\n if (format || progressStatus !== 'exception' && progressStatus !== 'success') {\n text = textFormatter(validProgress(percent), validProgress(successPercent));\n } else if (progressStatus === 'exception') {\n text = isLineType ? /*#__PURE__*/React.createElement(CloseCircleFilled, null) : /*#__PURE__*/React.createElement(CloseOutlined, null);\n } else if (progressStatus === 'success') {\n text = isLineType ? /*#__PURE__*/React.createElement(CheckCircleFilled, null) : /*#__PURE__*/React.createElement(CheckOutlined, null);\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-text`,\n title: typeof text === 'string' ? text : undefined\n }, text);\n }, [showInfo, percent, percentNumber, progressStatus, type, prefixCls, format]);\n if (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? warning(!('successPercent' in props), 'Progress', '`successPercent` is deprecated. Please use `success.percent` instead.') : void 0;\n process.env.NODE_ENV !== \"production\" ? warning(!('width' in props), 'Progress', '`width` is deprecated. Please use `size` instead.') : void 0;\n }\n const strokeColorNotArray = Array.isArray(strokeColor) ? strokeColor[0] : strokeColor;\n const strokeColorNotGradient = typeof strokeColor === 'string' || Array.isArray(strokeColor) ? strokeColor : undefined;\n let progress;\n // Render progress shape\n if (type === 'line') {\n progress = steps ? /*#__PURE__*/React.createElement(Steps, Object.assign({}, props, {\n strokeColor: strokeColorNotGradient,\n prefixCls: prefixCls,\n steps: steps\n }), progressInfo) : /*#__PURE__*/React.createElement(Line, Object.assign({}, props, {\n strokeColor: strokeColorNotArray,\n prefixCls: prefixCls,\n direction: direction\n }), progressInfo);\n } else if (type === 'circle' || type === 'dashboard') {\n progress = /*#__PURE__*/React.createElement(Circle, Object.assign({}, props, {\n strokeColor: strokeColorNotArray,\n prefixCls: prefixCls,\n progressStatus: progressStatus\n }), progressInfo);\n }\n const classString = classNames(prefixCls, {\n [`${prefixCls}-inline-circle`]: type === 'circle' && getSize(size, 'circle')[0] <= 20,\n [`${prefixCls}-${type === 'dashboard' && 'circle' || steps && 'steps' || type}`]: true,\n [`${prefixCls}-status-${progressStatus}`]: true,\n [`${prefixCls}-show-info`]: showInfo,\n [`${prefixCls}-${size}`]: typeof size === 'string',\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, className, rootClassName, hashId);\n return wrapSSR( /*#__PURE__*/React.createElement(\"div\", Object.assign({\n className: classString,\n role: \"progressbar\"\n }, omit(restProps, ['trailColor', 'strokeWidth', 'width', 'gapDegree', 'gapPosition', 'strokeLinecap', 'success', 'successPercent'])), progress));\n};\nif (process.env.NODE_ENV !== 'production') {\n Progress.displayName = 'Progress';\n}\nexport default Progress;","import Progress from './progress';\nexport default Progress;","import DeleteOutlined from \"@ant-design/icons/es/icons/DeleteOutlined\";\nimport DownloadOutlined from \"@ant-design/icons/es/icons/DownloadOutlined\";\nimport EyeOutlined from \"@ant-design/icons/es/icons/EyeOutlined\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport * as React from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport Progress from '../../progress';\nimport Tooltip from '../../tooltip';\nconst ListItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n prefixCls,\n className,\n style,\n locale,\n listType,\n file,\n items,\n progress: progressProps,\n iconRender,\n actionIconRender,\n itemRender,\n isImgUrl,\n showPreviewIcon,\n showRemoveIcon,\n showDownloadIcon,\n previewIcon: customPreviewIcon,\n removeIcon: customRemoveIcon,\n downloadIcon: customDownloadIcon,\n onPreview,\n onDownload,\n onClose\n } = _ref;\n var _a, _b;\n // Status: which will ignore `removed` status\n const {\n status\n } = file;\n const [mergedStatus, setMergedStatus] = React.useState(status);\n React.useEffect(() => {\n if (status !== 'removed') {\n setMergedStatus(status);\n }\n }, [status]);\n // Delay to show the progress bar\n const [showProgress, setShowProgress] = React.useState(false);\n const progressRafRef = React.useRef(null);\n React.useEffect(() => {\n progressRafRef.current = setTimeout(() => {\n setShowProgress(true);\n }, 300);\n return () => {\n if (progressRafRef.current) {\n clearTimeout(progressRafRef.current);\n }\n };\n }, []);\n const iconNode = iconRender(file);\n let icon = /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-icon`\n }, iconNode);\n if (listType === 'picture' || listType === 'picture-card' || listType === 'picture-circle') {\n if (mergedStatus === 'uploading' || !file.thumbUrl && !file.url) {\n const uploadingClassName = classNames({\n [`${prefixCls}-list-item-thumbnail`]: true,\n [`${prefixCls}-list-item-file`]: mergedStatus !== 'uploading'\n });\n icon = /*#__PURE__*/React.createElement(\"div\", {\n className: uploadingClassName\n }, iconNode);\n } else {\n const thumbnail = (isImgUrl === null || isImgUrl === void 0 ? void 0 : isImgUrl(file)) ? /*#__PURE__*/React.createElement(\"img\", {\n src: file.thumbUrl || file.url,\n alt: file.name,\n className: `${prefixCls}-list-item-image`,\n crossOrigin: file.crossOrigin\n }) : iconNode;\n const aClassName = classNames({\n [`${prefixCls}-list-item-thumbnail`]: true,\n [`${prefixCls}-list-item-file`]: isImgUrl && !isImgUrl(file)\n });\n icon = /*#__PURE__*/React.createElement(\"a\", {\n className: aClassName,\n onClick: e => onPreview(file, e),\n href: file.url || file.thumbUrl,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, thumbnail);\n }\n }\n const listItemClassName = classNames(`${prefixCls}-list-item`, `${prefixCls}-list-item-${mergedStatus}`);\n const linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;\n const removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || /*#__PURE__*/React.createElement(DeleteOutlined, null), () => onClose(file), prefixCls, locale.removeFile) : null;\n const downloadIcon = showDownloadIcon && mergedStatus === 'done' ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || /*#__PURE__*/React.createElement(DownloadOutlined, null), () => onDownload(file), prefixCls, locale.downloadFile) : null;\n const downloadOrDelete = listType !== 'picture-card' && listType !== 'picture-circle' && /*#__PURE__*/React.createElement(\"span\", {\n key: \"download-delete\",\n className: classNames(`${prefixCls}-list-item-actions`, {\n picture: listType === 'picture'\n })\n }, downloadIcon, removeIcon);\n const listItemNameClass = classNames(`${prefixCls}-list-item-name`);\n const fileName = file.url ? [/*#__PURE__*/React.createElement(\"a\", Object.assign({\n key: \"view\",\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n className: listItemNameClass,\n title: file.name\n }, linkProps, {\n href: file.url,\n onClick: e => onPreview(file, e)\n }), file.name), downloadOrDelete] : [/*#__PURE__*/React.createElement(\"span\", {\n key: \"view\",\n className: listItemNameClass,\n onClick: e => onPreview(file, e),\n title: file.name\n }, file.name), downloadOrDelete];\n const previewStyle = {\n pointerEvents: 'none',\n opacity: 0.5\n };\n const previewIcon = showPreviewIcon ? /*#__PURE__*/React.createElement(\"a\", {\n href: file.url || file.thumbUrl,\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n style: file.url || file.thumbUrl ? undefined : previewStyle,\n onClick: e => onPreview(file, e),\n title: locale.previewFile\n }, typeof customPreviewIcon === 'function' ? customPreviewIcon(file) : customPreviewIcon || /*#__PURE__*/React.createElement(EyeOutlined, null)) : null;\n const pictureCardActions = (listType === 'picture-card' || listType === 'picture-circle') && mergedStatus !== 'uploading' && /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-list-item-actions`\n }, previewIcon, mergedStatus === 'done' && downloadIcon, removeIcon);\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const rootPrefixCls = getPrefixCls();\n const dom = /*#__PURE__*/React.createElement(\"div\", {\n className: listItemClassName\n }, icon, fileName, pictureCardActions, showProgress && /*#__PURE__*/React.createElement(CSSMotion, {\n motionName: `${rootPrefixCls}-fade`,\n visible: mergedStatus === 'uploading',\n motionDeadline: 2000\n }, _ref2 => {\n let {\n className: motionClassName\n } = _ref2;\n // show loading icon if upload progress listener is disabled\n const loadingProgress = 'percent' in file ? /*#__PURE__*/React.createElement(Progress, Object.assign({}, progressProps, {\n type: \"line\",\n percent: file.percent\n })) : null;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(`${prefixCls}-list-item-progress`, motionClassName)\n }, loadingProgress);\n }));\n const message = file.response && typeof file.response === 'string' ? file.response : ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale.uploadError;\n const item = mergedStatus === 'error' ? /*#__PURE__*/React.createElement(Tooltip, {\n title: message,\n getPopupContainer: node => node.parentNode\n }, dom) : dom;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(`${prefixCls}-list-item-container`, className),\n style: style,\n ref: ref\n }, itemRender ? itemRender(item, file, items, {\n download: onDownload.bind(null, file),\n preview: onPreview.bind(null, file),\n remove: onClose.bind(null, file)\n }) : item);\n});\nexport default ListItem;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport FileTwoTone from \"@ant-design/icons/es/icons/FileTwoTone\";\nimport LoadingOutlined from \"@ant-design/icons/es/icons/LoadingOutlined\";\nimport PaperClipOutlined from \"@ant-design/icons/es/icons/PaperClipOutlined\";\nimport PictureTwoTone from \"@ant-design/icons/es/icons/PictureTwoTone\";\nimport classNames from 'classnames';\nimport CSSMotion, { CSSMotionList } from 'rc-motion';\nimport * as React from 'react';\nimport { useMemo } from 'react';\nimport Button from '../../button';\nimport { ConfigContext } from '../../config-provider';\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nimport initCollapseMotion from '../../_util/motion';\nimport { cloneElement, isValidElement } from '../../_util/reactNode';\nimport { isImageUrl, previewImage } from '../utils';\nimport ListItem from './ListItem';\nconst InternalUploadList = (props, ref) => {\n const {\n listType = 'text',\n previewFile = previewImage,\n onPreview,\n onDownload,\n onRemove,\n locale,\n iconRender,\n isImageUrl: isImgUrl = isImageUrl,\n prefixCls: customizePrefixCls,\n items = [],\n showPreviewIcon = true,\n showRemoveIcon = true,\n showDownloadIcon = false,\n removeIcon,\n previewIcon,\n downloadIcon,\n progress = {\n size: [-1, 2],\n showInfo: false\n },\n appendAction,\n appendActionVisible = true,\n itemRender\n } = props;\n const forceUpdate = useForceUpdate();\n const [motionAppear, setMotionAppear] = React.useState(false);\n // ============================= Effect =============================\n React.useEffect(() => {\n if (listType !== 'picture' && listType !== 'picture-card' && listType !== 'picture-circle') {\n return;\n }\n (items || []).forEach(file => {\n if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj instanceof File || file.originFileObj instanceof Blob) || file.thumbUrl !== undefined) {\n return;\n }\n file.thumbUrl = '';\n if (previewFile) {\n previewFile(file.originFileObj).then(previewDataUrl => {\n // Need append '' to avoid dead loop\n file.thumbUrl = previewDataUrl || '';\n forceUpdate();\n });\n }\n });\n }, [listType, items, previewFile]);\n React.useEffect(() => {\n setMotionAppear(true);\n }, []);\n // ============================= Events =============================\n const onInternalPreview = (file, e) => {\n if (!onPreview) {\n return;\n }\n e === null || e === void 0 ? void 0 : e.preventDefault();\n return onPreview(file);\n };\n const onInternalDownload = file => {\n if (typeof onDownload === 'function') {\n onDownload(file);\n } else if (file.url) {\n window.open(file.url);\n }\n };\n const onInternalClose = file => {\n onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);\n };\n const internalIconRender = file => {\n if (iconRender) {\n return iconRender(file, listType);\n }\n const isLoading = file.status === 'uploading';\n const fileIcon = isImgUrl && isImgUrl(file) ? /*#__PURE__*/React.createElement(PictureTwoTone, null) : /*#__PURE__*/React.createElement(FileTwoTone, null);\n let icon = isLoading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : /*#__PURE__*/React.createElement(PaperClipOutlined, null);\n if (listType === 'picture') {\n icon = isLoading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : fileIcon;\n } else if (listType === 'picture-card' || listType === 'picture-circle') {\n icon = isLoading ? locale.uploading : fileIcon;\n }\n return icon;\n };\n const actionIconRender = (customIcon, callback, prefixCls, title) => {\n const btnProps = {\n type: 'text',\n size: 'small',\n title,\n onClick: e => {\n callback();\n if (isValidElement(customIcon) && customIcon.props.onClick) {\n customIcon.props.onClick(e);\n }\n },\n className: `${prefixCls}-list-item-action`\n };\n if (isValidElement(customIcon)) {\n const btnIcon = cloneElement(customIcon, Object.assign(Object.assign({}, customIcon.props), {\n onClick: () => {}\n }));\n return /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps, {\n icon: btnIcon\n }));\n }\n return /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps), /*#__PURE__*/React.createElement(\"span\", null, customIcon));\n };\n // ============================== Ref ===============================\n // Test needs\n React.useImperativeHandle(ref, () => ({\n handlePreview: onInternalPreview,\n handleDownload: onInternalDownload\n }));\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n // ============================= Render =============================\n const prefixCls = getPrefixCls('upload', customizePrefixCls);\n const rootPrefixCls = getPrefixCls();\n const listClassNames = classNames({\n [`${prefixCls}-list`]: true,\n [`${prefixCls}-list-${listType}`]: true\n });\n // >>> Motion config\n const motionKeyList = _toConsumableArray(items.map(file => ({\n key: file.uid,\n file\n })));\n const animationDirection = listType === 'picture-card' || listType === 'picture-circle' ? 'animate-inline' : 'animate';\n // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;\n let motionConfig = {\n motionDeadline: 2000,\n motionName: `${prefixCls}-${animationDirection}`,\n keys: motionKeyList,\n motionAppear\n };\n const listItemMotion = useMemo(() => {\n const motion = Object.assign({}, initCollapseMotion(rootPrefixCls));\n delete motion.onAppearEnd;\n delete motion.onEnterEnd;\n delete motion.onLeaveEnd;\n return motion;\n }, [rootPrefixCls]);\n if (listType !== 'picture-card' && listType !== 'picture-circle') {\n motionConfig = Object.assign(Object.assign({}, listItemMotion), motionConfig);\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: listClassNames\n }, /*#__PURE__*/React.createElement(CSSMotionList, Object.assign({}, motionConfig, {\n component: false\n }), _ref => {\n let {\n key,\n file,\n className: motionClassName,\n style: motionStyle\n } = _ref;\n return /*#__PURE__*/React.createElement(ListItem, {\n key: key,\n locale: locale,\n prefixCls: prefixCls,\n className: motionClassName,\n style: motionStyle,\n file: file,\n items: items,\n progress: progress,\n listType: listType,\n isImgUrl: isImgUrl,\n showPreviewIcon: showPreviewIcon,\n showRemoveIcon: showRemoveIcon,\n showDownloadIcon: showDownloadIcon,\n removeIcon: removeIcon,\n previewIcon: previewIcon,\n downloadIcon: downloadIcon,\n iconRender: internalIconRender,\n actionIconRender: actionIconRender,\n itemRender: itemRender,\n onPreview: onInternalPreview,\n onDownload: onInternalDownload,\n onClose: onInternalClose\n });\n }), appendAction && /*#__PURE__*/React.createElement(CSSMotion, Object.assign({}, motionConfig, {\n visible: appendActionVisible,\n forceRender: true\n }), _ref2 => {\n let {\n className: motionClassName,\n style: motionStyle\n } = _ref2;\n return cloneElement(appendAction, oriProps => ({\n className: classNames(oriProps.className, motionClassName),\n style: Object.assign(Object.assign(Object.assign({}, motionStyle), {\n // prevent the element has hover css pseudo-class that may cause animation to end prematurely.\n pointerEvents: motionClassName ? 'none' : undefined\n }), oriProps.style)\n }));\n }));\n};\nconst UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);\nif (process.env.NODE_ENV !== 'production') {\n UploadList.displayName = 'UploadList';\n}\nexport default UploadList;","const genDraggerStyle = token => {\n const {\n componentCls,\n iconCls\n } = token;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-drag`]: {\n position: 'relative',\n width: '100%',\n height: '100%',\n textAlign: 'center',\n background: token.colorFillAlter,\n border: `${token.lineWidth}px dashed ${token.colorBorder}`,\n borderRadius: token.borderRadiusLG,\n cursor: 'pointer',\n transition: `border-color ${token.motionDurationSlow}`,\n [componentCls]: {\n padding: `${token.padding}px 0`\n },\n [`${componentCls}-btn`]: {\n display: 'table',\n width: '100%',\n height: '100%',\n outline: 'none'\n },\n [`${componentCls}-drag-container`]: {\n display: 'table-cell',\n verticalAlign: 'middle'\n },\n [`&:not(${componentCls}-disabled):hover`]: {\n borderColor: token.colorPrimaryHover\n },\n [`p${componentCls}-drag-icon`]: {\n marginBottom: token.margin,\n [iconCls]: {\n color: token.colorPrimary,\n fontSize: token.uploadThumbnailSize\n }\n },\n [`p${componentCls}-text`]: {\n margin: `0 0 ${token.marginXXS}px`,\n color: token.colorTextHeading,\n fontSize: token.fontSizeLG\n },\n [`p${componentCls}-hint`]: {\n color: token.colorTextDescription,\n fontSize: token.fontSize\n },\n // ===================== Disabled =====================\n [`&${componentCls}-disabled`]: {\n cursor: 'not-allowed',\n [`p${componentCls}-drag-icon ${iconCls},\n p${componentCls}-text,\n p${componentCls}-hint\n `]: {\n color: token.colorTextDisabled\n }\n }\n }\n }\n };\n};\nexport default genDraggerStyle;","import { clearFix, textEllipsis } from '../../style';\nconst genListStyle = token => {\n const {\n componentCls,\n antCls,\n iconCls,\n fontSize,\n lineHeight\n } = token;\n const itemCls = `${componentCls}-list-item`;\n const actionsCls = `${itemCls}-actions`;\n const actionCls = `${itemCls}-action`;\n const listItemHeightSM = Math.round(fontSize * lineHeight);\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-list`]: Object.assign(Object.assign({}, clearFix()), {\n lineHeight: token.lineHeight,\n [itemCls]: {\n position: 'relative',\n height: token.lineHeight * fontSize,\n marginTop: token.marginXS,\n fontSize,\n display: 'flex',\n alignItems: 'center',\n transition: `background-color ${token.motionDurationSlow}`,\n '&:hover': {\n backgroundColor: token.controlItemBgHover\n },\n [`${itemCls}-name`]: Object.assign(Object.assign({}, textEllipsis), {\n padding: `0 ${token.paddingXS}px`,\n lineHeight,\n flex: 'auto',\n transition: `all ${token.motionDurationSlow}`\n }),\n [actionsCls]: {\n [actionCls]: {\n opacity: 0\n },\n [`${actionCls}${antCls}-btn-sm`]: {\n height: listItemHeightSM,\n border: 0,\n lineHeight: 1,\n // FIXME: should not override small button\n '> span': {\n transform: 'scale(1)'\n }\n },\n [`\n ${actionCls}:focus,\n &.picture ${actionCls}\n `]: {\n opacity: 1\n },\n [iconCls]: {\n color: token.colorTextDescription,\n transition: `all ${token.motionDurationSlow}`\n },\n [`&:hover ${iconCls}`]: {\n color: token.colorText\n }\n },\n [`${componentCls}-icon ${iconCls}`]: {\n color: token.colorTextDescription,\n fontSize\n },\n [`${itemCls}-progress`]: {\n position: 'absolute',\n bottom: -token.uploadProgressOffset,\n width: '100%',\n paddingInlineStart: fontSize + token.paddingXS,\n fontSize,\n lineHeight: 0,\n pointerEvents: 'none',\n '> div': {\n margin: 0\n }\n }\n },\n [`${itemCls}:hover ${actionCls}`]: {\n opacity: 1,\n color: token.colorText\n },\n [`${itemCls}-error`]: {\n color: token.colorError,\n [`${itemCls}-name, ${componentCls}-icon ${iconCls}`]: {\n color: token.colorError\n },\n [actionsCls]: {\n [`${iconCls}, ${iconCls}:hover`]: {\n color: token.colorError\n },\n [actionCls]: {\n opacity: 1\n }\n }\n },\n [`${componentCls}-list-item-container`]: {\n transition: `opacity ${token.motionDurationSlow}, height ${token.motionDurationSlow}`,\n // For smooth removing animation\n '&::before': {\n display: 'table',\n width: 0,\n height: 0,\n content: '\"\"'\n }\n }\n })\n }\n };\n};\nexport default genListStyle;","import { Keyframes } from '@ant-design/cssinjs';\nconst uploadAnimateInlineIn = new Keyframes('uploadAnimateInlineIn', {\n from: {\n width: 0,\n height: 0,\n margin: 0,\n padding: 0,\n opacity: 0\n }\n});\nconst uploadAnimateInlineOut = new Keyframes('uploadAnimateInlineOut', {\n to: {\n width: 0,\n height: 0,\n margin: 0,\n padding: 0,\n opacity: 0\n }\n});\n// =========================== Motion ===========================\nconst genMotionStyle = token => {\n const {\n componentCls\n } = token;\n const inlineCls = `${componentCls}-animate-inline`;\n return [{\n [`${componentCls}-wrapper`]: {\n [`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: {\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseInOutCirc,\n animationFillMode: 'forwards'\n },\n [`${inlineCls}-appear, ${inlineCls}-enter`]: {\n animationName: uploadAnimateInlineIn\n },\n [`${inlineCls}-leave`]: {\n animationName: uploadAnimateInlineOut\n }\n }\n }, uploadAnimateInlineIn, uploadAnimateInlineOut];\n};\nexport default genMotionStyle;","import { TinyColor } from '@ctrl/tinycolor';\nimport { clearFix, textEllipsis } from '../../style';\nconst genPictureStyle = token => {\n const {\n componentCls,\n iconCls,\n uploadThumbnailSize,\n uploadProgressOffset\n } = token;\n const listCls = `${componentCls}-list`;\n const itemCls = `${listCls}-item`;\n return {\n [`${componentCls}-wrapper`]: {\n // ${listCls} 增加优先级\n [`\n ${listCls}${listCls}-picture,\n ${listCls}${listCls}-picture-card,\n ${listCls}${listCls}-picture-circle\n `]: {\n [itemCls]: {\n position: 'relative',\n height: uploadThumbnailSize + token.lineWidth * 2 + token.paddingXS * 2,\n padding: token.paddingXS,\n border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n borderRadius: token.borderRadiusLG,\n '&:hover': {\n background: 'transparent'\n },\n [`${itemCls}-thumbnail`]: Object.assign(Object.assign({}, textEllipsis), {\n width: uploadThumbnailSize,\n height: uploadThumbnailSize,\n lineHeight: `${uploadThumbnailSize + token.paddingSM}px`,\n textAlign: 'center',\n flex: 'none',\n [iconCls]: {\n fontSize: token.fontSizeHeading2,\n color: token.colorPrimary\n },\n img: {\n display: 'block',\n width: '100%',\n height: '100%',\n overflow: 'hidden'\n }\n }),\n [`${itemCls}-progress`]: {\n bottom: uploadProgressOffset,\n width: `calc(100% - ${token.paddingSM * 2}px)`,\n marginTop: 0,\n paddingInlineStart: uploadThumbnailSize + token.paddingXS\n }\n },\n [`${itemCls}-error`]: {\n borderColor: token.colorError,\n // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160\n [`${itemCls}-thumbnail ${iconCls}`]: {\n [`svg path[fill='#e6f7ff']`]: {\n fill: token.colorErrorBg\n },\n [`svg path[fill='#1890ff']`]: {\n fill: token.colorError\n }\n }\n },\n [`${itemCls}-uploading`]: {\n borderStyle: 'dashed',\n [`${itemCls}-name`]: {\n marginBottom: uploadProgressOffset\n }\n }\n },\n [`${listCls}${listCls}-picture-circle ${itemCls}`]: {\n [`&, &::before, ${itemCls}-thumbnail`]: {\n borderRadius: '50%'\n }\n }\n }\n };\n};\nconst genPictureCardStyle = token => {\n const {\n componentCls,\n iconCls,\n fontSizeLG,\n colorTextLightSolid\n } = token;\n const listCls = `${componentCls}-list`;\n const itemCls = `${listCls}-item`;\n const uploadPictureCardSize = token.uploadPicCardSize;\n return {\n [`\n ${componentCls}-wrapper${componentCls}-picture-card-wrapper,\n ${componentCls}-wrapper${componentCls}-picture-circle-wrapper\n `]: Object.assign(Object.assign({}, clearFix()), {\n display: 'inline-block',\n width: '100%',\n [`${componentCls}${componentCls}-select`]: {\n width: uploadPictureCardSize,\n height: uploadPictureCardSize,\n marginInlineEnd: token.marginXS,\n marginBottom: token.marginXS,\n textAlign: 'center',\n verticalAlign: 'top',\n backgroundColor: token.colorFillAlter,\n border: `${token.lineWidth}px dashed ${token.colorBorder}`,\n borderRadius: token.borderRadiusLG,\n cursor: 'pointer',\n transition: `border-color ${token.motionDurationSlow}`,\n [`> ${componentCls}`]: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n textAlign: 'center'\n },\n [`&:not(${componentCls}-disabled):hover`]: {\n borderColor: token.colorPrimary\n }\n },\n // list\n [`${listCls}${listCls}-picture-card, ${listCls}${listCls}-picture-circle`]: {\n [`${listCls}-item-container`]: {\n display: 'inline-block',\n width: uploadPictureCardSize,\n height: uploadPictureCardSize,\n marginBlock: `0 ${token.marginXS}px`,\n marginInline: `0 ${token.marginXS}px`,\n verticalAlign: 'top'\n },\n '&::after': {\n display: 'none'\n },\n [itemCls]: {\n height: '100%',\n margin: 0,\n '&::before': {\n position: 'absolute',\n zIndex: 1,\n width: `calc(100% - ${token.paddingXS * 2}px)`,\n height: `calc(100% - ${token.paddingXS * 2}px)`,\n backgroundColor: token.colorBgMask,\n opacity: 0,\n transition: `all ${token.motionDurationSlow}`,\n content: '\" \"'\n }\n },\n [`${itemCls}:hover`]: {\n [`&::before, ${itemCls}-actions`]: {\n opacity: 1\n }\n },\n [`${itemCls}-actions`]: {\n position: 'absolute',\n insetInlineStart: 0,\n zIndex: 10,\n width: '100%',\n whiteSpace: 'nowrap',\n textAlign: 'center',\n opacity: 0,\n transition: `all ${token.motionDurationSlow}`,\n [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n zIndex: 10,\n width: fontSizeLG,\n margin: `0 ${token.marginXXS}px`,\n fontSize: fontSizeLG,\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n svg: {\n verticalAlign: 'baseline'\n }\n }\n },\n [`${itemCls}-actions, ${itemCls}-actions:hover`]: {\n [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n color: new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(),\n '&:hover': {\n color: colorTextLightSolid\n }\n }\n },\n [`${itemCls}-thumbnail, ${itemCls}-thumbnail img`]: {\n position: 'static',\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'contain'\n },\n [`${itemCls}-name`]: {\n display: 'none',\n textAlign: 'center'\n },\n [`${itemCls}-file + ${itemCls}-name`]: {\n position: 'absolute',\n bottom: token.margin,\n display: 'block',\n width: `calc(100% - ${token.paddingXS * 2}px)`\n },\n [`${itemCls}-uploading`]: {\n [`&${itemCls}`]: {\n backgroundColor: token.colorFillAlter\n },\n [`&::before, ${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n display: 'none'\n }\n },\n [`${itemCls}-progress`]: {\n bottom: token.marginXL,\n width: `calc(100% - ${token.paddingXS * 2}px)`,\n paddingInlineStart: 0\n }\n }\n }),\n [`${componentCls}-wrapper${componentCls}-picture-circle-wrapper`]: {\n [`${componentCls}${componentCls}-select`]: {\n borderRadius: '50%'\n }\n }\n };\n};\nexport { genPictureStyle, genPictureCardStyle };","// =========================== Motion ===========================\nconst genRtlStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-rtl`]: {\n direction: 'rtl'\n }\n };\n};\nexport default genRtlStyle;","import { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport genDraggerStyle from './dragger';\nimport genListStyle from './list';\nimport genMotionStyle from './motion';\nimport { genPictureCardStyle, genPictureStyle } from './picture';\nimport genRtlStyle from './rtl';\nimport { resetComponent } from '../../style';\nimport { genCollapseMotion } from '../../style/motion';\nconst genBaseStyle = token => {\n const {\n componentCls,\n colorTextDisabled\n } = token;\n return {\n [`${componentCls}-wrapper`]: Object.assign(Object.assign({}, resetComponent(token)), {\n [componentCls]: {\n outline: 0,\n \"input[type='file']\": {\n cursor: 'pointer'\n }\n },\n [`${componentCls}-select`]: {\n display: 'inline-block'\n },\n [`${componentCls}-disabled`]: {\n color: colorTextDisabled,\n cursor: 'not-allowed'\n }\n })\n };\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Upload', token => {\n const {\n fontSizeHeading3,\n fontSize,\n lineHeight,\n lineWidth,\n controlHeightLG\n } = token;\n const listItemHeightSM = Math.round(fontSize * lineHeight);\n const uploadToken = mergeToken(token, {\n uploadThumbnailSize: fontSizeHeading3 * 2,\n uploadProgressOffset: listItemHeightSM / 2 + lineWidth,\n uploadPicCardSize: controlHeightLG * 2.55\n });\n return [genBaseStyle(uploadToken), genDraggerStyle(uploadToken), genPictureStyle(uploadToken), genPictureCardStyle(uploadToken), genListStyle(uploadToken), genMotionStyle(uploadToken), genRtlStyle(uploadToken), genCollapseMotion(uploadToken)];\n});","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n function adopt(value) {\n return value instanceof P ? value : new P(function (resolve) {\n resolve(value);\n });\n }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) {\n try {\n step(generator.next(value));\n } catch (e) {\n reject(e);\n }\n }\n function rejected(value) {\n try {\n step(generator[\"throw\"](value));\n } catch (e) {\n reject(e);\n }\n }\n function step(result) {\n result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nimport classNames from 'classnames';\nimport RcUpload from 'rc-upload';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport defaultLocale from '../locale/en_US';\nimport { useLocale } from '../locale';\nimport warning from '../_util/warning';\nimport UploadList from './UploadList';\nimport { file2Obj, getFileItem, removeFileItem, updateFileList } from './utils';\nimport useStyle from './style';\nexport const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;\nconst InternalUpload = (props, ref) => {\n const {\n fileList,\n defaultFileList,\n onRemove,\n showUploadList = true,\n listType = 'text',\n onPreview,\n onDownload,\n onChange,\n onDrop,\n previewFile,\n disabled: customDisabled,\n locale: propLocale,\n iconRender,\n isImageUrl,\n progress,\n prefixCls: customizePrefixCls,\n className,\n type = 'select',\n children,\n style,\n itemRender,\n maxCount,\n data = {},\n multiple = false,\n action = '',\n accept = '',\n supportServerRender = true\n } = props;\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n const [mergedFileList, setMergedFileList] = useMergedState(defaultFileList || [], {\n value: fileList,\n postState: list => list !== null && list !== void 0 ? list : []\n });\n const [dragState, setDragState] = React.useState('drop');\n const upload = React.useRef(null);\n process.env.NODE_ENV !== \"production\" ? warning('fileList' in props || !('value' in props), 'Upload', '`value` is not a valid prop, do you mean `fileList`?') : void 0;\n process.env.NODE_ENV !== \"production\" ? warning(!('transformFile' in props), 'Upload', '`transformFile` is deprecated. Please use `beforeUpload` directly.') : void 0;\n // Control mode will auto fill file uid if not provided\n React.useMemo(() => {\n const timestamp = Date.now();\n (fileList || []).forEach((file, index) => {\n if (!file.uid && !Object.isFrozen(file)) {\n file.uid = `__AUTO__${timestamp}_${index}__`;\n }\n });\n }, [fileList]);\n const onInternalChange = (file, changedFileList, event) => {\n let cloneList = _toConsumableArray(changedFileList);\n // Cut to match count\n if (maxCount === 1) {\n cloneList = cloneList.slice(-1);\n } else if (maxCount) {\n cloneList = cloneList.slice(0, maxCount);\n }\n // Prevent React18 auto batch since input[upload] trigger process at same time\n // which makes fileList closure problem\n flushSync(() => {\n setMergedFileList(cloneList);\n });\n const changeInfo = {\n file: file,\n fileList: cloneList\n };\n if (event) {\n changeInfo.event = event;\n }\n flushSync(() => {\n onChange === null || onChange === void 0 ? void 0 : onChange(changeInfo);\n });\n };\n const mergedBeforeUpload = (file, fileListArgs) => __awaiter(void 0, void 0, void 0, function* () {\n const {\n beforeUpload,\n transformFile\n } = props;\n let parsedFile = file;\n if (beforeUpload) {\n const result = yield beforeUpload(file, fileListArgs);\n if (result === false) {\n return false;\n }\n // Hack for LIST_IGNORE, we add additional info to remove from the list\n delete file[LIST_IGNORE];\n if (result === LIST_IGNORE) {\n Object.defineProperty(file, LIST_IGNORE, {\n value: true,\n configurable: true\n });\n return false;\n }\n if (typeof result === 'object' && result) {\n parsedFile = result;\n }\n }\n if (transformFile) {\n parsedFile = yield transformFile(parsedFile);\n }\n return parsedFile;\n });\n const onBatchStart = batchFileInfoList => {\n // Skip file which marked as `LIST_IGNORE`, these file will not add to file list\n const filteredFileInfoList = batchFileInfoList.filter(info => !info.file[LIST_IGNORE]);\n // Nothing to do since no file need upload\n if (!filteredFileInfoList.length) {\n return;\n }\n const objectFileList = filteredFileInfoList.map(info => file2Obj(info.file));\n // Concat new files with prev files\n let newFileList = _toConsumableArray(mergedFileList);\n objectFileList.forEach(fileObj => {\n // Replace file if exist\n newFileList = updateFileList(fileObj, newFileList);\n });\n objectFileList.forEach((fileObj, index) => {\n // Repeat trigger `onChange` event for compatible\n let triggerFileObj = fileObj;\n if (!filteredFileInfoList[index].parsedFile) {\n // `beforeUpload` return false\n const {\n originFileObj\n } = fileObj;\n let clone;\n try {\n clone = new File([originFileObj], originFileObj.name, {\n type: originFileObj.type\n });\n } catch (e) {\n clone = new Blob([originFileObj], {\n type: originFileObj.type\n });\n clone.name = originFileObj.name;\n clone.lastModifiedDate = new Date();\n clone.lastModified = new Date().getTime();\n }\n clone.uid = fileObj.uid;\n triggerFileObj = clone;\n } else {\n // Inject `uploading` status\n fileObj.status = 'uploading';\n }\n onInternalChange(triggerFileObj, newFileList);\n });\n };\n const onSuccess = (response, file, xhr) => {\n try {\n if (typeof response === 'string') {\n response = JSON.parse(response);\n }\n } catch (e) {\n /* do nothing */\n }\n // removed\n if (!getFileItem(file, mergedFileList)) {\n return;\n }\n const targetItem = file2Obj(file);\n targetItem.status = 'done';\n targetItem.percent = 100;\n targetItem.response = response;\n targetItem.xhr = xhr;\n const nextFileList = updateFileList(targetItem, mergedFileList);\n onInternalChange(targetItem, nextFileList);\n };\n const onProgress = (e, file) => {\n // removed\n if (!getFileItem(file, mergedFileList)) {\n return;\n }\n const targetItem = file2Obj(file);\n targetItem.status = 'uploading';\n targetItem.percent = e.percent;\n const nextFileList = updateFileList(targetItem, mergedFileList);\n onInternalChange(targetItem, nextFileList, e);\n };\n const onError = (error, response, file) => {\n // removed\n if (!getFileItem(file, mergedFileList)) {\n return;\n }\n const targetItem = file2Obj(file);\n targetItem.error = error;\n targetItem.response = response;\n targetItem.status = 'error';\n const nextFileList = updateFileList(targetItem, mergedFileList);\n onInternalChange(targetItem, nextFileList);\n };\n const handleRemove = file => {\n let currentFile;\n Promise.resolve(typeof onRemove === 'function' ? onRemove(file) : onRemove).then(ret => {\n var _a;\n // Prevent removing file\n if (ret === false) {\n return;\n }\n const removedFileList = removeFileItem(file, mergedFileList);\n if (removedFileList) {\n currentFile = Object.assign(Object.assign({}, file), {\n status: 'removed'\n });\n mergedFileList === null || mergedFileList === void 0 ? void 0 : mergedFileList.forEach(item => {\n const matchKey = currentFile.uid !== undefined ? 'uid' : 'name';\n if (item[matchKey] === currentFile[matchKey] && !Object.isFrozen(item)) {\n item.status = 'removed';\n }\n });\n (_a = upload.current) === null || _a === void 0 ? void 0 : _a.abort(currentFile);\n onInternalChange(currentFile, removedFileList);\n }\n });\n };\n const onFileDrop = e => {\n setDragState(e.type);\n if (e.type === 'drop') {\n onDrop === null || onDrop === void 0 ? void 0 : onDrop(e);\n }\n };\n // Test needs\n React.useImperativeHandle(ref, () => ({\n onBatchStart,\n onSuccess,\n onProgress,\n onError,\n fileList: mergedFileList,\n upload: upload.current\n }));\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('upload', customizePrefixCls);\n const rcUploadProps = Object.assign(Object.assign({\n onBatchStart,\n onError,\n onProgress,\n onSuccess\n }, props), {\n data,\n multiple,\n action,\n accept,\n supportServerRender,\n prefixCls,\n disabled: mergedDisabled,\n beforeUpload: mergedBeforeUpload,\n onChange: undefined\n });\n delete rcUploadProps.className;\n delete rcUploadProps.style;\n // Remove id to avoid open by label when trigger is hidden\n // !children: https://github.com/ant-design/ant-design/issues/14298\n // disabled: https://github.com/ant-design/ant-design/issues/16478\n // https://github.com/ant-design/ant-design/issues/24197\n if (!children || mergedDisabled) {\n delete rcUploadProps.id;\n }\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const [contextLocale] = useLocale('Upload', defaultLocale.Upload);\n const {\n showRemoveIcon,\n showPreviewIcon,\n showDownloadIcon,\n removeIcon,\n previewIcon,\n downloadIcon\n } = typeof showUploadList === 'boolean' ? {} : showUploadList;\n const renderUploadList = (button, buttonVisible) => {\n if (!showUploadList) {\n return button;\n }\n return /*#__PURE__*/React.createElement(UploadList, {\n prefixCls: prefixCls,\n listType: listType,\n items: mergedFileList,\n previewFile: previewFile,\n onPreview: onPreview,\n onDownload: onDownload,\n onRemove: handleRemove,\n showRemoveIcon: !mergedDisabled && showRemoveIcon,\n showPreviewIcon: showPreviewIcon,\n showDownloadIcon: showDownloadIcon,\n removeIcon: removeIcon,\n previewIcon: previewIcon,\n downloadIcon: downloadIcon,\n iconRender: iconRender,\n locale: Object.assign(Object.assign({}, contextLocale), propLocale),\n isImageUrl: isImageUrl,\n progress: progress,\n appendAction: button,\n appendActionVisible: buttonVisible,\n itemRender: itemRender\n });\n };\n const rtlCls = {\n [`${prefixCls}-rtl`]: direction === 'rtl'\n };\n if (type === 'drag') {\n const dragCls = classNames(prefixCls, {\n [`${prefixCls}-drag`]: true,\n [`${prefixCls}-drag-uploading`]: mergedFileList.some(file => file.status === 'uploading'),\n [`${prefixCls}-drag-hover`]: dragState === 'dragover',\n [`${prefixCls}-disabled`]: mergedDisabled,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, hashId);\n return wrapSSR( /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(`${prefixCls}-wrapper`, rtlCls, className, hashId)\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: dragCls,\n onDrop: onFileDrop,\n onDragOver: onFileDrop,\n onDragLeave: onFileDrop,\n style: style\n }, /*#__PURE__*/React.createElement(RcUpload, Object.assign({}, rcUploadProps, {\n ref: upload,\n className: `${prefixCls}-btn`\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-drag-container`\n }, children))), renderUploadList()));\n }\n const uploadButtonCls = classNames(prefixCls, `${prefixCls}-select`, {\n [`${prefixCls}-disabled`]: mergedDisabled\n });\n const renderUploadButton = uploadButtonStyle => /*#__PURE__*/React.createElement(\"div\", {\n className: uploadButtonCls,\n style: uploadButtonStyle\n }, /*#__PURE__*/React.createElement(RcUpload, Object.assign({}, rcUploadProps, {\n ref: upload\n })));\n const uploadButton = renderUploadButton(children ? undefined : {\n display: 'none'\n });\n if (listType === 'picture-card' || listType === 'picture-circle') {\n return wrapSSR( /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(`${prefixCls}-wrapper`, {\n [`${prefixCls}-picture-card-wrapper`]: listType === 'picture-card',\n [`${prefixCls}-picture-circle-wrapper`]: listType === 'picture-circle'\n }, rtlCls, className, hashId)\n }, renderUploadList(uploadButton, !!children)));\n }\n return wrapSSR( /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(`${prefixCls}-wrapper`, rtlCls, className, hashId)\n }, uploadButton, renderUploadList()));\n};\nconst Upload = /*#__PURE__*/React.forwardRef(InternalUpload);\nif (process.env.NODE_ENV !== 'production') {\n Upload.displayName = 'Upload';\n}\nexport default Upload;","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport Upload from './Upload';\nconst Dragger = /*#__PURE__*/React.forwardRef((_a, ref) => {\n var {\n style,\n height\n } = _a,\n restProps = __rest(_a, [\"style\", \"height\"]);\n return /*#__PURE__*/React.createElement(Upload, Object.assign({\n ref: ref\n }, restProps, {\n type: \"drag\",\n style: Object.assign(Object.assign({}, style), {\n height\n })\n }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Dragger.displayName = 'Dragger';\n}\nexport default Dragger;","import Dragger from './Dragger';\nimport InternalUpload, { LIST_IGNORE } from './Upload';\nconst Upload = InternalUpload;\nUpload.Dragger = Dragger;\nUpload.LIST_IGNORE = LIST_IGNORE;\nexport default Upload;","// This icon file is generated automatically.\nvar UploadOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z\" } }] }, \"name\": \"upload\", \"theme\": \"outlined\" };\nexport default UploadOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport UploadOutlinedSvg from \"@ant-design/icons-svg/es/asn/UploadOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar UploadOutlined = function UploadOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: UploadOutlinedSvg\n }));\n};\nUploadOutlined.displayName = 'UploadOutlined';\nexport default /*#__PURE__*/React.forwardRef(UploadOutlined);","import { useEffect, useState } from \"react\";\r\nimport { Upload as AntUpload } from \"antd\";\r\nimport { UploadOutlined } from \"@ant-design/icons\";\r\nimport { UploadChangeParam } from \"antd/lib/upload\";\r\nimport { UploadFile } from \"antd/lib/upload/interface\";\r\nimport { UploadFileType } from \"@Models\";\r\nimport { Client, GraphQLHandler } from \"@Utils\";\r\nimport { Alert, Button } from \"@Components\";\r\nimport { Comparison, FileTypeDetailListDocument, FileTypeDetailListResult, FileTypeDetailListVariables } from \"@Schema\";\r\n\r\nexport interface IProps {\r\n multiple?: boolean;\r\n onChange?: (value: UploadFile[]) => void;\r\n fileList?: UploadFile[];\r\n fileType: UploadFileType;\r\n disabled?: boolean;\r\n}\r\n\r\nconst Upload = ({ onChange, fileType, fileList, multiple = false, disabled = false }: IProps) => {\r\n const [localFileList, setLocalFileList] = useState([]);\r\n const [accept, setAccept] = useState(\"\");\r\n const [fileTypeList, setFileTypeList] = useState([]);\r\n\r\n useEffect(() => {\r\n const loadFileTypes = async () => {\r\n const result = await GraphQLHandler(\r\n Client.query({\r\n query: FileTypeDetailListDocument,\r\n variables: {\r\n filter: {\r\n where: [\r\n {\r\n field: \"fileType.key\",\r\n value: fileType,\r\n comparison: Comparison.Equal,\r\n },\r\n ],\r\n },\r\n },\r\n }),\r\n );\r\n if (result.ok) {\r\n const data = result.data?.data?.fileTypeDetails?.list;\r\n setFileTypeList(data ?? []);\r\n if (data) {\r\n setAccept(data.map((x: any) => `.${x.extension}`).join(\",\"));\r\n }\r\n } else {\r\n setFileTypeList([]);\r\n }\r\n };\r\n\r\n loadFileTypes();\r\n }, [fileType]);\r\n\r\n useEffect(() => {\r\n if (fileList !== undefined) {\r\n setLocalFileList(fileList);\r\n }\r\n }, [fileList]);\r\n\r\n const onFileChange = (info: UploadChangeParam) => {\r\n let newFileList = [...info.fileList];\r\n\r\n newFileList = newFileList.map((file) => {\r\n if (file.response) {\r\n file.url = file.response.url;\r\n }\r\n return file;\r\n });\r\n\r\n setLocalFileList(newFileList);\r\n\r\n onChange?.(newFileList);\r\n };\r\n\r\n const onFileRemove = (file: UploadFile) => {\r\n const newFileList = localFileList.filter((x) => x.uid !== file.uid);\r\n setLocalFileList(newFileList);\r\n\r\n onChange?.(newFileList);\r\n };\r\n\r\n const renderFileTypes = () => {\r\n if (!fileTypeList || fileTypeList.length === 0) {\r\n return null;\r\n }\r\n const description = fileTypeList.map((x: any) => `فایل ${x.extension} - سایز ${x.size} کیلوبایت`);\r\n\r\n return ;\r\n };\r\n\r\n if (!fileTypeList || fileTypeList.length === 0) {\r\n disabled = true;\r\n } else if (!multiple && fileList && fileList.length > 0) {\r\n disabled = true;\r\n }\r\n\r\n return (\r\n <>\r\n {renderFileTypes()}\r\n \r\n }>\r\n برای انتخاب فایل کلیک نمایید\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Upload;\r\n","import { Space, Modal, Divider } from \"@Components\";\r\nimport { useState } from \"react\";\r\nimport { PrintTypes } from \"@Models\";\r\n\r\nconst usePrintModal = () => {\r\n const [visible, setVisible] = useState(false);\r\n const [printType, setPrintType] = useState();\r\n const [body, setBody] = useState(undefined);\r\n\r\n const renderIFrame = () => {\r\n if (!visible || !printType || !body) {\r\n return null;\r\n }\r\n let url = \"/api/print/v2\";\r\n url += `?key=${printType}`;\r\n if (body) {\r\n url += `&body=${encodeURIComponent(JSON.stringify(body))}`;\r\n }\r\n return ;\r\n };\r\n\r\n const modal = (\r\n {\r\n setVisible(false);\r\n setPrintType(undefined);\r\n setBody(undefined);\r\n }}\r\n destroyOnClose={true}\r\n footer={null}\r\n >\r\n \r\n \r\n {renderIFrame()}\r\n \r\n \r\n );\r\n\r\n const open = (type: PrintTypes, body: any) => {\r\n setPrintType(type);\r\n setBody(body);\r\n setVisible(true);\r\n };\r\n\r\n return {\r\n open,\r\n modal,\r\n };\r\n};\r\n\r\nexport default usePrintModal;\r\n","type Props = {\r\n condition: boolean;\r\n children: JSX.Element;\r\n};\r\n\r\nconst ShowIf = ({ condition, children }: Props) => {\r\n if (condition) {\r\n return children;\r\n }\r\n return null;\r\n};\r\n\r\nexport default ShowIf;\r\n","import React from \"react\";\r\nimport { Select as AntSelect, Spin } from \"antd\";\r\nimport { SelectProps as AntSelectProps } from \"antd/lib/select\";\r\nimport { FindParentBySelector, Client, GraphQLHandler, isEqual, fixString } from \"@Utils\";\r\nimport { Option as RcOption, OptGroup as RcOptGroup } from \"rc-select\";\r\nimport { DocumentNode } from \"@apollo/client\";\r\nimport { LanguageConversion } from \"@Models\";\r\n\r\ninterface IProps extends Omit, \"children\"> {\r\n query: DocumentNode;\r\n variables: (searchValue: string) => any;\r\n valueProp: string;\r\n displayProp: string | ((value: any) => string);\r\n onChange?: (value, item) => void;\r\n skip?: boolean;\r\n languageConversion?: LanguageConversion;\r\n searchMinimumLength: number;\r\n}\r\n\r\ninterface IStates {\r\n data: any[];\r\n loading: boolean;\r\n reload: false;\r\n open: boolean;\r\n localSearchValue: string;\r\n}\r\n\r\nclass SelectSearch extends React.Component {\r\n public static Option: typeof RcOption = AntSelect.Option;\r\n public static OptGroup: typeof RcOptGroup = AntSelect.OptGroup;\r\n\r\n public static defaultProps: Partial = {\r\n placeholder: \"انتخاب نمایید\",\r\n valueProp: \"id\",\r\n displayProp: \"title\",\r\n showArrow: true,\r\n skip: false,\r\n searchMinimumLength: 1,\r\n };\r\n\r\n constructor(props: IProps) {\r\n super(props);\r\n this.state = {\r\n data: [],\r\n loading: false,\r\n reload: false,\r\n open: false,\r\n localSearchValue: \"\",\r\n };\r\n }\r\n\r\n public componentDidUpdate(prevProps: IProps) {\r\n if (!isEqual(prevProps.skip, this.props.skip)) {\r\n this.onChange(undefined);\r\n this.loadData();\r\n }\r\n }\r\n\r\n public render() {\r\n const {\r\n query,\r\n value,\r\n valueProp,\r\n displayProp,\r\n skip,\r\n languageConversion,\r\n searchValue,\r\n searchMinimumLength,\r\n variables,\r\n ...props\r\n } = this.props;\r\n const { open, localSearchValue } = this.state;\r\n\r\n const selectProps: AntSelectProps = {\r\n allowClear: true,\r\n ...props,\r\n getPopupContainer: this.getParents,\r\n showSearch: true,\r\n showArrow: true,\r\n optionFilterProp: \"children\",\r\n value: this.getValue(value),\r\n searchValue: localSearchValue,\r\n onSearch: this.onSearch,\r\n };\r\n if (this.props.mode === \"multiple\") {\r\n selectProps.onFocus = this.onFocus;\r\n selectProps.onBlur = this.onBlur;\r\n selectProps.open = open;\r\n }\r\n selectProps.onChange = this.onChange;\r\n selectProps.notFoundContent = this.state.loading ? : \"گزینه ای وجود ندارد\";\r\n if (this.state.loading) {\r\n selectProps.placeholder = \"در حال بارگذاری\";\r\n selectProps.value = undefined;\r\n selectProps.loading = true;\r\n } else {\r\n selectProps.value = this.getValue(value);\r\n }\r\n return {this.getOptionsFromData()};\r\n }\r\n\r\n private onFocus = () => {\r\n this.setState({ open: true });\r\n };\r\n\r\n private onBlur = () => {\r\n this.setState({ open: false });\r\n };\r\n\r\n private onSearch = (value: string) => {\r\n value = fixString(value, this.props.languageConversion);\r\n this.setState({ localSearchValue: value });\r\n if (value.length < this.props.searchMinimumLength) {\r\n return;\r\n }\r\n this.loadData();\r\n };\r\n\r\n private onChange = (value: any): void => {\r\n if (!value) {\r\n this.setState({ data: [] });\r\n }\r\n if (this.props.onChange) {\r\n if (this.props.labelInValue) {\r\n const item = this.state.data.filter(\r\n (x) => x[this.props.valueProp]?.toString() === value?.value?.toString(),\r\n )[0];\r\n this.props.onChange(value, item);\r\n } else {\r\n const item = this.state.data.filter(\r\n (x) => x[this.props.valueProp]?.toString() === value?.toString(),\r\n )[0];\r\n this.props.onChange(value, item);\r\n }\r\n }\r\n };\r\n\r\n private getOptionsFromData = (): React.ReactNode => {\r\n const { data } = this.state;\r\n return data.map((item, index) => {\r\n const id = this.getPropFromString(item, this.props.valueProp);\r\n const title = this.getProp(item, this.props.displayProp);\r\n const key = (id || index).toString();\r\n return (\r\n \r\n {title}\r\n \r\n );\r\n });\r\n };\r\n\r\n private getParents = (target: Element): HTMLElement => {\r\n const parent = FindParentBySelector(target, \".ant-modal-body\");\r\n if (parent) {\r\n return parent as any;\r\n }\r\n return document.body;\r\n };\r\n\r\n private getProp = (record: any, displayProp: string | ((_: any) => void)) => {\r\n if (typeof displayProp === \"string\") {\r\n return this.getPropFromString(record, displayProp);\r\n } else {\r\n return displayProp(record);\r\n }\r\n };\r\n\r\n private getPropFromString = (o: any, s: string) => {\r\n s = s.replace(/\\[(\\w+)\\]/g, \".$1\"); // convert indexes to properties\r\n s = s.replace(/^\\./, \"\"); // strip a leading dot\r\n const a = s.split(\".\");\r\n for (var i = 0, n = a.length; i < n; ++i) {\r\n const k = a[i];\r\n if (k in o) {\r\n o = o[k];\r\n } else {\r\n return;\r\n }\r\n }\r\n return o;\r\n };\r\n\r\n private loadData = async () => {\r\n if (this.props.skip || this.state.localSearchValue.length < this.props.searchMinimumLength) {\r\n return;\r\n }\r\n const variables = this.props.variables(this.state.localSearchValue);\r\n this.setState({ loading: true, reload: false, data: [] });\r\n const res = await GraphQLHandler(\r\n Client.query({\r\n query: this.props.query,\r\n variables: variables,\r\n }),\r\n );\r\n\r\n if (res.ok) {\r\n const temp = res.data?.data;\r\n const data: any[] = temp[Object.keys(temp)[0]].list;\r\n\r\n this.setState({ data, loading: false });\r\n } else {\r\n this.setState({ data: [], loading: false });\r\n }\r\n };\r\n\r\n private getValue = (value: any): string | string[] | undefined => {\r\n if (this.props.mode === \"multiple\" || this.props.mode === \"tags\") {\r\n if (!value) {\r\n return [];\r\n }\r\n if (!Array.isArray(value)) {\r\n return [`${value}`];\r\n } else {\r\n return value.map((x) => `${x}`);\r\n }\r\n } else {\r\n if (!value) {\r\n return undefined;\r\n }\r\n if (typeof value === \"object\") {\r\n return value;\r\n } else if (!(typeof value === \"string\")) {\r\n return value.toString();\r\n }\r\n }\r\n return value;\r\n };\r\n}\r\n\r\nexport default SelectSearch;\r\n","import { forwardRef } from \"react\";\r\nimport { Input as AntInput } from \"antd\";\r\nimport { fixString } from \"@Utils\";\r\nimport { LanguageConversion } from \"@Models\";\r\nimport { TextAreaRef, TextAreaProps } from \"antd/lib/input/TextArea\";\r\n\r\ninterface IProps extends Omit {\r\n onChange?: (value: string) => void;\r\n languageConversion?: LanguageConversion;\r\n}\r\n\r\nconst Input = forwardRef(({ onChange, languageConversion, ...props }: IProps, ref) => {\r\n const onLocalChange = (event) => {\r\n let { value } = event.target;\r\n value = fixString(value, languageConversion);\r\n if (onChange) {\r\n if (value) {\r\n onChange(value);\r\n } else {\r\n onChange(\"\");\r\n }\r\n }\r\n };\r\n\r\n return ;\r\n});\r\n\r\nexport default Input;\r\n","// This icon file is generated automatically.\nvar LogoutOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8-7 8.5-14.5 16.7-22.4 24.5a353.84 353.84 0 01-112.7 75.9A352.8 352.8 0 01512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.84 353.84 0 01-112.7-75.9 353.28 353.28 0 01-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 7.9 7.9 15.3 16.1 22.4 24.5 3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82 271.7 82.6 79.6 277.1 82 516.4 84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7 3.4-5.3-.4-12.3-6.7-12.3zm88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 000-12.6z\" } }] }, \"name\": \"logout\", \"theme\": \"outlined\" };\nexport default LogoutOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport LogoutOutlinedSvg from \"@ant-design/icons-svg/es/asn/LogoutOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar LogoutOutlined = function LogoutOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: LogoutOutlinedSvg\n }));\n};\nLogoutOutlined.displayName = 'LogoutOutlined';\nexport default /*#__PURE__*/React.forwardRef(LogoutOutlined);","import { useObservable } from \"micro-observables\";\r\nimport { AuthService } from \"@Utils\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Dropdown, Menu } from \"antd\";\r\nimport { LogoutOutlined, UserOutlined } from \"@ant-design/icons\";\r\n\r\nconst menuItems = [\r\n {\r\n key: \"logout\",\r\n label: (\r\n <>\r\n خروج\r\n \r\n ),\r\n },\r\n];\r\n\r\nconst DashboardHeader = () => {\r\n const user = useObservable(AuthService.user);\r\n\r\n const getTitle = () => {\r\n return \"فدراسیون پزشکی ورزشی جمهوری اسلامی ایران\";\r\n };\r\n\r\n const onNoopClick = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n const onMenuClick = (e) => {\r\n const key = e.key;\r\n switch (key) {\r\n case \"logout\": {\r\n AuthService.logout();\r\n break;\r\n }\r\n default: {\r\n break;\r\n }\r\n }\r\n };\r\n\r\n const menu = ;\r\n\r\n return (\r\n \r\n
\r\n \r\n
{getTitle()}
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Detail;\r\n","import { useMutation } from \"@apollo/client\";\r\nimport { AthleteChangePasswordResult, AthleteChangePasswordVariables, AthleteChangePasswordDocument } from \"@Schema\";\r\n\r\nexport const useAthleteChangePassword = () => {\r\n const [request, { loading }] = useMutation(\r\n AthleteChangePasswordDocument,\r\n );\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n","import { Header } from \"@Components\";\r\nimport DetailPage from \"./detail\";\r\n\r\nconst PaymentConfirm = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PaymentConfirm;\r\n","import { invariant } from '../../utilities/globals';\nimport * as React from 'react';\n\nimport { canUseLayoutEffect } from '../../utilities';\n\nlet didWarnUncachedGetSnapshot = false;\n\ntype RealUseSESHookType =\n // This import depends only on the @types/use-sync-external-store package, not\n // the actual use-sync-external-store package, which is not installed. It\n // might be nice to get this type from React 18, but it still needs to work\n // when only React 17 or earlier is installed.\n typeof import(\"use-sync-external-store\").useSyncExternalStore;\n\n// Prevent webpack from complaining about our feature detection of the\n// useSyncExternalStore property of the React namespace, which is expected not\n// to exist when using React 17 and earlier, and that's fine.\nconst uSESKey = \"useSyncExternalStore\" as keyof typeof React;\nconst realHook = React[uSESKey] as RealUseSESHookType | undefined;\n\n// Adapted from https://www.npmjs.com/package/use-sync-external-store, with\n// Apollo Client deviations called out by \"// DEVIATION ...\" comments.\n\n// When/if React.useSyncExternalStore is defined, delegate fully to it.\nexport const useSyncExternalStore: RealUseSESHookType = realHook || ((\n subscribe,\n getSnapshot,\n getServerSnapshot,\n) => {\n // Read the current snapshot from the store on every render. Again, this\n // breaks the rules of React, and only works here because of specific\n // implementation details, most importantly that updates are\n // always synchronous.\n const value = getSnapshot();\n if (\n // DEVIATION: Using our own __DEV__ polyfill (from ../../utilities/globals).\n __DEV__ &&\n !didWarnUncachedGetSnapshot &&\n // DEVIATION: Not using Object.is because we know our snapshots will never\n // be exotic primitive values like NaN, which is !== itself.\n value !== getSnapshot()\n ) {\n didWarnUncachedGetSnapshot = true;\n // DEVIATION: Using invariant.error instead of console.error directly.\n invariant.error(\n 'The result of getSnapshot should be cached to avoid an infinite loop',\n );\n }\n\n // Because updates are synchronous, we don't queue them. Instead we force a\n // re-render whenever the subscribed state changes by updating an some\n // arbitrary useState hook. Then, during render, we call getSnapshot to read\n // the current value.\n //\n // Because we don't actually use the state returned by the useState hook, we\n // can save a bit of memory by storing other stuff in that slot.\n //\n // To implement the early bailout, we need to track some things on a mutable\n // object. Usually, we would put that in a useRef hook, but we can stash it in\n // our useState hook instead.\n //\n // To force a re-render, we call forceUpdate({inst}). That works because the\n // new object always fails an equality check.\n const [{inst}, forceUpdate] = React.useState({inst: {value, getSnapshot}});\n\n // Track the latest getSnapshot function with a ref. This needs to be updated\n // in the layout phase so we can access it during the tearing check that\n // happens on subscribe.\n if (canUseLayoutEffect) {\n // DEVIATION: We avoid calling useLayoutEffect when !canUseLayoutEffect,\n // which may seem like a conditional hook, but this code ends up behaving\n // unconditionally (one way or the other) because canUseLayoutEffect is\n // constant.\n React.useLayoutEffect(() => {\n Object.assign(inst, { value, getSnapshot });\n // Whenever getSnapshot or subscribe changes, we need to check in the\n // commit phase if there was an interleaved mutation. In concurrent mode\n // this can happen all the time, but even in synchronous mode, an earlier\n // effect may have mutated the store.\n if (checkIfSnapshotChanged(inst)) {\n // Force a re-render.\n forceUpdate({inst});\n }\n }, [subscribe, value, getSnapshot]);\n } else {\n Object.assign(inst, { value, getSnapshot });\n }\n\n React.useEffect(() => {\n // Check for changes right before subscribing. Subsequent changes will be\n // detected in the subscription handler.\n if (checkIfSnapshotChanged(inst)) {\n // Force a re-render.\n forceUpdate({inst});\n }\n\n // Subscribe to the store and return a clean-up function.\n return subscribe(function handleStoreChange() {\n // TODO: Because there is no cross-renderer API for batching updates, it's\n // up to the consumer of this library to wrap their subscription event\n // with unstable_batchedUpdates. Should we try to detect when this isn't\n // the case and print a warning in development?\n\n // The store changed. Check if the snapshot changed since the last time we\n // read from the store.\n if (checkIfSnapshotChanged(inst)) {\n // Force a re-render.\n forceUpdate({inst});\n }\n });\n }, [subscribe]);\n\n return value;\n});\n\nfunction checkIfSnapshotChanged({\n value,\n getSnapshot,\n}: {\n value: Snapshot;\n getSnapshot: () => Snapshot;\n}): boolean {\n try {\n return value !== getSnapshot();\n } catch {\n return true;\n }\n}\n","import { invariant } from '../../utilities/globals';\n\nimport {\n useCallback,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useSyncExternalStore } from './useSyncExternalStore';\nimport { equal } from '@wry/equality';\n\nimport { mergeOptions, OperationVariables, WatchQueryFetchPolicy } from '../../core';\nimport { ApolloContextValue, getApolloContext } from '../context';\nimport { ApolloError } from '../../errors';\nimport {\n ApolloClient,\n ApolloQueryResult,\n NetworkStatus,\n ObservableQuery,\n DocumentNode,\n TypedDocumentNode,\n WatchQueryOptions,\n} from '../../core';\nimport {\n QueryHookOptions,\n QueryResult,\n ObservableQueryFields,\n} from '../types/types';\n\nimport { DocumentType, verifyDocumentType } from '../parser';\nimport { useApolloClient } from './useApolloClient';\nimport { canUseWeakMap, compact, isNonEmptyArray, maybeDeepFreeze } from '../../utilities';\n\nconst {\n prototype: {\n hasOwnProperty,\n },\n} = Object;\n\nexport function useQuery<\n TData = any,\n TVariables extends OperationVariables = OperationVariables,\n>(\n query: DocumentNode | TypedDocumentNode,\n options: QueryHookOptions = Object.create(null),\n): QueryResult {\n return useInternalState(\n useApolloClient(options.client),\n query,\n ).useQuery(options);\n}\n\nexport function useInternalState(\n client: ApolloClient,\n query: DocumentNode | TypedDocumentNode,\n): InternalState {\n const stateRef = useRef>();\n if (\n !stateRef.current ||\n client !== stateRef.current.client ||\n query !== stateRef.current.query\n ) {\n stateRef.current = new InternalState(client, query, stateRef.current);\n }\n const state = stateRef.current;\n\n // By default, InternalState.prototype.forceUpdate is an empty function, but\n // we replace it here (before anyone has had a chance to see this state yet)\n // with a function that unconditionally forces an update, using the latest\n // setTick function. Updating this state by calling state.forceUpdate is the\n // only way we trigger React component updates (no other useState calls within\n // the InternalState class).\n const [_tick, setTick] = useState(0);\n state.forceUpdate = () => {\n setTick(tick => tick + 1);\n };\n\n return state;\n}\n\nclass InternalState {\n constructor(\n public readonly client: ReturnType,\n public readonly query: DocumentNode | TypedDocumentNode,\n previous?: InternalState,\n ) {\n verifyDocumentType(query, DocumentType.Query);\n\n // Reuse previousData from previous InternalState (if any) to provide\n // continuity of previousData even if/when the query or client changes.\n const previousResult = previous && previous.result;\n const previousData = previousResult && previousResult.data;\n if (previousData) {\n this.previousData = previousData;\n }\n }\n\n forceUpdate() {\n // Replaced (in useInternalState) with a method that triggers an update.\n invariant.warn(\"Calling default no-op implementation of InternalState#forceUpdate\");\n }\n\n executeQuery(options: QueryHookOptions) {\n if (options.query) {\n Object.assign(this, { query: options.query })\n }\n\n this.watchQueryOptions = this.createWatchQueryOptions(\n this.queryHookOptions = options,\n );\n\n const concast = this.observable.reobserveAsConcast(\n this.getObsQueryOptions()\n );\n\n // Make sure getCurrentResult returns a fresh ApolloQueryResult,\n // but save the current data as this.previousData, just like setResult\n // usually does.\n this.previousData = this.result?.data || this.previousData;\n this.result = void 0;\n this.forceUpdate();\n\n return new Promise>((resolve) => {\n let result: ApolloQueryResult;\n\n // Subscribe to the concast independently of the ObservableQuery in case \n // the component gets unmounted before the promise resolves. This prevents\n // the concast from terminating early and resolving with `undefined` when\n // there are no more subscribers for the concast.\n concast.subscribe({\n next: (value) => {\n result = value;\n },\n error: () => {\n resolve(this.toQueryResult(this.observable.getCurrentResult()));\n },\n complete: () => {\n resolve(this.toQueryResult(result));\n }\n });\n });\n }\n\n // Methods beginning with use- should be called according to the standard\n // rules of React hooks: only at the top level of the calling function, and\n // without any dynamic conditional logic.\n useQuery(options: QueryHookOptions) {\n // The renderPromises field gets initialized here in the useQuery method, at\n // the beginning of everything (for a given component rendering, at least),\n // so we can safely use this.renderPromises in other/later InternalState\n // methods without worrying it might be uninitialized. Even after\n // initialization, this.renderPromises is usually undefined (unless SSR is\n // happening), but that's fine as long as it has been initialized that way,\n // rather than left uninitialized.\n this.renderPromises = useContext(getApolloContext()).renderPromises;\n\n this.useOptions(options);\n\n const obsQuery = this.useObservableQuery();\n\n const result = useSyncExternalStore(\n useCallback(() => {\n if (this.renderPromises) {\n return () => {};\n }\n\n const onNext = () => {\n const previousResult = this.result;\n // We use `getCurrentResult()` instead of the onNext argument because\n // the values differ slightly. Specifically, loading results will have\n // an empty object for data instead of `undefined` for some reason.\n const result = obsQuery.getCurrentResult();\n // Make sure we're not attempting to re-render similar results\n if (\n previousResult &&\n previousResult.loading === result.loading &&\n previousResult.networkStatus === result.networkStatus &&\n equal(previousResult.data, result.data)\n ) {\n return;\n }\n\n this.setResult(result);\n };\n\n const onError = (error: Error) => {\n const last = obsQuery[\"last\"];\n subscription.unsubscribe();\n // Unfortunately, if `lastError` is set in the current\n // `observableQuery` when the subscription is re-created,\n // the subscription will immediately receive the error, which will\n // cause it to terminate again. To avoid this, we first clear\n // the last error/result from the `observableQuery` before re-starting\n // the subscription, and restore it afterwards (so the subscription\n // has a chance to stay open).\n try {\n obsQuery.resetLastResults();\n subscription = obsQuery.subscribe(onNext, onError);\n } finally {\n obsQuery[\"last\"] = last;\n }\n\n if (!hasOwnProperty.call(error, 'graphQLErrors')) {\n // The error is not a GraphQL error\n throw error;\n }\n\n const previousResult = this.result;\n if (\n !previousResult ||\n (previousResult && previousResult.loading) ||\n !equal(error, previousResult.error)\n ) {\n this.setResult({\n data: (previousResult && previousResult.data) as TData,\n error: error as ApolloError,\n loading: false,\n networkStatus: NetworkStatus.error,\n });\n }\n };\n\n let subscription = obsQuery.subscribe(onNext, onError);\n\n // Do the \"unsubscribe\" with a short delay.\n // This way, an existing subscription can be reused without an additional\n // request if \"unsubscribe\" and \"resubscribe\" to the same ObservableQuery \n // happen in very fast succession.\n return () => setTimeout(() => subscription.unsubscribe());\n }, [\n // We memoize the subscribe function using useCallback and the following\n // dependency keys, because the subscribe function reference is all that\n // useSyncExternalStore uses internally as a dependency key for the\n // useEffect ultimately responsible for the subscription, so we are\n // effectively passing this dependency array to that useEffect buried\n // inside useSyncExternalStore, as desired.\n obsQuery,\n this.renderPromises,\n this.client.disableNetworkFetches,\n ]),\n\n () => this.getCurrentResult(),\n () => this.getCurrentResult(),\n );\n\n // TODO Remove this method when we remove support for options.partialRefetch.\n this.unsafeHandlePartialRefetch(result);\n\n return this.toQueryResult(result);\n }\n\n // These members (except for renderPromises) are all populated by the\n // useOptions method, which is called unconditionally at the beginning of the\n // useQuery method, so we can safely use these members in other/later methods\n // without worrying they might be uninitialized.\n private renderPromises: ApolloContextValue[\"renderPromises\"];\n private queryHookOptions: QueryHookOptions;\n private watchQueryOptions: WatchQueryOptions;\n\n private useOptions(\n options: QueryHookOptions,\n ) {\n const watchQueryOptions = this.createWatchQueryOptions(\n this.queryHookOptions = options,\n );\n\n // Update this.watchQueryOptions, but only when they have changed, which\n // allows us to depend on the referential stability of\n // this.watchQueryOptions elsewhere.\n const currentWatchQueryOptions = this.watchQueryOptions;\n\n if (!equal(watchQueryOptions, currentWatchQueryOptions)) {\n this.watchQueryOptions = watchQueryOptions;\n\n if (currentWatchQueryOptions && this.observable) {\n // Though it might be tempting to postpone this reobserve call to the\n // useEffect block, we need getCurrentResult to return an appropriate\n // loading:true result synchronously (later within the same call to\n // useQuery). Since we already have this.observable here (not true for\n // the very first call to useQuery), we are not initiating any new\n // subscriptions, though it does feel less than ideal that reobserve\n // (potentially) kicks off a network request (for example, when the\n // variables have changed), which is technically a side-effect.\n this.observable.reobserve(this.getObsQueryOptions());\n\n // Make sure getCurrentResult returns a fresh ApolloQueryResult,\n // but save the current data as this.previousData, just like setResult\n // usually does.\n this.previousData = this.result?.data || this.previousData;\n this.result = void 0;\n }\n }\n\n // Make sure state.onCompleted and state.onError always reflect the latest\n // options.onCompleted and options.onError callbacks provided to useQuery,\n // since those functions are often recreated every time useQuery is called.\n // Like the forceUpdate method, the versions of these methods inherited from\n // InternalState.prototype are empty no-ops, but we can override them on the\n // base state object (without modifying the prototype).\n this.onCompleted = options.onCompleted || InternalState.prototype.onCompleted;\n this.onError = options.onError || InternalState.prototype.onError;\n\n if (\n (this.renderPromises || this.client.disableNetworkFetches) &&\n this.queryHookOptions.ssr === false &&\n !this.queryHookOptions.skip\n ) {\n // If SSR has been explicitly disabled, and this function has been called\n // on the server side, return the default loading state.\n this.result = this.ssrDisabledResult;\n } else if (\n this.queryHookOptions.skip ||\n this.watchQueryOptions.fetchPolicy === 'standby'\n ) {\n // When skipping a query (ie. we're not querying for data but still want to\n // render children), make sure the `data` is cleared out and `loading` is\n // set to `false` (since we aren't loading anything).\n //\n // NOTE: We no longer think this is the correct behavior. Skipping should\n // not automatically set `data` to `undefined`, but instead leave the\n // previous data in place. In other words, skipping should not mandate that\n // previously received data is all of a sudden removed. Unfortunately,\n // changing this is breaking, so we'll have to wait until Apollo Client 4.0\n // to address this.\n this.result = this.skipStandbyResult;\n } else if (\n this.result === this.ssrDisabledResult ||\n this.result === this.skipStandbyResult\n ) {\n this.result = void 0;\n }\n }\n\n private getObsQueryOptions(): WatchQueryOptions {\n const toMerge: Array<\n Partial>\n > = [];\n\n const globalDefaults = this.client.defaultOptions.watchQuery;\n if (globalDefaults) toMerge.push(globalDefaults);\n\n if (this.queryHookOptions.defaultOptions) {\n toMerge.push(this.queryHookOptions.defaultOptions);\n }\n\n // We use compact rather than mergeOptions for this part of the merge,\n // because we want watchQueryOptions.variables (if defined) to replace\n // this.observable.options.variables whole. This replacement allows\n // removing variables by removing them from the variables input to\n // useQuery. If the variables were always merged together (rather than\n // replaced), there would be no way to remove existing variables.\n // However, the variables from options.defaultOptions and globalDefaults\n // (if provided) should be merged, to ensure individual defaulted\n // variables always have values, if not otherwise defined in\n // observable.options or watchQueryOptions.\n toMerge.push(compact(\n this.observable && this.observable.options,\n this.watchQueryOptions,\n ));\n\n return toMerge.reduce(\n mergeOptions\n ) as WatchQueryOptions;\n }\n\n private ssrDisabledResult = maybeDeepFreeze({\n loading: true,\n data: void 0 as unknown as TData,\n error: void 0,\n networkStatus: NetworkStatus.loading,\n });\n\n private skipStandbyResult = maybeDeepFreeze({\n loading: false,\n data: void 0 as unknown as TData,\n error: void 0,\n networkStatus: NetworkStatus.ready,\n });\n\n // A function to massage options before passing them to ObservableQuery.\n private createWatchQueryOptions({\n skip,\n ssr,\n onCompleted,\n onError,\n defaultOptions,\n // The above options are useQuery-specific, so this ...otherOptions spread\n // makes otherOptions almost a WatchQueryOptions object, except for the\n // query property that we add below.\n ...otherOptions\n }: QueryHookOptions = {}): WatchQueryOptions {\n // This Object.assign is safe because otherOptions is a fresh ...rest object\n // that did not exist until just now, so modifications are still allowed.\n const watchQueryOptions: WatchQueryOptions =\n Object.assign(otherOptions, { query: this.query });\n\n if (\n this.renderPromises &&\n (\n watchQueryOptions.fetchPolicy === 'network-only' ||\n watchQueryOptions.fetchPolicy === 'cache-and-network'\n )\n ) {\n // this behavior was added to react-apollo without explanation in this PR\n // https://github.com/apollographql/react-apollo/pull/1579\n watchQueryOptions.fetchPolicy = 'cache-first';\n }\n\n if (!watchQueryOptions.variables) {\n watchQueryOptions.variables = {} as TVariables;\n }\n\n if (skip) {\n const {\n fetchPolicy = this.getDefaultFetchPolicy(),\n initialFetchPolicy = fetchPolicy,\n } = watchQueryOptions;\n\n // When skipping, we set watchQueryOptions.fetchPolicy initially to\n // \"standby\", but we also need/want to preserve the initial non-standby\n // fetchPolicy that would have been used if not skipping.\n Object.assign(watchQueryOptions, {\n initialFetchPolicy,\n fetchPolicy: 'standby',\n });\n } else if (!watchQueryOptions.fetchPolicy) {\n watchQueryOptions.fetchPolicy =\n this.observable?.options.initialFetchPolicy ||\n this.getDefaultFetchPolicy();\n }\n\n return watchQueryOptions;\n }\n\n getDefaultFetchPolicy(): WatchQueryFetchPolicy {\n return (\n this.queryHookOptions.defaultOptions?.fetchPolicy ||\n this.client.defaultOptions.watchQuery?.fetchPolicy ||\n \"cache-first\"\n );\n }\n\n // Defining these methods as no-ops on the prototype allows us to call\n // state.onCompleted and/or state.onError without worrying about whether a\n // callback was provided.\n private onCompleted(data: TData) {}\n private onError(error: ApolloError) {}\n\n private observable: ObservableQuery;\n private obsQueryFields: Omit<\n ObservableQueryFields,\n \"variables\"\n >;\n\n private useObservableQuery() {\n // See if there is an existing observable that was used to fetch the same\n // data and if so, use it instead since it will contain the proper queryId\n // to fetch the result set. This is used during SSR.\n const obsQuery = this.observable =\n this.renderPromises\n && this.renderPromises.getSSRObservable(this.watchQueryOptions)\n || this.observable // Reuse this.observable if possible (and not SSR)\n || this.client.watchQuery(this.getObsQueryOptions());\n\n this.obsQueryFields = useMemo(() => ({\n refetch: obsQuery.refetch.bind(obsQuery),\n reobserve: obsQuery.reobserve.bind(obsQuery),\n fetchMore: obsQuery.fetchMore.bind(obsQuery),\n updateQuery: obsQuery.updateQuery.bind(obsQuery),\n startPolling: obsQuery.startPolling.bind(obsQuery),\n stopPolling: obsQuery.stopPolling.bind(obsQuery),\n subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),\n }), [obsQuery]);\n\n const ssrAllowed = !(\n this.queryHookOptions.ssr === false ||\n this.queryHookOptions.skip\n );\n\n if (this.renderPromises && ssrAllowed) {\n this.renderPromises.registerSSRObservable(obsQuery);\n\n if (obsQuery.getCurrentResult().loading) {\n // TODO: This is a legacy API which could probably be cleaned up\n this.renderPromises.addObservableQueryPromise(obsQuery);\n }\n }\n\n return obsQuery;\n }\n\n // These members are populated by getCurrentResult and setResult, and it's\n // okay/normal for them to be initially undefined.\n private result: undefined | ApolloQueryResult;\n private previousData: undefined | TData;\n\n private setResult(nextResult: ApolloQueryResult) {\n const previousResult = this.result;\n if (previousResult && previousResult.data) {\n this.previousData = previousResult.data;\n }\n this.result = nextResult;\n // Calling state.setResult always triggers an update, though some call sites\n // perform additional equality checks before committing to an update.\n this.forceUpdate();\n this.handleErrorOrCompleted(nextResult);\n }\n\n private handleErrorOrCompleted(result: ApolloQueryResult) {\n if (!result.loading) {\n const error = this.toApolloError(result);\n\n // wait a tick in case we are in the middle of rendering a component\n Promise.resolve().then(() => {\n if (error) {\n this.onError(error);\n } else if (result.data) {\n this.onCompleted(result.data);\n }\n }).catch(error => {\n invariant.warn(error);\n });\n }\n }\n\n private toApolloError(result: ApolloQueryResult): ApolloError | undefined {\n return isNonEmptyArray(result.errors)\n ? new ApolloError({ graphQLErrors: result.errors })\n : result.error\n }\n\n private getCurrentResult(): ApolloQueryResult {\n // Using this.result as a cache ensures getCurrentResult continues returning\n // the same (===) result object, unless state.setResult has been called, or\n // we're doing server rendering and therefore override the result below.\n if (!this.result) {\n this.handleErrorOrCompleted(\n this.result = this.observable.getCurrentResult()\n );\n }\n return this.result;\n }\n\n // This cache allows the referential stability of this.result (as returned by\n // getCurrentResult) to translate into referential stability of the resulting\n // QueryResult object returned by toQueryResult.\n private toQueryResultCache = new (canUseWeakMap ? WeakMap : Map)<\n ApolloQueryResult,\n QueryResult\n >();\n\n toQueryResult(\n result: ApolloQueryResult,\n ): QueryResult {\n let queryResult = this.toQueryResultCache.get(result);\n if (queryResult) return queryResult;\n\n const { data, partial, ...resultWithoutPartial } = result;\n this.toQueryResultCache.set(result, queryResult = {\n data, // Ensure always defined, even if result.data is missing.\n ...resultWithoutPartial,\n ...this.obsQueryFields,\n client: this.client,\n observable: this.observable,\n variables: this.observable.variables,\n called: !this.queryHookOptions.skip,\n previousData: this.previousData,\n });\n\n if (!queryResult.error && isNonEmptyArray(result.errors)) {\n // Until a set naming convention for networkError and graphQLErrors is\n // decided upon, we map errors (graphQLErrors) to the error options.\n // TODO: Is it possible for both result.error and result.errors to be\n // defined here?\n queryResult.error = new ApolloError({ graphQLErrors: result.errors });\n }\n\n return queryResult;\n }\n\n private unsafeHandlePartialRefetch(result: ApolloQueryResult) {\n // WARNING: SIDE-EFFECTS IN THE RENDER FUNCTION\n //\n // TODO: This code should be removed when the partialRefetch option is\n // removed. I was unable to get this hook to behave reasonably in certain\n // edge cases when this block was put in an effect.\n if (\n result.partial &&\n this.queryHookOptions.partialRefetch &&\n !result.loading &&\n (!result.data || Object.keys(result.data).length === 0) &&\n this.observable.options.fetchPolicy !== 'cache-only'\n ) {\n Object.assign(result, {\n loading: true,\n networkStatus: NetworkStatus.refetch,\n });\n this.observable.refetch();\n }\n }\n}\n","import { Alert, Row, Spin, Descriptions } from \"@Components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useAthletePersonalInfo } from \"./request\";\r\nimport DoDate from \"@doolooper/dodate\";\r\n\r\nfunction ProfilePage() {\r\n const { data, loading } = useAthletePersonalInfo();\r\n if (loading) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n return (\r\n <>\r\n \r\n امکان ویرایش برای شما فراهم نمی باشد، در صورت نیاز می توانید با در درست داشتن مدارک شناسایی خود،\r\n به نزدیک ترین هیئت پزشکی ورزشی مراجعه نمایید.\r\n \r\n }\r\n />\r\n \r\n \r\n {data?.firstName + \" \" + data?.lastName}\r\n \r\n {data?.ssn}\r\n {data?.genderDesc}\r\n \r\n {data?.birthDate && DoDate.parse(data?.birthDate).formatJalali(\"YYYY\")}\r\n \r\n {data?.cellPhone}\r\n {data?.phoneNumber}\r\n {data?.email}\r\n {data?.address}\r\n \r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ProfilePage;\r\n","import { useQuery } from \"@apollo/client\";\r\nimport { AthletePersonalInfoDocument, AthletePersonalInfoResult } from \"@Schema\";\r\nimport { ItemQueryResult } from \"@Models\";\r\n\r\nexport const useAthletePersonalInfo = (): ItemQueryResult => {\r\n const { data, loading } = useQuery(AthletePersonalInfoDocument);\r\n\r\n return {\r\n loading,\r\n data: data?.athletePersonalInfo,\r\n };\r\n};\r\n","import { Header } from \"@Components\";\r\nimport Detail from \"./detail\";\r\n\r\nfunction ProfilePage() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProfilePage;\r\n","import { useMutation } from \"@apollo/client\";\r\nimport { CreateAthleteMembershipDocument } from \"@Schema\";\r\n\r\nexport const useCreateAthleteMembership = () => {\r\n const [request, { loading }] = useMutation(CreateAthleteMembershipDocument);\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n","import { Alert, Button, Card, Col, Form, Row, Select } from \"@Components\";\r\nimport {\r\n CitiesDocument,\r\n Comparison,\r\n FederationSelectListDocument,\r\n FederationSportBranchSelectListDocument,\r\n GymsDocument,\r\n ProvinceListDocument,\r\n} from \"@Schema\";\r\nimport { MutationHandler, TwoColumnLayout } from \"@Utils\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { useCreateAthleteMembership } from \"./request\";\r\n\r\nconst CreateMemberShip = () => {\r\n const navigate = useNavigate();\r\n const [form] = Form.useForm();\r\n const membershipCreate = useCreateAthleteMembership();\r\n\r\n const onOK = async (values) => {\r\n const arg = {\r\n arg: {\r\n details: [\r\n {\r\n federationId: parseInt(values.federationId),\r\n sportBranchId: parseInt(values.sportBranchId),\r\n provinceId: parseInt(values.provinceId),\r\n cityId: parseInt(values.cityId),\r\n gymId: parseInt(values.gymId),\r\n isBase: true,\r\n },\r\n ],\r\n },\r\n };\r\n\r\n const res = await MutationHandler(membershipCreate.request({ variables: arg }));\r\n if (res.ok) {\r\n navigate(\"/Dashboard/Confirm/\" + res.data?.data.createAthleteMembership.result);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CreateMemberShip;\r\n","import { Header } from \"@Components\";\r\nimport DetailPage from \"./detail\";\r\n\r\nconst PaymentDetail = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PaymentDetail;\r\n","import { Alert, Button, Checkbox, Table } from \"@Components\";\r\nimport React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction RevivalMembership() {\r\n const [isConfirmed, setIsConfirmed] = useState(false);\r\n\r\n return (\r\n \r\n
\r\n آخرین اطلاعات عضویت شما به شرح ذیل میباشد. در صورتی که می خواهید با همین مشخصات عضویت جدیدی\r\n برای شما صادر گردد، بر روی گزینه تمدید کلیک نمایید در غیر به صفحه\r\n ثبت عضویت جدید بروید\r\n \r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n setIsConfirmed(target.checked)}\r\n style={{ margin: \"0 10px\" }}\r\n />\r\n \r\n اینجانب{\" \"}\r\n \r\n آیین نامه پذیرش عضو و شرایط ارائه خدمات{\" \"}\r\n {\" \"}\r\n را مطالعه کرده و با آن موافقم\r\n \r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n
\r\n بازگشت\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n return (\r\n \r\n
\r\n
record.sportBranches?.length > 0 }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n
x.id) }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {printModal.modal}\r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if (!data) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n const firstItem = data?.detail?.[0];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {firstItem?.firstName + \" \" + firstItem?.lastName}\r\n \r\n \r\n {DoDate.parse(data?.requestDate).formatJalali(\"YYYY/MM/DD HH:MM:ss\")}\r\n \r\n {PriceParser(data?.amount)} ریال\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n setIsConfirmed(target.checked)}>\r\n \r\n اینجانب{\" \"}\r\n \r\n آیین نامه پذیرش عضو و شرایط ارائه خدمات\r\n {\" \"}\r\n را مطالعه کرده و با آن موافقم\r\n \r\n \r\n
\r\n \r\n
\r\n {/* onPaymentClick(\"Melli\")}*/}\r\n {/* loading={bankLoading}*/}\r\n {/*>*/}\r\n {/* پرداخت از درگاه بانک ملی*/}\r\n {/**/}\r\n \r\n
\r\n
\r\n بازگشت\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n if (!data) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n const renderMessage = () => {\r\n if (message.length > 0) {\r\n return ;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n return (\r\n \r\n
\r\n {renderMessage()}\r\n \r\n \r\n {data.retrievalRefNo}\r\n \r\n \r\n {data.paymentStatus ? \"موفق\" : \"ناموفق\"}\r\n \r\n \r\n \r\n {data.paymentDate ? DoDate.parse(data.paymentDate).formatJalali(\"YYYY/MM/DD HH:MM:ss\") : \"\"}\r\n \r\n \r\n \r\n {GetEnumTitle(\"BankType\", data.bankType)}\r\n \r\n \r\n {PriceParser(data.amount)} ریال\r\n \r\n \r\n \r\n {data.paymentStatus ? (\r\n {\r\n printModal.open(\"CardPrintByReceipt\", { receiptId });\r\n }}\r\n >\r\n چاپ\r\n \r\n ) : null}\r\n \r\n بازگشت\r\n \r\n
\r\n \r\n {printModal.modal}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CreateMemberShip;\r\n","import { useMutation } from \"@apollo/client\";\r\nimport { CreatePublicComplaintDocument } from \"@Schema\";\r\n\r\nexport const useCreatePublicComplaint = () => {\r\n const [request, { loading }] = useMutation(CreatePublicComplaintDocument);\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n","import { Header } from \"@Components\";\r\nimport DetailPage from \"./detail\";\r\n\r\nconst PaymentDetail = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PaymentDetail;\r\n","// This icon file is generated automatically.\nvar InfoCircleOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z\" } }] }, \"name\": \"info-circle\", \"theme\": \"outlined\" };\nexport default InfoCircleOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport InfoCircleOutlinedSvg from \"@ant-design/icons-svg/es/asn/InfoCircleOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar InfoCircleOutlined = function InfoCircleOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: InfoCircleOutlinedSvg\n }));\n};\nInfoCircleOutlined.displayName = 'InfoCircleOutlined';\nexport default /*#__PURE__*/React.forwardRef(InfoCircleOutlined);","import { create } from \"zustand\";\r\nimport { produce } from \"immer\";\r\n\r\ntype IState = {\r\n selectedId: number;\r\n attachment: {\r\n open: boolean;\r\n };\r\n toggleAttachmentModal: (open: boolean) => void;\r\n setId: (id: number) => void;\r\n};\r\n\r\nconst useStore = create((set) => ({\r\n selectedId: 0,\r\n\r\n toggleAttachmentModal: (open: boolean) =>\r\n set(\r\n produce((state: IState) => {\r\n state.attachment.open = open;\r\n }),\r\n ),\r\n attachment: {\r\n open: false,\r\n },\r\n setId: (id: number) =>\r\n set(\r\n produce((state: IState) => {\r\n state.selectedId = id;\r\n }),\r\n ),\r\n}));\r\n\r\nexport default useStore;\r\n","import { Button, Divider, Modal, Space } from \"@Components\";\r\nimport { usePublicComplaintAttachmentInfo } from \"./request\";\r\nimport useStore from \"./store\";\r\n\r\nfunction PublicComplaintAttachment() {\r\n const store = useStore();\r\n const attachment = usePublicComplaintAttachmentInfo(store.selectedId);\r\n\r\n const renderAttachment = () => {\r\n if (attachment.loading) {\r\n return null;\r\n }\r\n\r\n return attachment.data?.list?.map((item) => {\r\n return (\r\n \r\n );\r\n });\r\n };\r\n\r\n const onCancel = () => {\r\n store.toggleAttachmentModal(false);\r\n store.setId(0);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n {renderAttachment()}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default PublicComplaintAttachment;\r\n","import { useQuery } from \"@apollo/client\";\r\nimport {\r\n AthletePublicComplaintHistoryDocument,\r\n AthletePublicComplaintHistoryResult,\r\n AthletePublicComplaintHistoryVariables,\r\n PublicComplaintAttachmentInfoDocument,\r\n PublicComplaintAttachmentInfoResult,\r\n PublicComplaintAttachmentInfoVariables,\r\n} from \"@Schema\";\r\nimport { ListQueryResult } from \"@Models\";\r\n\r\nexport const useAthletePublicComplaintHistory = (): ListQueryResult<\r\n AthletePublicComplaintHistoryResult,\r\n AthletePublicComplaintHistoryVariables\r\n> => {\r\n const { data, loading, refetch } = useQuery<\r\n AthletePublicComplaintHistoryResult,\r\n AthletePublicComplaintHistoryVariables\r\n >(AthletePublicComplaintHistoryDocument, {\r\n variables: {\r\n arg: { filter: { sortField: \"id\", sortOrder: \"descend\" } },\r\n },\r\n });\r\n return {\r\n loading: loading,\r\n data: {\r\n list: data?.athletePublicComplaintHistory?.list ?? [],\r\n total: data?.athletePublicComplaintHistory?.total ?? 0,\r\n },\r\n refetch,\r\n };\r\n};\r\n\r\nexport const usePublicComplaintAttachmentInfo = (\r\n id: number,\r\n): ListQueryResult => {\r\n const { data, loading, refetch } = useQuery<\r\n PublicComplaintAttachmentInfoResult,\r\n PublicComplaintAttachmentInfoVariables\r\n >(PublicComplaintAttachmentInfoDocument, {\r\n variables: {\r\n arg: { id: id },\r\n },\r\n });\r\n\r\n return {\r\n loading: loading,\r\n data: {\r\n list: data?.publicComplaintAttachmentInfo?.list ?? [],\r\n total: data?.publicComplaintAttachmentInfo?.total ?? 0,\r\n },\r\n refetch,\r\n };\r\n};\r\n","import { InfoCircleOutlined } from \"@ant-design/icons\";\r\nimport { ActionButtonGroup, Button, Header, Row, Table, Tooltip } from \"@Components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useAthletePublicComplaintHistory } from \"./request\";\r\nimport useStore from \"./store\";\r\nimport AttachmentPage from \"./attachment\";\r\n\r\nfunction PublicComplaintHistory() {\r\n const store = useStore();\r\n const { data, loading, refetch } = useAthletePublicComplaintHistory();\r\n const expandedRowRender = (record) => {\r\n const criticism = record.criticism;\r\n return (\r\n \r\n );\r\n };\r\n\r\n const onTableChange = (pagination, filters, sorter) => {\r\n const filter = {\r\n page: pagination.current,\r\n pageSize: pagination.pageSize,\r\n sortField: sorter.columnKey,\r\n sortOrder: sorter.order,\r\n where: filters,\r\n };\r\n refetch?.({ arg: { filter } });\r\n };\r\n\r\n const renderActionColumn = (_, record) => {\r\n return (\r\n \r\n {record.haveAttachments ? (\r\n \r\n {\r\n store.setId(record.id);\r\n store.toggleAttachmentModal(true);\r\n }}\r\n >\r\n \r\n \r\n \r\n ) : null}\r\n \r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n record.criticism?.length > 0 }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default PublicComplaintHistory;\r\n","import DetailPage from \"./detail\";\r\n\r\nconst MembershipHistory = () => {\r\n return (\r\n <>\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MembershipHistory;\r\n","import { PrinterOutlined } from \"@ant-design/icons\";\r\nimport {\r\n ActionButtonGroup,\r\n Alert,\r\n Button,\r\n Col,\r\n Divider,\r\n Form,\r\n Row,\r\n Select,\r\n Table,\r\n Tooltip,\r\n usePrintModal,\r\n} from \"@Components\";\r\nimport {\r\n CitiesDocument,\r\n Comparison,\r\n FederationMembershipTypeSelectListDocument,\r\n FederationSportBranchSelectListDocument,\r\n GymsDocument,\r\n ProvinceListDocument,\r\n} from \"@Schema\";\r\nimport { MutationHandler, useDeepEffect } from \"@Utils\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useAthleteCurrentMembership } from \"../print/request\";\r\nimport { useAddMembershipSportBranch } from \"./request\";\r\nimport { useState } from \"react\";\r\n\r\nconst CreateMemberShip = () => {\r\n const [form] = Form.useForm();\r\n const printModal = usePrintModal();\r\n const membershipCreate = useAddMembershipSportBranch();\r\n const { data, loading } = useAthleteCurrentMembership();\r\n const [membershipTypeId, SetmembershipTypeId] = useState(\"\");\r\n useDeepEffect(() => {\r\n if (loading) {\r\n return;\r\n }\r\n if (data) {\r\n SetmembershipTypeId(data.list[0].membershipTypeId);\r\n }\r\n }, [data]);\r\n\r\n const onOK = async (values) => {\r\n const arg = {\r\n arg: {\r\n federationId: parseInt(values.federationId),\r\n sportBranchId: parseInt(values.sportBranchId),\r\n gymId: parseInt(values.gymId),\r\n },\r\n };\r\n await MutationHandler(membershipCreate.request({ variables: arg }));\r\n };\r\n\r\n const renderForm = () => {\r\n return (\r\n \r\n );\r\n };\r\n\r\n const renderSportBranchActionColumn = (_, record) => {\r\n return (\r\n \r\n \r\n {\r\n printModal.open(\"CardPrintByMembershipSportBranch\", {\r\n membershipSportBranchId: record.id,\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n const expandedRowRender = (record) => {\r\n const sportBranches = record.sportBranches;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n const renderTable = () => {\r\n if (!data) {\r\n return null;\r\n }\r\n return (\r\n record.sportBranches?.length > 0 }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n شما در این قسمت میتوانید رشته ورزشی جدیدی را به عضویت جاری خود اضافه نمایید.\r\n
\r\n افزدون رشته جدید شامل هزینه نمی باشد\r\n \r\n }\r\n />\r\n \r\n {renderForm()}\r\n \r\n {renderTable()}\r\n {printModal.modal}\r\n \r\n \r\n بازگشت\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CreateMemberShip;\r\n","import { useMutation } from \"@apollo/client\";\r\nimport {\r\n AddMembershipSportBranchDocument,\r\n AddMembershipSportBranchResult,\r\n AddMembershipSportBranchVariables,\r\n AthleteCurrentMembershipDocument,\r\n} from \"@Schema\";\r\n\r\nexport const useAddMembershipSportBranch = () => {\r\n const [request, { loading }] = useMutation(\r\n AddMembershipSportBranchDocument,\r\n {\r\n refetchQueries: [AthleteCurrentMembershipDocument],\r\n },\r\n );\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n","import { Header } from \"@Components\";\r\nimport DetailPage from \"./detail\";\r\n\r\nconst PaymentDetail = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PaymentDetail;\r\n","import { Alert, Col, Row, Space, Table, Button } from \"@Components\";\r\nimport DoDate from \"@doolooper/dodate\";\r\nimport { AuthService, MutationHandler, TwoColumnLayout } from \"@Utils\";\r\nimport { useObservable } from \"micro-observables\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { useCreateAthleteMembership } from \"../create/request\";\r\nimport { useGetAthleteInfo } from \"./request\";\r\n\r\nconst MainLink = () => {\r\n const navigate = useNavigate();\r\n const { data: membershipData }: any = useGetAthleteInfo();\r\n const user = useObservable(AuthService.user);\r\n const totalDays = Math.ceil(\r\n ((new Date(membershipData?.expireDate || \"\").getTime() || 0) - new Date().getTime()) / (1000 * 3600 * 24),\r\n );\r\n const membershipCreate = useCreateAthleteMembership();\r\n\r\n const memberShipExtendHandler = async () => {\r\n const arg = {\r\n arg: {\r\n details: membershipData.details.map((item) => {\r\n return {\r\n federationId: +item.federationId,\r\n sportBranchId: +item.sportBranchId,\r\n provinceId: +item.provinceId,\r\n cityId: +item.cityId,\r\n gymId: +item.gymId,\r\n isBase: item.isBase,\r\n };\r\n }),\r\n },\r\n };\r\n\r\n const res = await MutationHandler(membershipCreate.request({ variables: arg }));\r\n if (res.ok) {\r\n navigate(\"/Dashboard/Confirm/\" + res.data?.data.createAthleteMembership.result);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n {user?.firstName} {user?.lastName} خوش آمدید\r\n
\r\n
\r\n {membershipData?.hasMembership && (\r\n \r\n \r\n {membershipData?.issueDate && (\r\n \r\n آخرین تاریخ عضویت شما{\" \"}\r\n {DoDate.parse(membershipData?.issueDate).formatJalali(\"YYYY/MM/DD\") || \"\"}{\" \"}\r\n میباشد\r\n \r\n }\r\n />\r\n )}\r\n 30 ? \"hasMembership\" : \"hasNotMembership\"}\r\n dataSet={[\r\n {\r\n ...membershipData?.details[0],\r\n expireDate: membershipData?.expireDate,\r\n },\r\n ]}\r\n scroll={{ x: 600 }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {membershipData?.hasMembership && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {!membershipData?.hasMembership || totalDays < 30 ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n {membershipData?.isExtend ? (\r\n \r\n memberShipExtendHandler()}\r\n >\r\n تمدید عضویت\r\n \r\n \r\n ) : null}\r\n {membershipData ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {membershipData?.hasMembership && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Main;\r\n","import { useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Layout, Loading, Message } from \"@Components\";\r\nimport Header from \"./header\";\r\nimport { AuthService, useDidMount } from \"@Utils\";\r\nimport { DashboardPage } from \"../../pages\";\r\n\r\nconst DashboardLayout = () => {\r\n const [loading, setLoading] = useState(true);\r\n const navigate = useNavigate();\r\n\r\n useDidMount(() => {\r\n const onAuthCall = async () => {\r\n try {\r\n if (!(await AuthService.getUserInfo())) {\r\n navigate(\"/Login\");\r\n return;\r\n }\r\n } catch (e: any) {\r\n if (\"message\" in e && e.message.indexOf(\"NetworkError\") >= 0) {\r\n Message.error(\"در ارتباط با سرور خطایی به وجود آمده. لطفا اینترنت خود را بررسی نمایید\");\r\n } else {\r\n Message.error(e);\r\n }\r\n return;\r\n }\r\n setLoading(false);\r\n };\r\n onAuthCall();\r\n });\r\n\r\n if (loading) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default DashboardLayout;\r\n","import { ApolloQueryResult, LazyQueryResult, OperationVariables, QueryLazyOptions } from \"@apollo/client\";\r\nimport { SystemType } from \"@Schema\";\r\nimport fileTypes from \"./fileType\";\r\n\r\nexport type { PrintTypes } from \"./printType\";\r\nexport type Empty = null | undefined;\r\n\r\nexport type UploadFileType = (typeof fileTypes)[number];\r\n\r\nexport enum LanguageConversion {\r\n PersianToEnglish = 1,\r\n EnglishToPersian = 2,\r\n}\r\n\r\nexport interface IUserModel {\r\n userName: string;\r\n firstName: string;\r\n lastName: string;\r\n permissions: string[];\r\n systemTypes: SystemType[];\r\n}\r\n\r\nexport interface IAuthModel {\r\n user: IUserModel;\r\n isAuth: boolean;\r\n token: string;\r\n setInfo: (_: any) => void;\r\n havePermission: (_: string) => boolean;\r\n}\r\n\r\nexport interface IAuthState {\r\n permissions: IAuthModel;\r\n}\r\n\r\nexport interface IPromiseResult {\r\n ok: boolean;\r\n error: string | Empty;\r\n data: any | Empty;\r\n}\r\n\r\nexport interface IGraphQLResult {\r\n ok: boolean;\r\n error: string | Empty;\r\n data: T | Empty;\r\n}\r\n\r\nexport interface IPagedList {\r\n total: number;\r\n list: any[];\r\n}\r\n\r\nexport interface ListQueryResult {\r\n loading: boolean;\r\n data: IPagedList;\r\n refetch?: (variables?: Partial) => Promise>;\r\n}\r\n\r\nexport interface ItemQueryResult {\r\n loading: boolean;\r\n data: T | Empty;\r\n}\r\n\r\nexport interface ILazyQueryResult\r\n extends ItemQueryResult {\r\n getData: (options?: QueryLazyOptions) => Promise>;\r\n}\r\n\r\nexport interface IGridFilterModel {\r\n field: string;\r\n comparison: string;\r\n value: string;\r\n}\r\n\r\nexport type EnumType = {\r\n title: string;\r\n details: { title: string; numberValue: number; stringValue: string }[];\r\n};\r\n","import { Row, Col } from \"@Components\";\r\n\r\nconst HomePage = () => {\r\n return (\r\n \r\n \r\n فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default HomePage;\r\n","import { Message } from \"@Components\";\r\nimport { useMutation } from \"@apollo/client\";\r\nimport { Fetch, PromiseHandler } from \"@Utils\";\r\nimport {\r\n AthleteIsExistResult,\r\n AthleteSetPasswordResult,\r\n AthleteSetPasswordVariables,\r\n AthleteSetPasswordDocument,\r\n CreateAthleteResult,\r\n CreateAthleteVariables,\r\n CreateAthleteDocument,\r\n AthleteSendSmsResult,\r\n AthleteSendSmsVariables,\r\n AthleteSendSmsDocument,\r\n SmsTokenValidationResult,\r\n SmsTokenValidationVariables,\r\n SmsTokenValidationDocument,\r\n AthleteUpdateMobileSendSmsResult,\r\n AthleteUpdateMobileSendSmsVariables,\r\n AthleteUpdateMobileSendSmsDocument,\r\n AthleteUpdateMobileSmsTokenValidationResult,\r\n AthleteUpdateMobileSmsTokenValidationVariables,\r\n AthleteUpdateMobileSmsTokenValidationDocument,\r\n} from \"@Schema\";\r\n\r\nexport const getAthleteIsExist = async (\r\n ssn: string,\r\n captcha: string,\r\n): Promise => {\r\n const result = await PromiseHandler(Fetch.url(\"/Account/Status\").post({ ssn, captcha }).json());\r\n if (result.ok) {\r\n if (result.data?.data?.athleteIsExist.result) {\r\n Message.error(result.data?.data?.athleteIsExist.result);\r\n return null;\r\n }\r\n return result.data?.data?.athleteIsExist;\r\n } else {\r\n Message.error(result.error);\r\n return null;\r\n }\r\n};\r\n\r\nexport const useAthleteSetPassword = () => {\r\n const [request, { loading }] = useMutation(\r\n AthleteSetPasswordDocument,\r\n );\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n\r\nexport const useCreateAthlete = () => {\r\n const [request, { loading }] = useMutation(CreateAthleteDocument);\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n\r\nexport const useAthleteSendSms = () => {\r\n const [request, { loading }] = useMutation(AthleteSendSmsDocument);\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n\r\nexport const useSmsTokenValidation = () => {\r\n const [request, { loading }] = useMutation(\r\n SmsTokenValidationDocument,\r\n );\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n\r\nexport const useAthleteUpdateMobileSendSms = () => {\r\n const [request, { loading }] = useMutation(\r\n AthleteUpdateMobileSendSmsDocument,\r\n );\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n\r\nexport const useAthleteUpdateMobileSmsTokenValidation = () => {\r\n const [request, { loading }] = useMutation<\r\n AthleteUpdateMobileSmsTokenValidationResult,\r\n AthleteUpdateMobileSmsTokenValidationVariables\r\n >(AthleteUpdateMobileSmsTokenValidationDocument);\r\n\r\n return {\r\n request,\r\n loading,\r\n };\r\n};\r\n","import { create } from \"zustand\";\r\nimport { produce } from \"immer\";\r\n\r\ntype IStage =\r\n | \"None\"\r\n | \"Login\"\r\n | \"Register\"\r\n | \"VerifyPhone\"\r\n | \"VerifyCode\"\r\n | \"SetPassword\"\r\n | \"ChangeCellPhone\"\r\n | \"VerifyCodeForChangeCellPhone\";\r\n\r\ntype IState = {\r\n stage: IStage;\r\n ssn: string;\r\n mobile: string;\r\n token: string;\r\n loading: boolean;\r\n oneTimeMobileChange: boolean;\r\n userId: string;\r\n setStage: (state: IStage) => void;\r\n setSsn: (ssn: string) => void;\r\n setMobile: (mobile: string) => void;\r\n setToken: (token: string) => void;\r\n setLoading: (loading: boolean) => void;\r\n setOneTimeMobileChange: (oneTimeMobileChange: boolean) => void;\r\n};\r\n\r\nconst useStore = create((set) => ({\r\n stage: \"None\",\r\n ssn: \"\",\r\n mobile: \"\",\r\n token: \"\",\r\n loading: false,\r\n oneTimeMobileChange: false,\r\n userId: \"\",\r\n setStage: (stage: IStage) =>\r\n set(\r\n produce((state: IState) => {\r\n state.stage = stage;\r\n }),\r\n ),\r\n setSsn: (ssn: string) =>\r\n set(\r\n produce((state: IState) => {\r\n state.ssn = ssn;\r\n }),\r\n ),\r\n setMobile: (mobile: string) =>\r\n set(\r\n produce((state: IState) => {\r\n state.mobile = mobile;\r\n }),\r\n ),\r\n setToken: (token: string) =>\r\n set(\r\n produce((state: IState) => {\r\n state.token = token;\r\n }),\r\n ),\r\n setLoading: (loading: boolean) =>\r\n set(\r\n produce((state: IState) => {\r\n state.loading = loading;\r\n }),\r\n ),\r\n setOneTimeMobileChange: (oneTimeMobileChange: boolean) =>\r\n set(\r\n produce((state: IState) => {\r\n state.oneTimeMobileChange = oneTimeMobileChange;\r\n }),\r\n ),\r\n setUserId: (userId: string) =>\r\n set(\r\n produce((state: IState) => {\r\n state.userId = userId;\r\n }),\r\n ),\r\n}));\r\n\r\nexport default useStore;\r\n","import { UserOutlined } from \"@ant-design/icons\";\r\nimport { Button, Form, Alert, Space, Captcha, NumberInput } from \"@Components\";\r\nimport { getAthleteIsExist } from \"./request\";\r\nimport { ExistenceAthlete } from \"@Schema\";\r\nimport { ValidateSsn } from \"@Utils\";\r\nimport useStore from \"./store\";\r\nimport { useState } from \"react\";\r\n\r\nconst UserNamePart = () => {\r\n const store = useStore();\r\n const [form] = Form.useForm();\r\n const [newCaptcha, setNewCaptcha] = useState(false);\r\n\r\n const onFinish = async (values: any) => {\r\n store.setLoading(true);\r\n const res = await getAthleteIsExist(values.ssn, values.captcha);\r\n store.setLoading(false);\r\n if (res) {\r\n store.setSsn(values.ssn);\r\n store.setOneTimeMobileChange(res.oneTimeMobileChange);\r\n if (res.token) {\r\n store.setToken(res.token);\r\n }\r\n if (res.existenceAthlete === ExistenceAthlete.Exist) {\r\n store.setMobile(res.mobile ?? \"\");\r\n store.setStage(\"Login\");\r\n } else if (res.existenceAthlete === ExistenceAthlete.NotExist) {\r\n store.setStage(\"Register\");\r\n } else if (res.existenceAthlete === ExistenceAthlete.NoPassword) {\r\n store.setMobile(res.mobile ?? \"\");\r\n store.setStage(\"VerifyPhone\");\r\n }\r\n }\r\n form.resetFields([\"captcha\"]);\r\n setNewCaptcha(true);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n
\r\n
\r\n
\r\n \r\n \r\n راهنمای دریافت آنلاین کارت خدمات درمانی (عضویت آنلاین در کمیته خدمات درمانی)\r\n \r\n
\r\n \r\n \r\n فراخوان عضویت خدمات درمانی\r\n \r\n
\r\n \r\n \r\n راهنمای دریافت خدمات درمانی جهت ورزشکار آسیب دیده\r\n \r\n
\r\n \r\n \r\n دریافت آیین نامه کمیته خدمات درمانی فدراسیون پزشکی ورزشی\r\n \r\n
\r\n \r\n \r\n تماس با ما\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n
\r\n جهت احراز شماره تلفن همراه شما، پیامکی به شماره\r\n \r\n {store.mobile}\r\n \r\n که حاوی کد تایید می باشد ارسال خواهد شد\r\n ,\r\n ]}\r\n />\r\n\r\n {store.oneTimeMobileChange ? (\r\n
\r\n \r\n {`در صورتی که شماره بالا متعلق به شما نیست میتوانید برای اصلاح شماره تلفن همراه با هیات پزشکی\r\n ورزشی استان مربوطه تماس حاصل فرمایید`}\r\n \r\n \r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n {store.stage === \"ChangeCellPhone\" ? (\r\n
پس از وارد نمودن شماره همراه،پیامکی که حاوی کد تایید می باشد ارسال خواهد شد,\r\n ]}\r\n />\r\n ) : null}\r\n {store.stage === \"ChangeCellPhone\" ? (\r\n
\r\n ) : null}\r\n
\r\n
\r\n
فدراسیون پزشکی ورزشی جمهوری اسلامی ایران
\r\n
\r\n پس از وارد نمودن اطلاعات صحیح، کلمه عبور و شماره همراه شما تغییر می یابد و می توانید\r\n نسبت به ورود اقدام نمایید\r\n ,\r\n ]}\r\n />\r\n {store.stage === \"VerifyCodeForChangeCellPhone\" ? (\r\n
\r\n ) : null}\r\n