170 lines
30 KiB
TypeScript
170 lines
30 KiB
TypeScript
import { useRef, useState } from 'react';
|
|
import { FiUpload } from 'react-icons/fi'
|
|
import { handleMultipleTransactionThunk, resetDocuments, uploadDocuments } from '../../store/slices/documentSlice';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
import { toast } from 'react-toastify';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { RootState } from '../../store/store';
|
|
import api from '../../config/api';
|
|
import TagsCon from '../client/TagsCon';
|
|
import TransactionChoiceModal from './TransactionChoiceModal';
|
|
import { resetRecipients } from '../../store/slices/selectedRecipientsSlice';
|
|
import { AiOutlineConsoleSql } from 'react-icons/ai';
|
|
|
|
|
|
const StartNow = () => {
|
|
const fileInputRef = useRef<HTMLInputElement>(null);
|
|
const [files, setFiles] = useState<File[]>([]);
|
|
|
|
const [transactionModal, setTransactionModal] = useState<{ open: boolean, isActive: boolean }>({
|
|
open: false,
|
|
isActive: true
|
|
});
|
|
|
|
|
|
const userData = useSelector((state: RootState) => state.user);
|
|
|
|
const dispatch = useDispatch();
|
|
const navigate = useNavigate();
|
|
|
|
const handleUpload = async (filesToUpload: File[] = files) => {
|
|
const accountId = userData.account?.id;
|
|
|
|
const subject = filesToUpload[0].name ? filesToUpload[0].name : "Untitled"
|
|
|
|
const transactionRes = await api.post(`/api/v1/accounts/${userData.account?.id}/transactions`, { subject: "Sign Document - " + subject });
|
|
const transactionId = transactionRes.data.id
|
|
|
|
const formData = new FormData();
|
|
|
|
filesToUpload.forEach(file => {
|
|
formData.append("file", file);
|
|
});
|
|
|
|
dispatch(uploadDocuments({ formData, accountId, transactionId }))
|
|
.unwrap()
|
|
.then((res) => {
|
|
// toast.dismiss();
|
|
setFiles([]);
|
|
navigate(`/process-step-one/${accountId}/${transactionId}`);
|
|
})
|
|
.catch((err) => {
|
|
console.error("Upload failed", err);
|
|
});
|
|
};
|
|
|
|
const handleMultipleTransaction = async () => {
|
|
const filesToUpload = files;
|
|
const accountId = userData.account?.id;
|
|
|
|
const formData = new FormData();
|
|
|
|
filesToUpload.forEach(file => {
|
|
formData.append("file", file);
|
|
});
|
|
|
|
dispatch(handleMultipleTransactionThunk({ formData, accountId }))
|
|
.unwrap()
|
|
.then(() => {
|
|
// toast.dismiss();
|
|
})
|
|
.catch((err: unknown) => {
|
|
console.error("Upload failed", err);
|
|
});
|
|
}
|
|
|
|
const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
await dispatch(resetRecipients())
|
|
await dispatch(resetDocuments())
|
|
const selectedFiles = e.target.files ? Array.from(e.target.files) : [];
|
|
if (selectedFiles.length > 0) {
|
|
setFiles((prev) => [...selectedFiles]);
|
|
// handleUpload(selectedFiles);
|
|
if (transactionModal.isActive && selectedFiles.length > 1) {
|
|
setTransactionModal({ open: true, isActive: true })
|
|
} else {
|
|
handleUpload(selectedFiles);
|
|
}
|
|
}
|
|
};
|
|
|
|
const handleDrop = async (e: React.DragEvent<HTMLDivElement>) => {
|
|
e.preventDefault();
|
|
await dispatch(resetRecipients())
|
|
await dispatch(resetDocuments())
|
|
const droppedFiles = Array.from(e.dataTransfer.files);
|
|
if (droppedFiles.length > 0) {
|
|
setFiles((prev) => [...prev, ...droppedFiles]);
|
|
if (transactionModal.isActive && droppedFiles.length > 1) {
|
|
setTransactionModal({ open: true, isActive: true })
|
|
} else {
|
|
handleUpload(droppedFiles);
|
|
}
|
|
}
|
|
};
|
|
|
|
const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
|
|
e.preventDefault();
|
|
};
|
|
|
|
return (
|
|
<>
|
|
{transactionModal.isActive && files.length > 1 && <TransactionChoiceModal
|
|
open={transactionModal.open}
|
|
onClose={() => {
|
|
setTransactionModal({ open: false, isActive: true })
|
|
}}
|
|
onCreateTransaction={() => {
|
|
handleUpload()
|
|
setTransactionModal({ open: false, isActive: true })
|
|
}}
|
|
onCreateSeparateTransactions={() => {
|
|
handleMultipleTransaction()
|
|
setTransactionModal({ open: false, isActive: true })
|
|
}}
|
|
/>}
|
|
<div
|
|
onClick={() => fileInputRef.current?.click()}
|
|
onDrop={handleDrop}
|
|
onDragOver={handleDragOver}
|
|
id='start-now-upload-con'
|
|
className="group col-span-1 cursor-pointer border-1 border-dashed border-[#D3D3D3] rounded-lg bg-[var(--documentUploadBg)] transition-all duration-200 p-4 flex flex-col items-center justify-center gap-2 text-center shadow-sm hover:shadow-md">
|
|
|
|
{/* Upload icon */}
|
|
<svg className="mt-4" width="44" height="46" viewBox="0 0 62 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M33.1043 45.9303V32.8347H41.8347L30.9217 19.739L20.0087 32.8347H28.7391V45.9303H17.8261V45.8212C17.4594 45.843 17.1102 45.9303 16.7348 45.9303C12.3933 45.9303 8.22964 44.2057 5.15976 41.1358C2.08988 38.0659 0.365234 33.9022 0.365234 29.5608C0.365234 21.1621 6.71661 14.3175 14.8665 13.3789C15.581 9.64361 17.5749 6.27402 20.505 3.84972C23.4352 1.42542 27.1186 0.0979427 30.9217 0.0956116C34.7253 0.0977141 38.4093 1.42501 41.3402 3.84927C44.2712 6.27352 46.2659 9.64323 46.9813 13.3789C55.1311 14.3175 61.4738 21.1621 61.4738 29.5608C61.4738 33.9022 59.7491 38.0659 56.6793 41.1358C53.6094 44.2057 49.4457 45.9303 45.1042 45.9303C44.7376 45.9303 44.384 45.843 44.0129 45.8212V45.9303H33.1043Z" fill="#34BEFF" />
|
|
</svg>
|
|
|
|
{/* Compact text | Upload or drag & drop files */}
|
|
<p className="">
|
|
<svg width="230" height="24" viewBox="0 0 314 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M8.386 19.312C6.826 19.312 5.48267 19.0607 4.356 18.558C3.22933 18.0553 2.36267 17.2927 1.756 16.27C1.16667 15.23 0.872 13.9387 0.872 12.396V1.164H4.252V12.292C4.252 13.6613 4.60733 14.7013 5.318 15.412C6.046 16.1053 7.06867 16.452 8.386 16.452C9.70333 16.452 10.726 16.1053 11.454 15.412C12.1993 14.7013 12.572 13.6613 12.572 12.292V1.164H15.952V12.396C15.952 13.9387 15.6487 15.23 15.042 16.27C14.4353 17.2927 13.5687 18.0553 12.442 18.558C11.3153 19.0607 9.96333 19.312 8.386 19.312ZM19.5045 23.498V5.324H22.1305L22.3905 7.144H22.5725C23.0231 6.43333 23.6125 5.90467 24.3405 5.558C25.0685 5.194 25.8745 5.012 26.7585 5.012C27.8851 5.012 28.8471 5.26333 29.6445 5.766C30.4591 6.26867 31.0831 7.04867 31.5165 8.106C31.9671 9.16333 32.1925 10.524 32.1925 12.188C32.1925 13.8173 31.9671 15.1607 31.5165 16.218C31.0658 17.2753 30.4418 18.0553 29.6445 18.558C28.8645 19.0607 27.9631 19.312 26.9405 19.312C26.3165 19.312 25.7445 19.2427 25.2245 19.104C24.7045 18.9653 24.2451 18.7573 23.8465 18.48C23.4478 18.1853 23.1098 17.83 22.8325 17.414H22.6765V23.498H19.5045ZM25.7705 16.582C26.5505 16.582 27.1658 16.4347 27.6165 16.14C28.0845 15.828 28.4138 15.36 28.6045 14.736C28.8125 14.112 28.9165 13.3233 28.9165 12.37V12.006C28.9165 11.0353 28.8125 10.238 28.6045 9.614C28.4138 8.97267 28.0845 8.50467 27.6165 8.21C27.1658 7.898 26.5505 7.742 25.7705 7.742C25.0598 7.742 24.4705 7.90667 24.0025 8.236C23.5518 8.56533 23.2138 9.05067 22.9885 9.692C22.7805 10.316 22.6765 11.0873 22.6765 12.006V12.318C22.6765 12.994 22.7371 13.6007 22.8585 14.138C22.9798 14.658 23.1618 15.1 23.4045 15.464C23.6645 15.828 23.9851 16.1053 24.3665 16.296C24.7651 16.4867 25.2331 16.582 25.7705 16.582ZM34.8912 19V0.201999H38.0632V19H34.8912ZM47.526 19.312C46.0353 19.312 44.7873 19.0607 43.782 18.558C42.7766 18.038 42.0226 17.2493 41.52 16.192C41.0173 15.1347 40.766 13.7913 40.766 12.162C40.766 10.5153 41.0173 9.172 41.52 8.132C42.0226 7.07467 42.7766 6.29467 43.782 5.792C44.7873 5.272 46.0353 5.012 47.526 5.012C49.034 5.012 50.282 5.272 51.27 5.792C52.2753 6.29467 53.0293 7.07467 53.532 8.132C54.0346 9.172 54.286 10.5153 54.286 12.162C54.286 13.7913 54.0346 15.1347 53.532 16.192C53.0293 17.2493 52.2753 18.038 51.27 18.558C50.282 19.0607 49.034 19.312 47.526 19.312ZM47.526 16.712C48.358 16.712 49.0253 16.556 49.528 16.244C50.048 15.9147 50.4206 15.4293 50.646 14.788C50.8886 14.1293 51.01 13.3147 51.01 12.344V11.98C51.01 11.0093 50.8886 10.2033 50.646 9.562C50.4206 8.90333 50.048 8.418 49.528 8.106C49.0253 7.77667 48.358 7.612 47.526 7.612C46.694 7.612 46.018 7.77667 45.498 8.106C44.9953 8.418 44.6226 8.90333 44.38 9.562C44.1546 10.2033 44.042 11.0093 44.042 11.98V12.344C44.042 13.3147 44.1546 14.1293 44.38 14.788C44.6226 15.4293 44.9953 15.9147 45.498 16.244C46.018 16.556 46.694 16.712 47.526 16.712ZM60.491 19.312C60.1097 19.312 59.6677 19.26 59.165 19.156C58.6797 19.0693 58.203 18.896 57.735 18.636C57.2843 18.376 56.9117 17.9947 56.617 17.492C56.3223 16.972 56.175 16.296 56.175 15.464C56.175 14.528 56.383 13.7567 56.799 13.15C57.215 12.526 57.7957 12.0407 58.541 11.694C59.3037 11.33 60.205 11.0787 61.245 10.94C62.3023 10.784 63.455 10.706 64.703 10.706V9.588C64.703 9.18933 64.6423 8.834 64.521 8.522C64.3997 8.21 64.1743 7.96733 63.845 7.794C63.533 7.60333 63.0563 7.508 62.415 7.508C61.7737 7.508 61.271 7.586 60.907 7.742C60.543 7.898 60.2917 8.08867 60.153 8.314C60.0143 8.53933 59.945 8.77333 59.945 9.016V9.38H56.877C56.8597 9.29333 56.851 9.20667 56.851 9.12C56.851 9.03333 56.851 8.92933 56.851 8.808C56.851 8.028 57.085 7.352 57.553 6.78C58.021 6.208 58.671 5.77467 59.503 5.48C60.335 5.168 61.297 5.012 62.389 5.012C63.637 5.012 64.6597 5.18533 65.457 5.532C66.2717 5.87867 66.8783 6.37267 67.277 7.014C67.6757 7.65533 67.875 8.43533 67.875 9.354V15.802C67.875 16.1313 67.9703 16.3653 68.161 16.504C68.3517 16.6427 68.5597 16.712 68.785 16.712H69.617V18.896C69.4437 18.9653 69.1923 19.0433 68.863 19.13C68.5337 19.234 68.1263 19.286 67.641 19.286C67.1903 19.286 66.783 19.208 66.419 19.052C66.0723 18.9133 65.7777 18.7053 65.535 18.428C65.2923 18.1507 65.119 17.8213 65.015 17.44H64.859C64.5643 17.804 64.209 18.1333 63.793 18.428C63.3943 18.7053 62.9177 18.922 62.363 19.078C61.8257 19.234 61.2017 19.312 60.491 19.312ZM61.453 16.712C61.973 16.712 62.4323 16.634 62.831 16.478C63.247 16.322 63.585 16.1053 63.845 15.828C64.1223 15.5507 64.3303 15.2127 64.469 14.814C64.625 14.4153 64.703 13.982 64.703 13.514V12.89C63.7497 12.89 62.8657 12.9507 62.051 13.072C61.2537 13.1933 60.6123 13.4187 60.127 13.748C59.659 14.0773 59.425 14.5453 59.425 15.152C59.425 15.464 59.4943 15.7413 59.633 15.984C59.789 16.2093 60.0143 16.3913 60.309 16.53C60.621 16.6513 61.0023 16.712 61.453 16.712ZM76.1863 19.312C75.0769 19.312 74.1149 19.0607 73.3003 18.558C72.4856 18.0553 71.8529 17.2753 71.4023 16.218C70.9689 15.1607 70.7523 13.8 70.7523 12.136C70.7523 10.4893 70.9776 9.146 71.4283 8.106C71.8789 7.04867 72.5029 6.26867 73.3003 5.766C74.0976 5.26333 74.9989 5.012 76.0043 5.012C76.6283 5.012 77.2003 5.08133 77.7203 5.22C78.2403 5.35867 78.6996 5.57533 79.0983 5.87C79.4969 6.14733 79.8349 6.494 80.1123 6.91H80.2683V0.201999H83.4403V19H80.8143L80.5543 17.18H80.3723C79.9389 17.8907 79.3496 18.428 78.6043 18.792C77.8763 19.1387 77.0703 19.312 76.1863 19.312ZM77.1743 16.582C77.9023 16.582 78.4916 16.4173 78.9423 16.088C79.3929 15.7587 79.7223 15.282 79.9303 14.658C80.1556 14.034 80.2683 13.2713 80.2683 12.37V12.032C80.2683 11.356 80.2076 10.7493 80.0863 10.212C79.9649 9.67467 79.7743 9.224 79.5143 8.86C79.2716 8.496 78.9509 8.21867 78.5523 8.028C78.1709 7.83733 77.7116 7.742 77.1743 7.742C76.3943 7.742 75.7703 7.898 75.3023 8.21C74.8516 8.50467 74.5223 8.97267 74.3143 9.614C74.1236 10.238 74.0283 11.0353 74.0283 12.006V12.37C74.0283 13.3233 74.1236 14.112 74.3143 14.736C74.5223 15.36 74.8516 15.828 75.3023 16.14C75.7703 16.4347 76.3943 16.582 77.1743 16.582ZM98.1041 19.312C96.6134 19.312 95.3654 19.0607 94.3601 18.558C93.3547 18.038 92.6007 17.2493 92.0981 16.192C91.5954 15.1347 91.3441 13.7913 91.3441 12.162C91.3441 10.5153 91.5954 9.172 92.0981 8.132C92.6007 7.07467 93.3547 6.29467 94.3601 5.792C95.3654 5.272 96.6134 5.012 98.1041 5.012C99.6121 5.012 100.86 5.272 101.848 5.792C102.853 6.29467 103.607 7.07467 104.11 8.132C104.613 9.172 104.864 10.5153 104.864 12.162C104.864 13.7913 104.613 15.1347 104.11 16.192C103.607 17.2493 102.853 18.038 101.848 18.558C100.86 19.0607 99.6121 19.312 98.1041 19.312ZM98.1041 16.712C98.9361 16.712 99.6034 16.556 100.106 16.244C100.626 15.9147 100.999 15.4293 101.224 14.788C101.467 14.1293 101.588 13.3147 101.588 12.344V11.98C101.588 11.0093 101.467 10.2033 101.224 9.562C100.999 8.90333 100.626 8.418 100.106 8.106C99.6034 7.77667 98.9361 7.612 98.1041 7.612C97.2721 7.612 96.5961 7.77667 96.0761 8.106C95.5734 8.418 95.2007 8.90333 94.9581 9.562C94.7327 10.2033 94.6201 11.0093 94.6201 11.98V12.344C94.6201 13.3147 94.7327 14.1293 94.9581 14.788C95.2007 15.4293 95.5734 15.9147 96.0761 16.244C96.5961 16.556 97.2721 16.712 98.1041 16.712ZM107.559 19V5.324H110.211L110.471 7.482H110.653C110.826 7.04867 111.034 6.65 111.277 6.286C111.537 5.90467 111.866 5.60133 112.265 5.376C112.664 5.13333 113.149 5.012 113.721 5.012C113.998 5.012 114.25 5.038 114.475 5.09C114.718 5.142 114.9 5.194 115.021 5.246V8.236H114.059C113.522 8.236 113.045 8.314 112.629 8.47C112.213 8.60867 111.858 8.834 111.563 9.146C111.286 9.458 111.078 9.848 110.939 10.316C110.8 10.784 110.731 11.33 110.731 11.954V19H107.559ZM126.434 19.312C125.325 19.312 124.363 19.0607 123.548 18.558C122.734 18.0553 122.101 17.2753 121.65 16.218C121.217 15.1607 121 13.8 121 12.136C121 10.4893 121.226 9.146 121.676 8.106C122.127 7.04867 122.751 6.26867 123.548 5.766C124.346 5.26333 125.247 5.012 126.252 5.012C126.876 5.012 127.448 5.08133 127.968 5.22C128.488 5.35867 128.948 5.57533 129.346 5.87C129.745 6.14733 130.083 6.494 130.36 6.91H130.516V0.201999H133.688V19H131.062L130.802 17.18H130.62C130.187 17.8907 129.598 18.428 128.852 18.792C128.124 19.1387 127.318 19.312 126.434 19.312ZM127.422 16.582C128.15 16.582 128.74 16.4173 129.19 16.088C129.641 15.7587 129.97 15.282 130.178 14.658C130.404 14.034 130.516 13.2713 130.516 12.37V12.032C130.516 11.356 130.456 10.7493 130.334 10.212C130.213 9.67467 130.022 9.224 129.762 8.86C129.52 8.496 129.199 8.21867 128.8 8.028C128.419 7.83733 127.96 7.742 127.422 7.742C126.642 7.742 126.018 7.898 125.55 8.21C125.1 8.50467 124.77 8.97267 124.562 9.614C124.372 10.238 124.276 11.0353 124.276 12.006V12.37C124.276 13.3233 124.372 14.112 124.562 14.736C124.77 15.36 125.1 15.828 125.55 16.14C126.018 16.4347 126.642 16.582 127.422 16.582ZM137.063 19V5.324H139.715L139.975 7.482H140.157C140.33 7.04867 140.538 6.65 140.781 6.286C141.041 5.90467 141.37 5.60133 141.769 5.376C142.168 5.13333 142.653 5.012 143.225 5.012C143.502 5.012 143.754 5.038 143.979 5.09C144.222 5.142 144.404 5.194 144.525 5.246V8.236H143.563C143.026 8.236 142.549 8.314 142.133 8.47C141.717 8.60867 141.362 8.834 141.067 9.146C140.79 9.458 140.582 9.848 140.443 10.316C140.304 10.784 140.235 11.33 140.235 11.954V19H137.063ZM149.739 19.312C149.358 19.312 148.916 19.26 148.413 19.156C147.928 19.0693 147.451 18.896 146.983 18.636C146.532 18.376 146.16 17.9947 145.865 17.492C145.57 16.972 145.423 16.296 145.423 15.464C145.423 14.528 145.631 13.7567 146.047 13.15C146.463 12.526 147.044 12.0407 147.789 11.694C148.552 11.33 149.453 11.0787 150.493 10.94C151.55 10.784 152.703 10.706 153.951 10.706V9.588C153.951 9.18933 153.89 8.834 153.769 8.522C153.648 8.21 153.422 7.96733 153.093 7.794C152.781 7.60333 152.304 7.508 151.663 7.508C151.022 7.508 150.519 7.586 150.155 7.742C149.791 7.898 149.54 8.08867 149.401 8.314C149.262 8.53933 149.193 8.77333 149.193 9.016V9.38H146.125C146.108 9.29333 146.099 9.20667 146.099 9.12C146.099 9.03333 146.099 8.92933 146.099 8.808C146.099 8.028 146.333 7.352 146.801 6.78C147.269 6.208 147.919 5.77467 148.751 5.48C149.583 5.168 150.545 5.012 151.637 5.012C152.885 5.012 153.908 5.18533 154.705 5.532C155.52 5.87867 156.126 6.37267 156.525 7.014C156.924 7.65533 157.123 8.43533 157.123 9.354V15.802C157.123 16.1313 157.218 16.3653 157.409 16.504C157.6 16.6427 157.808 16.712 158.033 16.712H158.865V18.896C158.692 18.9653 158.44 19.0433 158.111 19.13C157.782 19.234 157.374 19.286 156.889 19.286C156.438 19.286 156.031 19.208 155.667 19.052C155.32 18.9133 155.026 18.7053 154.783 18.428C154.54 18.1507 154.367 17.8213 154.263 17.44H154.107C153.812 17.804 153.457 18.1333 153.041 18.428C152.642 18.7053 152.166 18.922 151.611 19.078C151.074 19.234 150.45 19.312 149.739 19.312ZM150.701 16.712C151.221 16.712 151.68 16.634 152.079 16.478C152.495 16.322 152.833 16.1053 153.093 15.828C153.37 15.5507 153.578 15.2127 153.717 14.814C153.873 14.4153 153.951 13.982 153.951 13.514V12.89C152.998 12.89 152.114 12.9507 151.299 13.072C150.502 13.1933 149.86 13.4187 149.375 13.748C148.907 14.0773 148.673 14.5453 148.673 15.152C148.673 15.464 148.742 15.7413 148.881 15.984C149.037 16.2093 149.262 16.3913 149.557 16.53C149.869 16.6513 150.25 16.712 150.701 16.712ZM162.938 23.732C162.332 23.732 161.76 23.6107 161.222 23.368C160.685 23.1253 160.252 22.7613 159.922 22.276C159.593 21.808 159.428 21.2273 159.428 20.534C159.428 19.7713 159.645 19.1733 160.078 18.74C160.529 18.2893 161.023 17.9513 161.56 17.726C161.162 17.518 160.832 17.2407 160.572 16.894C160.33 16.5473 160.208 16.1313 160.208 15.646C160.208 14.9873 160.451 14.4673 160.936 14.086C161.422 13.6873 161.976 13.4273 162.6 13.306C161.959 12.9073 161.465 12.396 161.118 11.772C160.789 11.148 160.624 10.4373 160.624 9.64C160.624 8.68667 160.85 7.872 161.3 7.196C161.768 6.50267 162.444 5.96533 163.328 5.584C164.212 5.20267 165.278 5.012 166.526 5.012C167.029 5.012 167.514 5.04667 167.982 5.116C168.45 5.18533 168.875 5.28933 169.256 5.428C169.863 5.064 170.279 4.65667 170.504 4.206C170.73 3.738 170.851 3.35667 170.868 3.062H173.962C173.962 3.66867 173.841 4.206 173.598 4.674C173.373 5.142 173.052 5.532 172.636 5.844C172.22 6.13867 171.718 6.35533 171.128 6.494C171.562 6.87533 171.891 7.33467 172.116 7.872C172.342 8.40933 172.454 8.99867 172.454 9.64C172.454 10.5933 172.229 11.4167 171.778 12.11C171.345 12.8033 170.695 13.3407 169.828 13.722C168.979 14.1033 167.93 14.294 166.682 14.294H164.576C164.212 14.294 163.926 14.372 163.718 14.528C163.528 14.684 163.432 14.9007 163.432 15.178C163.432 15.4033 163.519 15.6027 163.692 15.776C163.883 15.9493 164.143 16.036 164.472 16.036H170.452C171.475 16.036 172.316 16.374 172.974 17.05C173.65 17.7087 173.988 18.558 173.988 19.598C173.988 20.378 173.78 21.08 173.364 21.704C172.966 22.328 172.402 22.822 171.674 23.186C170.946 23.55 170.097 23.732 169.126 23.732H162.938ZM164.082 21.444H169.1C169.43 21.444 169.716 21.3833 169.958 21.262C170.218 21.158 170.418 21.002 170.556 20.794C170.712 20.586 170.79 20.352 170.79 20.092C170.79 19.6413 170.643 19.3033 170.348 19.078C170.071 18.8527 169.724 18.74 169.308 18.74H164.082C163.666 18.74 163.32 18.8613 163.042 19.104C162.765 19.364 162.626 19.6933 162.626 20.092C162.626 20.4907 162.756 20.8113 163.016 21.054C163.294 21.314 163.649 21.444 164.082 21.444ZM166.552 12.058C167.471 12.058 168.156 11.85 168.606 11.434C169.074 11.0007 169.308 10.4027 169.308 9.64C169.308 8.87733 169.074 8.288 168.606 7.872C168.156 7.456 167.471 7.248 166.552 7.248C165.634 7.248 164.94 7.456 164.472 7.872C164.022 8.288 163.796 8.87733 163.796 9.64C163.796 10.1427 163.892 10.576 164.082 10.94C164.29 11.304 164.594 11.5813 164.992 11.772C165.408 11.9627 165.928 12.058 166.552 12.058ZM188.029 19.312C186.642 19.312 185.411 19.1127 184.337 18.714C183.279 18.298 182.447 17.7087 181.841 16.946C181.234 16.1833 180.931 15.2733 180.931 14.216C180.931 12.9853 181.26 12.0233 181.919 11.33C182.595 10.6193 183.435 10.1253 184.441 9.848V9.744C183.557 9.36267 182.82 8.87733 182.231 8.288C181.641 7.69867 181.347 6.84933 181.347 5.74C181.347 4.68267 181.633 3.79 182.205 3.062C182.794 2.334 183.609 1.788 184.649 1.424C185.706 1.04267 186.928 0.852 188.315 0.852C189.649 0.852 190.819 1.05133 191.825 1.45C192.83 1.84867 193.619 2.42067 194.191 3.166C194.763 3.894 195.049 4.752 195.049 5.74V6.39H191.877V5.974C191.877 5.402 191.729 4.934 191.435 4.57C191.157 4.18867 190.75 3.91133 190.213 3.738C189.675 3.54733 189.025 3.452 188.263 3.452C187.691 3.452 187.171 3.51267 186.703 3.634C186.252 3.738 185.871 3.90267 185.559 4.128C185.247 4.35333 185.004 4.63067 184.831 4.96C184.675 5.28933 184.597 5.67067 184.597 6.104C184.597 6.65867 184.735 7.12667 185.013 7.508C185.307 7.88933 185.689 8.17533 186.157 8.366C186.625 8.55667 187.127 8.652 187.665 8.652H189.407V11.252H187.743C187.136 11.252 186.555 11.33 186.001 11.486C185.463 11.6247 185.03 11.8847 184.701 12.266C184.371 12.6473 184.207 13.202 184.207 13.93C184.207 14.5713 184.363 15.1 184.675 15.516C184.987 15.9147 185.429 16.218 186.001 16.426C186.59 16.6167 187.292 16.712 188.107 16.712C188.956 16.712 189.658 16.608 190.213 16.4C190.767 16.1747 191.183 15.8453 191.461 15.412C191.738 14.9787 191.877 14.4587 191.877 13.852V8.652H197.441V11.252H195.049V13.774C195.049 14.8833 194.78 15.854 194.243 16.686C193.723 17.518 192.943 18.168 191.903 18.636C190.863 19.0867 189.571 19.312 188.029 19.312ZM210.147 19.312C209.038 19.312 208.076 19.0607 207.261 18.558C206.447 18.0553 205.814 17.2753 205.363 16.218C204.93 15.1607 204.713 13.8 204.713 12.136C204.713 10.4893 204.939 9.146 205.389 8.106C205.84 7.04867 206.464 6.26867 207.261 5.766C208.059 5.26333 208.96 5.012 209.965 5.012C210.589 5.012 211.161 5.08133 211.681 5.22C212.201 5.35867 212.661 5.57533 213.059 5.87C213.458 6.14733 213.796 6.494 214.073 6.91H214.229V0.201999H217.401V19H214.775L214.515 17.18H214.333C213.9 17.8907 213.311 18.428 212.565 18.792C211.837 19.1387 211.031 19.312 210.147 19.312ZM211.135 16.582C211.863 16.582 212.453 16.4173 212.903 16.088C213.354 15.7587 213.683 15.282 213.891 14.658C214.117 14.034 214.229 13.2713 214.229 12.37V12.032C214.229 11.356 214.169 10.7493 214.047 10.212C213.926 9.67467 213.735 9.224 213.475 8.86C213.233 8.496 212.912 8.21867 212.513 8.028C212.132 7.83733 211.673 7.742 211.135 7.742C210.355 7.742 209.731 7.898 209.263 8.21C208.813 8.50467 208.483 8.97267 208.275 9.614C208.085 10.238 207.989 11.0353 207.989 12.006V12.37C207.989 13.3233 208.085 14.112 208.275 14.736C208.483 15.36 208.813 15.828 209.263 16.14C209.731 16.4347 210.355 16.582 211.135 16.582ZM220.776 19V5.324H223.428L223.688 7.482H223.87C224.043 7.04867 224.251 6.65 224.494 6.286C224.754 5.90467 225.083 5.60133 225.482 5.376C225.881 5.13333 226.366 5.012 226.938 5.012C227.215 5.012 227.467 5.038 227.692 5.09C227.935 5.142 228.117 5.194 228.238 5.246V8.236H227.276C226.739 8.236 226.262 8.314 225.846 8.47C225.43 8.60867 225.075 8.834 224.78 9.146C224.503 9.458 224.295 9.848 224.156 10.316C224.017 10.784 223.948 11.33 223.948 11.954V19H220.776ZM236.026 19.312C234.535 19.312 233.287 19.0607 232.282 18.558C231.277 18.038 230.523 17.2493 230.02 16.192C229.517 15.1347 229.266 13.7913 229.266 12.162C229.266 10.5153 229.517 9.172 230.02 8.132C230.523 7.07467 231.277 6.29467 232.282 5.792C233.287 5.272 234.535 5.012 236.026 5.012C237.534 5.012 238.782 5.272 239.77 5.792C240.775 6.29467 241.529 7.07467 242.032 8.132C242.535 9.172 242.786 10.5153 242.786 12.162C242.786 13.7913 242.535 15.1347 242.032 16.192C241.529 17.2493 240.775 18.038 239.77 18.558C238.782 19.0607 237.534 19.312 236.026 19.312ZM236.026 16.712C236.858 16.712 237.525 16.556 238.028 16.244C238.548 15.9147 238.921 15.4293 239.146 14.788C239.389 14.1293 239.51 13.3147 239.51 12.344V11.98C239.51 11.0093 239.389 10.2033 239.146 9.562C238.921 8.90333 238.548 8.418 238.028 8.106C237.525 7.77667 236.858 7.612 236.026 7.612C235.194 7.612 234.518 7.77667 233.998 8.106C233.495 8.418 233.123 8.90333 232.88 9.562C232.655 10.2033 232.542 11.0093 232.542 11.98V12.344C232.542 13.3147 232.655 14.1293 232.88 14.788C233.123 15.4293 233.495 15.9147 233.998 16.244C234.518 16.556 235.194 16.712 236.026 16.712ZM245.481 23.498V5.324H248.107L248.367 7.144H248.549C249 6.43333 249.589 5.90467 250.317 5.558C251.045 5.194 251.851 5.012 252.735 5.012C253.862 5.012 254.824 5.26333 255.621 5.766C256.436 6.26867 257.06 7.04867 257.493 8.106C257.944 9.16333 258.169 10.524 258.169 12.188C258.169 13.8173 257.944 15.1607 257.493 16.218C257.042 17.2753 256.418 18.0553 255.621 18.558C254.841 19.0607 253.94 19.312 252.917 19.312C252.293 19.312 251.721 19.2427 251.201 19.104C250.681 18.9653 250.222 18.7573 249.823 18.48C249.424 18.1853 249.086 17.83 248.809 17.414H248.653V23.498H245.481ZM251.747 16.582C252.527 16.582 253.142 16.4347 253.593 16.14C254.061 15.828 254.39 15.36 254.581 14.736C254.789 14.112 254.893 13.3233 254.893 12.37V12.006C254.893 11.0353 254.789 10.238 254.581 9.614C254.39 8.97267 254.061 8.50467 253.593 8.21C253.142 7.898 252.527 7.742 251.747 7.742C251.036 7.742 250.447 7.90667 249.979 8.236C249.528 8.56533 249.19 9.05067 248.965 9.692C248.757 10.316 248.653 11.0873 248.653 12.006V12.318C248.653 12.994 248.714 13.6007 248.835 14.138C248.956 14.658 249.138 15.1 249.381 15.464C249.641 15.828 249.962 16.1053 250.343 16.296C250.742 16.4867 251.21 16.582 251.747 16.582ZM266.723 19V7.924H264.747V5.324H266.723V3.582C266.723 2.97533 266.818 2.40333 267.009 1.866C267.217 1.31133 267.572 0.860666 268.075 0.513999C268.577 0.167333 269.279 -0.00600016 270.181 -0.00600016C270.441 -0.00600016 270.701 0.0113329 270.961 0.0459992C271.238 0.0806654 271.498 0.132665 271.741 0.201999C271.983 0.253999 272.191 0.314666 272.365 0.383999V2.594H271.065C270.683 2.594 270.389 2.698 270.181 2.906C269.99 3.09667 269.895 3.38267 269.895 3.764V5.324H272.365V7.924H269.895V19H266.723ZM274.045 3.218V0.201999H277.217V3.218H274.045ZM274.045 19V5.324H277.217V19H274.045ZM280.596 19V0.201999H283.768V19H280.596ZM293.023 19.312C291.567 19.312 290.354 19.0607 289.383 18.558C288.412 18.038 287.684 17.2493 287.199 16.192C286.714 15.1347 286.471 13.7913 286.471 12.162C286.471 10.5153 286.714 9.172 287.199 8.132C287.684 7.07467 288.412 6.29467 289.383 5.792C290.354 5.272 291.567 5.012 293.023 5.012C294.34 5.012 295.441 5.26333 296.325 5.766C297.226 6.25133 297.902 7.00533 298.353 8.028C298.804 9.05067 299.029 10.3767 299.029 12.006V12.942H289.721C289.756 13.7913 289.886 14.5107 290.111 15.1C290.336 15.672 290.683 16.1053 291.151 16.4C291.636 16.6773 292.269 16.816 293.049 16.816C293.448 16.816 293.82 16.764 294.167 16.66C294.514 16.556 294.817 16.4 295.077 16.192C295.337 15.9667 295.536 15.6893 295.675 15.36C295.831 15.0307 295.909 14.6493 295.909 14.216H299.029C299.029 15.0827 298.873 15.8367 298.561 16.478C298.266 17.1193 297.842 17.648 297.287 18.064C296.75 18.48 296.117 18.792 295.389 19C294.661 19.208 293.872 19.312 293.023 19.312ZM289.773 10.706H295.727C295.727 10.134 295.658 9.64867 295.519 9.25C295.398 8.85133 295.216 8.522 294.973 8.262C294.748 8.002 294.47 7.82 294.141 7.716C293.812 7.59467 293.439 7.534 293.023 7.534C292.347 7.534 291.775 7.64667 291.307 7.872C290.856 8.09733 290.51 8.444 290.267 8.912C290.024 9.38 289.86 9.978 289.773 10.706ZM307.051 19.312C306.063 19.312 305.197 19.208 304.451 19C303.706 18.7747 303.082 18.4713 302.579 18.09C302.077 17.7087 301.695 17.2667 301.435 16.764C301.193 16.244 301.071 15.6807 301.071 15.074C301.071 14.9873 301.071 14.9093 301.071 14.84C301.089 14.7707 301.097 14.7187 301.097 14.684H304.217C304.217 14.7187 304.217 14.7533 304.217 14.788C304.217 14.8227 304.217 14.8573 304.217 14.892C304.235 15.36 304.382 15.7413 304.659 16.036C304.937 16.3133 305.301 16.5127 305.751 16.634C306.202 16.7553 306.679 16.816 307.181 16.816C307.632 16.816 308.057 16.7727 308.455 16.686C308.871 16.582 309.209 16.426 309.469 16.218C309.747 15.9927 309.885 15.7067 309.885 15.36C309.885 14.9093 309.712 14.5627 309.365 14.32C309.019 14.0773 308.559 13.878 307.987 13.722C307.433 13.566 306.835 13.4013 306.193 13.228C305.621 13.072 305.049 12.8987 304.477 12.708C303.905 12.5173 303.385 12.2747 302.917 11.98C302.467 11.6853 302.094 11.304 301.799 10.836C301.522 10.368 301.383 9.78733 301.383 9.094C301.383 8.418 301.531 7.82867 301.825 7.326C302.12 6.82333 302.527 6.40733 303.047 6.078C303.567 5.73133 304.183 5.47133 304.893 5.298C305.604 5.12467 306.375 5.038 307.207 5.038C308.022 5.038 308.759 5.12467 309.417 5.298C310.093 5.47133 310.674 5.72267 311.159 6.052C311.662 6.364 312.043 6.754 312.303 7.222C312.581 7.67267 312.719 8.17533 312.719 8.73C312.719 8.85133 312.711 8.97267 312.693 9.094C312.693 9.21533 312.693 9.28467 312.693 9.302H309.599V9.12C309.599 8.79067 309.495 8.51333 309.287 8.288C309.097 8.04533 308.811 7.85467 308.429 7.716C308.065 7.57733 307.606 7.508 307.051 7.508C306.635 7.508 306.271 7.54267 305.959 7.612C305.647 7.68133 305.387 7.77667 305.179 7.898C304.989 8.01933 304.841 8.158 304.737 8.314C304.633 8.47 304.581 8.64333 304.581 8.834C304.581 9.16333 304.711 9.42333 304.971 9.614C305.231 9.80467 305.578 9.96933 306.011 10.108C306.462 10.2467 306.947 10.394 307.467 10.55C308.091 10.7233 308.733 10.9053 309.391 11.096C310.05 11.2693 310.657 11.4947 311.211 11.772C311.783 12.0493 312.243 12.4393 312.589 12.942C312.936 13.4447 313.109 14.112 313.109 14.944C313.109 15.7413 312.953 16.426 312.641 16.998C312.347 17.5527 311.922 18.0033 311.367 18.35C310.83 18.6793 310.189 18.922 309.443 19.078C308.715 19.234 307.918 19.312 307.051 19.312Z" fill="black" />
|
|
</svg>
|
|
</p>
|
|
|
|
<p className="text-xs text-gray-500 mt-[-5px]">
|
|
PDF, DOCX (max 10MB)
|
|
</p>
|
|
|
|
<button
|
|
className="text-xs mt-4 mb-6 text-white bg-[var(--dashBoardStartNowBtn)] px-8 py-2 rounded shadow-xs transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-blue-400 cursor-pointer"
|
|
>
|
|
Upload File
|
|
</button>
|
|
|
|
|
|
<input
|
|
type="file"
|
|
ref={fileInputRef}
|
|
className="hidden"
|
|
onChange={handleFileChange}
|
|
accept=".pdf,.doc,.docx,.jpg,.png,.jpeg,.txt"
|
|
multiple
|
|
/>
|
|
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default StartNow |