\n
\n \n \n );\n};\n","function loadData(key) {\n try {\n let data = localStorage.getItem(key);\n data = JSON.parse(data);\n return data;\n } catch (err) {\n return undefined;\n }\n}\nfunction saveData(key, data = \"\") {\n localStorage.setItem(key, JSON.stringify(data));\n}\nexport { loadData, saveData };\n","import { Button, TextInputField } from \"evergreen-ui\";\nimport React, { useState, useEffect } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport { saveData } from \"../../../Utils/localStorage\";\nimport styles from \"./createAccount.module.css\";\nimport { useSelector } from \"react-redux\";\nimport { IMAGE_PATH, PRODUCT } from \"../../../Utils/variables\";\n\nexport const CreateAccount = () => {\n const { isLogin } = useSelector((state) => state.auth);\n const [isvisible, setIsVisible] = useState(false);\n const [liscense, setLiscense] = useState(\"\");\n const navigate = useNavigate();\n const handleCreateAccount = (e) => {\n e.preventDefault();\n if (liscense == \"\") {\n toast.error(\"Please enter trade license number\");\n } else {\n setIsVisible(true);\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/license\", {\n method: \"POST\",\n body: JSON.stringify({ trade_license_number: liscense }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setIsVisible(false);\n if (res.status == true) {\n saveData(\"email\", res.response[0].vendor_email);\n saveData(\"LicenseNumber\", res.response[0].trade_license_number);\n navigate(\"/alreadyregistered\");\n } else {\n saveData(\"tradeLicenseNumber\", liscense);\n navigate(\"/vendordetails\");\n }\n })\n .catch((err) => {\n setIsVisible(false);\n console.log(err);\n });\n }\n };\n\n useEffect(() => {\n document.title = PRODUCT + \" - Create Account\";\n if (isLogin) {\n navigate(\"/rfqs\");\n }\n }, []);\n return (\n <>\n VENDOR LOGIN
\n \n\n\n
\n \n
\n CREATE AN ACCOUNT
\n\n To create an account enter your TRADE LICENSE NUMBER\n
\n\n setLiscense(e.target.value)}\n />\n
\n \n {!isvisible ? (\n \n NEXT\n \n ) : (\n \n \n NEXT\n \n )}\n
\n \n
\n );\n};\nexport const generateString = (length = 6) => {\n const characters = \"ABCDEFGHIJKLMNOPQ123456789\";\n let result = \"\";\n const charactersLength = characters.length;\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * charactersLength));\n }\n return result;\n};\nexport const validateCaptcha = (captcha, captchaValue) => {\n console.log(captcha, captchaValue);\n if (captcha == captchaValue) {\n return true;\n } else {\n return false;\n }\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { Button, TextInputField } from \"evergreen-ui\";\nimport { useSelector } from \"react-redux\";\nimport { MagnifyingGlass, Bars } from \"react-loader-spinner\";\nimport styles from \"./forgetPassword.module.css\";\nimport {\n Captcha,\n generateString,\n validateCaptcha,\n} from \"../../Captcha/Captcha\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport { saveData } from \"../../../Utils/localStorage\";\nimport { validateEmail } from \"../../../Utils/Validation\";\nimport { IMAGE_PATH, PRODUCT } from \"../../../Utils/variables\";\nexport const ForgetPassword = () => {\n document.title = PRODUCT + \" - Forgot Password\";\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n\n const [email, setEmail] = useState(\"\");\n const [captchaValue, setCaptchaValue] = useState(\"\");\n const [captcha, setCaptcha] = useState(\"\");\n const [isvisible, setIsVisible] = useState(false);\n const navigate = useNavigate();\n\n const handleSubmit = () => {\n if (!validateEmail(email.trim())) {\n toast.error(\"Please enter valid Email Address\");\n } else if (captchaValue == \"\") {\n toast.error(\"Please enter Captcha\");\n } else if (!validateCaptcha(captcha, captchaValue)) {\n toast.warning(\"Please enter valid Captcha\");\n } else {\n setIsVisible(true);\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/forgot\", {\n method: \"POST\",\n body: JSON.stringify({ email: email }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setCaptcha(() => generateString(6));\n setCaptchaValue(\"\");\n\n setIsVisible(false);\n if (res.status == true) {\n toast(`${res.message}`, {\n type: \"success\",\n });\n saveData(\"forgotEmail\", email);\n setTimeout(() => {\n navigate(\"/codeauthentication\");\n }, 1000);\n } else {\n toast(`${res.message}`, {\n type: \"error\",\n });\n }\n // RenderHandler(true);\n })\n .catch((err) => {\n setIsVisible(false);\n setCaptchaValue(\"\");\n console.log(\"e\", err);\n });\n }\n };\n const handleGenerateCaptcha = () => {\n setCaptcha(() => generateString(6));\n };\n useEffect(() => {\n if (isLogin) {\n navigate(\"/rfqs\");\n }\n }, []);\n return (\n <>\n \n
\n \n
\n {captcha}
\n\n \n setEmail(e.target.value)}\n className={styles.inputDiv}\n />\n setCaptchaValue(e.target.value)}\n className={styles.inputDiv}\n />\n
\n \n FORGOT PASSWORD
\n\n {/*
\n \n
\n \n Please enter the code shown in the above
\n text box.There are no zeros in the image.\n
\n {!isvisible ? (\n \n RESET PASSWORD\n \n ) : (\n \n \n RESET PASSWORD\n \n )}\n
\n \n
\n \n \n \n \n \n New Password \n \n \n togglePasswordVisibility(\"newPassword\")}\n />\n ) : (\n togglePasswordVisibility(\"newPassword\")}\n />\n )}\n \n \n setConfirmPassword(e.target.value)}\n className={styles.inputDiv}\n />\n {showPassword.confirmPassword ? (\n togglePasswordVisibility(\"confirmPassword\")}\n />\n ) : (\n togglePasswordVisibility(\"confirmPassword\")}\n />\n )}\n \n setCaptchaValue(e.target.value)}\n className={styles.inputDiv}\n />\n
\n CHANGE PASSWORD
\n\n
\n \n
\n \n Please enter the code shown in the above
\n text box.There are no zeros in the image.\n
\n \n CHANGE PASSWORD\n \n
\n \n
\n \n ALREADY REGISTERED
\n\n You already have an account with us for the entered
\n \n Trade License Number : {tradeLicenseNumber && tradeLicenseNumber}\n \n
Please sign in with{\" \"}\n Email ID : {maskEmail(localEmail)} to continue.\n
\n \n
\n \n \n setSecurityCode(e.target.value)}\n />\n setCaptchaValue(e.target.value)}\n />\n
\n \n CODE AUTHENTICATION
\nWe have sent a 6 digit security code to your email
\n\n
\n \n
\n \n Please enter the code shown in the above
\n text box.There are no zeros in the image.\n
\n {!isvisible ? (\n \n VERIFY CODE\n \n ) : (\n \n \n VERIFY CODE\n \n )}\n
\n {/* */}\n \n
\n \n )}\n >\n \n (\n \n
\n )}\n \n {\n setinputValue(e.target.value);\n }}\n />\n
\n\n \n {/* {\n debouncedChangeHandler();\n }}\n width={100}\n height={40}\n >\n Search\n \n
\n \n
\n {closefilter && (\n \n
\n {manageByShowOrNot && (\n COMMUNITY
\n {communityOptions && communityOptions.length > 0 && (\n\n
\n )}\n MANAGED BY
\n\n \n \n {!postedOnStartdate && !postedOnEnddate ? (\n {`${moment().format(\n \"DD/MM/YYYY\"\n )} - ${moment().format(\"DD/MM/YYYY\")}`}\n ) : (\n {`${moment(\n postedOnStartdate,\n \"YYYY-MM-DD\"\n ).format(\"DD/MM/YYYY\")} - ${moment(\n postedOnEnddate,\n \"YYYY-MM-DD\"\n ).format(\"DD/MM/YYYY\")}`}\n )}\n \n
\n \n POSTED ON
\n\n \n \n {!closingOnStartdate && !closingOnEnddate ? (\n {`${moment().format(\n \"DD/MM/YYYY\"\n )} - ${moment().format(\"DD/MM/YYYY\")}`}\n ) : (\n {`${moment(\n closingOnStartdate,\n \"YYYY-MM-DD\"\n ).format(\"DD/MM/YYYY\")} - ${moment(\n closingOnEnddate,\n \"YYYY-MM-DD\"\n ).format(\"DD/MM/YYYY\")}`}\n )}\n \n
\n \n CLOSING ON
\n\n {\n ApllyHandler();\n\n close();\n }}\n className=\"filterApply\"\n >\n Apply\n {\" \"}\n ClearAllFilter()}\n >\n Clear\n \n
\n ![\"\"](\"./images/stratum/filterLeftSvg.svg\")
\n Filters\n ![\"\"](\"./images/stratum/filterRightSvg.svg\")
\n \n \n \n \n \n {\n ManagedDelete(e.id);\n }}\n >\n {e.name} X\n
\n );\n })}\n {/* \n {showFilterData &&\n communitySelectedData &&\n communitySelectedData.map((e) => {\n return (\n {\n CommunityDelete(e.id);\n }}\n >\n {e.name} X\n
\n );\n })}\n\n {showFilterData &&\n manageBySelectedData &&\n manageBySelectedData.map((e) => {\n return (\n Hello1
\n Hello2
\n Hello3
\n Hello4
*/}\n {showFilterData && postedOnStartdate && postedOnEnddate && (\n ClearAllFilter()}>\n Clear\n
\n ApllyHandler()}>\n Apply\n
\n \n ) : (\n \n )}\n \n \n );\n};\n\nexport default SearchAndFilter;\n","import React from \"react\";\nimport \"./submittedqoutes.css\";\nimport moment from \"moment\";\nimport { IMAGE_PATH } from \"../../Utils/variables\";\n\nconst ListCardLeft = ({\n closing_date,\n rfq_title,\n activeTabId,\n itemId,\n name,\n}) => {\n return (\n {rfq_title}
\n \n
\n \n );\n};\n\nexport default ListCardLeft;\n","import React, { useState } from \"react\";\nimport { Button } from \"evergreen-ui\";\nimport \"./header.css\";\nimport { IMAGE_PATH } from \"../../Utils/variables\";\nconst Header = ({\n title,\n customMg,\n closeBtn,\n onClose,\n changePasswordBtn,\n onOpenModal,\n}) => {\n return (\n \n
\n \n
\n CLOSING ON
\n \n {moment(closing_date).format(\"DD MMM YYYY\")}\n
\n \n
\n )}\n {closeBtn && (\n \n {title}\n
\n {changePasswordBtn && (\n\n \n
\n \n 
\n Change Password\n
\n \n {/* */}\n \n {/* \n
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport moment from \"moment\";\nimport parse from \"html-react-parser\";\n\nimport SearchAndFilter from \"../SearchAndFilter/SearchAndFilter\";\nimport \"./submittedqoutes.css\";\nimport ListCardLeft from \"./ListCardLeft\";\nimport Header from \"../Header/Header\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { ModalTandC } from \"../ApplyNowRFQs/ModalTandC\";\nimport { DownloadIcon, Button } from \"evergreen-ui\";\nimport { Markup } from \"interweave\";\nimport TermsAndCondition from \"./TermsAndCondition\";\nimport { IMAGE_PATH, PRODUCT } from \"../../Utils/variables\";\n\nconst SubmittedQoutes = () => {\n const [initialLoading, setinitialLoading] = useState(true);\n const [multiTandC, setmultiTandC] = useState([]);\n const [modalData, setmodalData] = useState({ title: \"\", desc: \"\" });\n const [remark, setremark] = useState(\"\");\n\n // ---------------states for modal----------------------\n const [disablebtn, setDisableBtn] = useState(false);\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const handleDisablebtn = () => setDisableBtn(true);\n\n const handleDownload = (urls) => {\n let url = urls;\n const link = document.createElement(\"a\");\n link.href = url;\n link.target = \"_blank\";\n document.body.appendChild(link);\n link.click();\n link.parentNode.removeChild(link);\n };\n // let vendorId = JSON.parse(localStorage.getItem(\"vendor_id\"));\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n const [grandTotal, setgrandTotal] = useState(0);\n const navigate = useNavigate();\n const [getFilterData, setgetFilterData] = useState({});\n const [activeTabId, setActiveTab] = useState(0);\n const [leftCardData, setleftCardData] = useState();\n const [rightCardData, setrightCardData] = useState();\n const [qouteId, setQouteId] = useState();\n const [basicClose, setbasicClose] = useState({\n card1: true,\n card2: true,\n card3: true,\n card4: true,\n card5: true,\n card6: true,\n card7: true,\n card8: true,\n });\n const onClickTabItem = (tabId) => {\n setActiveTab(tabId);\n };\n\n const openInNewTab = (url) => {\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const LeftCardDataLoad = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n search_query\n ) => {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorRfq/quote\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_id: vendorId,\n communities: Communities,\n manageBy: manageBy,\n closingOnstart: closingOnstart,\n closingOnend: closingOnend,\n postedOnstart: postedOnstart,\n postedOnend: postedOnend,\n search_query: search_query,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setleftCardData(res.response.data);\n if (res.response.count === 0) {\n setrightCardData();\n setQouteId(\"\");\n } else {\n RightCardDataLoad(res.response.data[0].id);\n setQouteId(res.response.data[0].id);\n }\n\n setinitialLoading(false);\n })\n .catch((err) => {\n setinitialLoading(false);\n console.log(\"e\", err);\n });\n };\n\n const FilterData = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend\n ) => {\n let obj = {\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n };\n setgetFilterData(obj);\n };\n\n const RightCardDataLoad = (id) => {\n if (id) {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorRfq/quoteById\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_id: vendorId,\n quote_id: id,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setrightCardData(res.response[0]);\n const arr = res.response[0].quote_items;\n const sum = arr.reduce((accumulator, object) => {\n return accumulator + +object.total;\n }, 0);\n setgrandTotal(sum);\n\n const narr = res.response[0].tc;\n setmultiTandC(narr);\n const getRemark = res.response[0].term_condition_one[0] || \"\";\n setremark(getRemark);\n })\n .catch((err) => console.log(\"e\", err));\n }\n };\n\n const searchFucntion = (x) => {\n LeftCardDataLoad(\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n x\n );\n };\n useEffect(() => {\n RightCardDataLoad(qouteId);\n }, [qouteId]);\n // useEffect(() => {\n // LeftCardDataLoad();\n // }, []);\n useEffect(() => {\n LeftCardDataLoad(\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend\n );\n document.title = PRODUCT + \" - Submit Quote\";\n }, [getFilterData]);\n\n return (\n \n {data &&\n data.map((e, i) => {\n return (\n <>\n
\n \n \n \n
\n
\n )}\n \n {/* -----------scope of work---------------- */}\n\n \n
\n\n {/* -----------ITEMS---------------- */}\n \n
\n {/* ---------------------right main data start from here--------------------- */}\n\n \n
\n \n
\n Submitted Quotes List
\n {/*31 Availiable
*/}\n\n {leftCardData && leftCardData.length > 0 ? (\n leftCardData.map((e, i) => {\n return (\n {\n onClickTabItem(i);\n setQouteId(e.id);\n }}\n >\n
\n );\n })\n ) : (\n \n {initialLoading ? (\n \n ) : (\n \n )}\n
\n )}\n \n
\n\n {/* -----------contact info----------------- */}\n \n
\n {/* -----------------------right cards-------------------- */}\n {rightCardData ? (\n \n
\n \n {rightCardData && rightCardData.rfq_title}{\" \"}\n
\n \n {\" \"}\n {rightCardData && rightCardData.name}\n
\n \n {rightCardData && rightCardData.length > 0 && (\n {\n openInNewTab(\n process.env.REACT_APP_NEW_TAB_URL + \"/viewrfq\"\n );\n }}\n >\n View RFQ\n \n )}\n
\n \n {/* -----------basic info----------------- */}\n
\n {/* -----------site visit----------------- */}\n \n
\n {basicClose.card1 && (\n \n {\n setbasicClose({\n ...basicClose,\n card1: !basicClose.card1,\n });\n }}\n >\n {\" \"}\n
\n \n ![\"\"](\"./images/stratum/basicInfo.svg\")
\n General Info\n
\n \n General Info\n \n
\n )}\n \n
\n\n RFQ NO
\n\n {rightCardData && rightCardData.rfq_no\n ? rightCardData.rfq_no\n : \"NA\"}\n
\n\n {/* PR NO
\n\n {rightCardData && rightCardData.pr_display_number\n ? rightCardData.pr_display_number\n : \"NA\"}\n
*/}\n\n CLOSING ON
\n\n {rightCardData &&\n moment(rightCardData.closing_date).format(\n \"DD MMM YYYY\"\n )}\n
\n \n
\n {/* POSTED ON
\n\n {rightCardData &&\n moment(rightCardData.created_on).format(\n \"DD MMM YYYY\"\n )}\n
\n Expected Completion/Delivery
\n\n {rightCardData &&\n moment(\n rightCardData.expected_delivery_completion_date\n ).format(\"DD MMM YYYY\")}\n
\n \n
*/}\n MANAGED BY
\n{rightCardData && rightCardData.rfq_no}
\n \n
\n {basicClose.card8 && (\n \n {\n setbasicClose({\n ...basicClose,\n card8: !basicClose.card8,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/siteVisit.svg\")
\n Site Visit\n
\n \n Site Visit\n \n
\n )}\n \n
\n start date
\n\n {rightCardData &&\n moment(rightCardData.site_visit_start_date).format(\n \"DD MMM YYYY\"\n )}\n
\n end date
\n\n {rightCardData &&\n moment(rightCardData.site_visit_end_date).format(\n \"DD MMM YYYY\"\n )}\n
\n \n
\n start time
\n\n {rightCardData && rightCardData.site_visit_start_time\n ? rightCardData.site_visit_start_time\n : \"NA\"}\n
\n end time
\n\n {rightCardData && rightCardData.site_visit_end_time\n ? rightCardData.site_visit_end_time\n : \"NA\"}\n
\n \n
\n {basicClose.card6 && (\n \n {\n setbasicClose({\n ...basicClose,\n card6: !basicClose.card6,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/contactinfo.svg\")
\n Contact Info\n
\n \n Contact Info\n \n
\n )}\n \n
\n NAME
\n\n {rightCardData && rightCardData.contact_person}\n
\n NUMBER
\n\n {rightCardData && rightCardData.vendor_phone\n ? rightCardData.vendor_phone\n : \"NA\"}\n
\n \n EMAIL
\n
\n \n {rightCardData && rightCardData.email_id\n ? rightCardData.email_id\n : \"NA\"}\n
\n \n
\n {basicClose.card2 && (\n \n {\n setbasicClose({\n ...basicClose,\n card2: !basicClose.card2,\n });\n }}\n >\n {\" \"}\n
\n \n ![\"\"](\"./images/stratum/item.svg\")
\n Items\n
\n \n Items\n | DESCRIPTION | \nUOM | \nQty | \nPRICE PER UNIT | \nVAT (%) | \n\n TOTAL AMOUNT\n | \n
|---|---|---|---|---|---|
| {e.item} | \n{e.uom_name} | \n\n {e.quantity}\n | \n{e.amount} | \n{e.vat} | \n\n {(+e?.total).toFixed(2)}\n | \n
| \n | \n | \n Grand Total (AED)\n | \n\n
\n
\n {basicClose.card7 && (\n \n {\n setbasicClose({\n ...basicClose,\n card7: !basicClose.card7,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/scopeOfWork.svg\")
\n Scope of Work\n
\n \n Scope of Work\n \n
\n )}\n \n {/* -----------Terms & Conditions -01---------------- */}\n {/* {multiTandC &&\n multiTandC.map((e, i) => {\n return ( */}\n\n \n
\n \n {rightCardData && rightCardData.scope_of_work\n ? rightCardData.scope_of_work\n .toString()\n .replace(\n /<[^>]*(>|$)| ||»|«|>/g,\n \" \"\n )\n .replace(/[\\[\\]']+/g, \"\")\n : \"no data to show\"}\n
\n \n
\n {basicClose.card3 && (\n \n {\n setbasicClose({\n ...basicClose,\n card3: !basicClose.card3,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/tandc.svg\")
\n {\n // setmodalData({\n // title: multiTandC[i].title,\n // desc: multiTandC[i].desc,\n // });\n onOpenModal();\n }}\n >\n Terms & Conditions\n \n
\n \n Remark :\n \n
\n \n \n \n Remark :\n \n
\n
\n )}\n \n {/* ); */}\n {/* })} */}\n\n {/* -----------Notes--------------- */}\n\n \n
\n {remark}
\n \n
\n {basicClose.card5 && (\n \n {\n setbasicClose({\n ...basicClose,\n card5: !basicClose.card5,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/notes.svg\")
\n Notes\n
\n \n Notes\n \n
\n )}\n \n {/* -----------Attachments----------------- */}\n \n
\n \n {rightCardData && rightCardData.notes\n ? rightCardData.notes\n : \"NA\"}\n
\n \n
\n {basicClose.card8 && (\n \n {\n setbasicClose({\n ...basicClose,\n card8: !basicClose.card8,\n });\n }}\n >\n
\n \n ![\"\"](\"./images/stratum/attachment.svg\")
\n Attachments\n
\n \n Attachments\n \n
\n )}\n \n \n ) : (\n \n {/* \n
\n img1
\n \n img2
*/}\n {rightCardData &&\n rightCardData.documents.map((item) => {\n return (\n <>\n \n \n {item.orig_name.slice(0, 20)}...\n
\n \n );\n })}\n \n {/* \n \n Download\n \n \n handleDownload(item?.urls)}\n >\n Download\n \n \n );\n })}\n
\n \n
*/}\n {rightCardData &&\n rightCardData.documents.map((item) => {\n return (\n <>\n \n \n \n
\n )}\n \n \n \n \n {\n setswitchEdit(false);\n }}\n >\n ![\"\"](\"./images/stratum/closeLogo.svg\")
\n
\n )}\n \n \n {\n setswitchEdit(true);\n }}\n >\n ![\"\"](\"./images/stratum/edit.svg\")
\n
\n ) : (\n \n
\n {!switchEdit ? (\n \n ![\"\"](\"./images/stratum/bankDetails.svg\")
\n
\n \n Bank Details
\n \n \n \n
\n {switchEdit && (\n \n
\n Bank details
\n {!switchEdit ? (\n\n {allData.bankDetails ? allData.bankDetails : \"NA\"}\n
\n ) : (\n SWIFT CODE
\n {!switchEdit ? (\n\n {allData.SWIFTcode ? allData.SWIFTcode : \"NA\"}\n
\n ) : (\n \n {\" \"}\n
\n Account Number
\n {!switchEdit ? (\n\n {allData.accountNumber ? allData.accountNumber : \"NA\"}\n
\n ) : (\n \n {\" \"}\n
\n IBAN Number
\n {!switchEdit ? (\n\n {allData.IBANnumber ? allData.IBANnumber : \"NA\"}\n
\n ) : (\n \n {/*
\n )}\n \n );\n};\n\nexport default BankDetails;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport \"./veodordetails.css\";\nimport styles from \"./bankContactDetail.module.css\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport Multiselect from \"multiselect-react-dropdown\";\nimport { useNavigate } from \"react-router-dom\";\nimport moment from \"moment\";\nimport {\n TextInputField,\n TextInput,\n Select,\n option,\n FilePicker,\n} from \"evergreen-ui\";\nimport ButtonSolidLg from \"../Buttons/ButtonLarge/ButtonSolidLg\";\nimport BankDetails from \"../Profile/ProfileTab/BankDetails\";\nimport { loadData } from \"../../Utils/localStorage\";\nimport {\n validateEmail,\n validateOnlyNumbers,\n validatePhoneNumber,\n} from \"../../Utils/Validation\";\nimport { IMAGE_PATH, PRODUCT } from \"../../Utils/variables\";\nconst VendorDetails = () => {\n const regexVendorName = /^[a-zA-Z0-9\\- ]*$/;\n const [validFiles, setvalidFiles] = useState([\n \"image/jpg\",\n \"image/jpeg\",\n \"image/png\",\n ]);\n const [validFilesPdf, setvalidFilesPdf] = useState([\n \"application/pdf\",\n \"image/jpg\",\n \"image/jpeg\",\n \"image/png\",\n ]);\n const [isvisible, setIsVisible] = useState(false);\n const [allFiles, setallFiles] = useState([\n {\n unique: \"tradeLicense\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n {\n unique: \"taxReg\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n {\n unique: \"vendorLogo\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n ]);\n\n //test--------------------------\n const tradeLicense1 = useRef(null);\n\n //---------------------------\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n\n const [productSelectedData, setproductSelectedData] = useState([]);\n const navigate = useNavigate();\n const [productType, setproductType] = useState([]);\n const [controlBankSwitch, setcontrolBankSwitch] = useState(false);\n const [checkChecked, setcheckChecked] = useState(true);\n const [vendorDetails, setVendorDetails] = useState({\n tradeLicenseNumber: \"\",\n tradeLicenseIssueDate: \"\",\n tradeLicenseExpiryDate: \"\",\n vendorCompanyName: \"\",\n country: \"ARE\",\n typeofProduct: \"\",\n taxRegistrationNumber: \"\",\n tradeLicense: \"\",\n taxRegistrationCertificate: \"\",\n vendorLogo: \"\",\n });\n\n const [bankDetails, setBankDetails] = useState({\n bankName: \"\",\n bankAccountNumber: \"\",\n IbanNumber: \"\",\n swiftCode: \"\",\n personName: \"\",\n email: \"\",\n personNumber: \"\",\n });\n const [countryCode, setCountryCode] = useState(\"\");\n const SubmitVendor = (e) => {\n if (vendorDetails.tradeLicenseNumber == \"\") {\n toast.error(\"Trade License Number field is required\");\n } else if (\n allFiles.filter((e) => e.unique === \"tradeLicense\")[0].url == \"\"\n ) {\n toast.error(\"please upload Trade Licence \");\n } else if (\n allFiles.filter((e) => e.unique == \"tradeLicense\")[0].url !== \"\" &&\n !validFilesPdf.includes(\n allFiles.filter((e) => e.unique == \"tradeLicense\")[0].file_type\n )\n ) {\n toast.error(\"please upload supported file type for Trade License\");\n } else if (\n allFiles.filter((e) => e.unique == \"taxReg\")[0].url !== \"\" &&\n !validFilesPdf.includes(\n allFiles.filter((e) => e.unique == \"taxReg\")[0].file_type\n )\n ) {\n toast.error(\"please upload supported file type for Tax Registration\");\n } else if (\n allFiles.filter((e) => e.unique == \"vendorLogo\")[0].url !== \"\" &&\n !validFiles.includes(\n allFiles.filter((e) => e.unique == \"vendorLogo\")[0].file_type\n )\n ) {\n toast.error(\"please upload supported file type for Vender Logo\");\n } else if (vendorDetails.tradeLicenseIssueDate == \"\") {\n toast.error(\"License Issue Date is required\");\n } else if (allFiles[0] == \"\") {\n toast.error(\"upload is required\");\n } else if (vendorDetails.tradeLicenseExpiryDate == \"\") {\n toast.error(\"License Expiry Date is required\");\n } else if (\n vendorDetails.tradeLicenseExpiryDate <\n moment(new Date()).format(\"YYYY-MM-DD\")\n ) {\n toast.error(\"Trade License Number is expired\");\n } else if (vendorDetails.country == \"\") {\n toast.error(\"Country field is required\");\n } else if (vendorDetails.vendorCompanyName == \"\") {\n toast.error(\"Vendor Name is required\");\n }\n else if (!regexVendorName.test(vendorDetails.vendorCompanyName)) {\n toast.error(\"Only alphabets, numbers, dashes and space are allowed in Vendor (Company) Name\");\n }\n else if (vendorDetails.vendor_category_id == \"\") {\n toast.error(\"Type of Product is required\");\n } else if (vendorDetails.vendorCompanyName.length < 4) {\n toast.error(\n \"The Vendor Name field must be at least 4 characters in length\"\n );\n } else {\n setcontrolBankSwitch(true);\n window.scrollTo(0, 0);\n }\n };\n\n const handleVendorDetails = (e) => {\n const { name, value } = e.target;\n setVendorDetails({\n ...vendorDetails,\n [name]: value,\n });\n };\n\n const handleBankDetails = (e) => {\n const { name, value } = e.target;\n setBankDetails({\n ...bankDetails,\n [name]: value,\n });\n };\n\n const submitBankDetails = async (e) => {\n e.preventDefault();\n if (bankDetails.personName == \"\") {\n toast.error(\"Name field is required\");\n } else if (bankDetails.email == \"\") {\n toast.error(\"Email field is required\");\n } else if (!validateEmail(bankDetails.email)) {\n toast.error(\"Email field must contain a valid email address\");\n } else if (\n !validatePhoneNumber(bankDetails.personNumber, vendorDetails.country)\n ) {\n toast.error(\"Please enter valid Contact Number\");\n } else if (!checkChecked) {\n toast.error(\"Please accept Terms of Service\");\n } else {\n setIsVisible(true);\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/store\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_name: vendorDetails.vendorCompanyName,\n trade_license_number: vendorDetails.tradeLicenseNumber,\n trade_license_issue_date: vendorDetails.tradeLicenseIssueDate,\n trade_license_exp_date: vendorDetails.tradeLicenseExpiryDate,\n company_name: vendorDetails.vendorCompanyName,\n country: vendorDetails.country,\n gstin_number: vendorDetails.taxRegistrationNumber,\n contact_person_name: bankDetails.personName,\n email: bankDetails.email,\n contact_number: bankDetails.personNumber,\n\n bank_name: bankDetails.bankName,\n bank_account_number: bankDetails.bankAccountNumber,\n iban_number: bankDetails.IbanNumber,\n swift_code: bankDetails.swiftCode,\n // vendor_category_id: \"2\",\n inserted_by: \"2563\",\n last_updated_by: \"2563\",\n last_updated_on: \"\",\n vendor_category_id: vendorDetails.vendor_category_id,\n documents: allFiles.filter((e) => e.url !== \"\"),\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setIsVisible(false);\n if (res.status == true) {\n toast(`${res.message}`, {\n type: \"success\",\n });\n localStorage.setItem(\"success_msg\", JSON.stringify(res.message));\n setTimeout(() => {\n navigate(\"/registrationsuccess\");\n }, 1000);\n } else {\n toast(`${res.message}`, {\n type: \"error\",\n });\n }\n })\n .catch((err) => {\n setIsVisible(false);\n console.log(\"e\", err);\n });\n }\n };\n const getAllCountry = () => {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/all_country\", {\n method: \"POST\",\n })\n .then((d) => d.json())\n .then((res) => {\n setCountryCode(res.response);\n })\n .catch((err) => console.log(\"e\", err));\n };\n\n const OnSelectProduct = (selectedList, selectedItem) => {\n setproductSelectedData([...selectedList]);\n let ids = selectedList.map((a) => a.id);\n let str = ids.join(\",\");\n setVendorDetails({ ...vendorDetails, [\"vendor_category_id\"]: str });\n };\n\n const OnRemoveProduct = (selectedList, removedItem) => {\n setproductSelectedData([...selectedList]);\n let ids = selectedList.map((a) => a.id);\n let str = ids.join(\",\");\n setVendorDetails({ ...vendorDetails, [\"vendor_category_id\"]: str });\n };\n const loadProductType = () => {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/allcategories\", {\n method: \"POST\",\n })\n .then((d) => d.json())\n .then((res) => {\n setproductType(res.response);\n\n console.log(\"pr\", res.response);\n })\n .catch((err) => console.log(\"e\", err));\n };\n const customMultiselectData = {\n multiselectContainer: {\n // marginTop: \"4px\",\n marginBottom: \"12px\",\n // marginBottom: \"16px\",\n background: \"white\",\n width: \"300px\",\n },\n searchBox: {\n // height: \"32px\",\n background: \"white\",\n width: \"300px\",\n padding: \"8px\",\n // marginTop: \"16px\",\n },\n inputField: {\n background: \"white\",\n width: \"240px\",\n fontSize: \"12px\",\n fontWeight: \"400\",\n },\n chips: {\n background: \"#E2F2D9\",\n borderRadius: \"4px\",\n fontSize: \"12px\",\n // lineHeight: \"12px\",\n color: \"#266700\",\n },\n optionContainer: {\n border: \"2px solid #ECEBEC\",\n overflowY: \"scroll\",\n height: \"100px\",\n marginBottom: \"10px\",\n },\n option: {\n fontWeight: \"400\",\n fontSize: \"12px\",\n lineHeight: \"0px\",\n },\n groupHeading: {},\n };\n function fileValidation(fileType) {\n var re = /(\\.jpg|\\.jpeg|\\.bmp|\\.gif|\\.png)$/i;\n if (!re.exec(fileType)) {\n alert(\"File extension not supported!\");\n return false;\n }\n }\n const handleUpload = (event, unique) => {\n const formData = new FormData();\n formData.append(\"file\", event[0]);\n\n fetch(process.env.REACT_APP_API_URL + \"/api/FileUpload\", {\n method: \"POST\",\n body: formData,\n })\n .then((d) => d.json())\n .then((res) => {\n const narr = [...allFiles].filter((e) => e.unique != unique);\n narr.push({\n unique,\n path: res.path,\n url: res.url,\n name: res.name,\n file_size: res.size,\n file_type: res.type,\n });\n setallFiles(narr);\n\n // ------------------\n });\n };\n\n useEffect(() => {\n if (isLogin) {\n navigate(\"/rfqs\");\n }\n let TradeLicenseNumber = loadData(\"tradeLicenseNumber\");\n if (TradeLicenseNumber !== \"\") {\n setVendorDetails({\n ...vendorDetails,\n tradeLicenseNumber: TradeLicenseNumber,\n });\n }\n getAllCountry();\n loadProductType();\n document.title = PRODUCT + \" - Vendor Details\";\n }, []);\n return (\n <>\n {controlBankSwitch == false ? (\n \n
\n \n ) : (\n VENDOR DETAILS
\n Step 1 of 2
\n\n
\n Vendor Details
\n \n \n
\n
\n \n
\n
\n \n \n
\n
\n \n
\n \n
\n
\n \n
\n
\n \n \n
\n
\n \n
\n \n
\n {/* */}\n\n {countryCode &&\n countryCode.map((e) =>\n e.country_id == \"ARE\" ? (\n \n ) : (\n \n )\n )}\n \n {/*
\n \n {/* */}\n
\n
\n \n \n
\n {productType.length > 0 && (\n
\n \n {productType.length > 0 && (\n
\n \n
\n
\n \n
\n Upload Files\n
\n \n
\n \n \n
\n handleUpload(e, \"tradeLicense\")}\n required\n ref={tradeLicense1}\n />\n
\n \n
Supports PDF, JPG, JPEG, PNG
\n\n \n
\n handleUpload(e, \"taxReg\")}\n />\n
\n \n
Supports PDF, JPG, JPEG, PNG
\n\n \n
\n handleUpload(e, \"vendorLogo\")}\n />\n
\n \n
Supports PNG,JPG,JPEG
\n\n
\n \n
\n \n
\n BANK & CONTACT DETAILS
\nStep 2 of 2
\n\n
\n \n )}\n \n
\n Bank Details
\n\n
\n\n \n \n
\n
\n \n
\n \n
\n
\n \n
\n
\n \n \n
\n
\n \n
\n \n
\n
\n \n
Primary Contact Details
\n\n
\n \n \n
\n
\n \n
\n \n
\n
\n \n
\n
\n \n \n Contact Number *\n \n
\n
\n \n
\n \n {/* \n */}\n {countryCode &&\n countryCode.map((option) => (\n \n ))}\n \n
\n \n setcheckChecked(!checkChecked)}\n />\n
\n \n By Signing up, I agree to the{\" \"}\n
\n
\n \n
\n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport \"react-responsive-modal/styles.css\";\nimport { Modal } from \"react-responsive-modal\";\nimport { toast } from \"react-toastify\";\nimport styles from \"./ModalComp.module.css\";\nimport { useSelector } from \"react-redux\";\nimport { TextInput, FilePicker, Textarea, Button } from \"evergreen-ui\";\nimport Header from \"../../Header/Header\";\nimport moment from \"moment\";\nimport { validateAmount} from \"../../../Utils/Validation\";\nexport const ModalComp = ({\n open,\n onOpenModal,\n onCloseModal,\n handleDisablebtn,\n detail,\n}) => {\n const [btnLoading, setbtnLoading] = useState(false);\n const [bills, setBills] = useState({\n poNumber: detail && detail.po_display_number,\n billNumber: \"\",\n billDate: \"\",\n billAmount: \"\",\n notes: \"\",\n communityId: \"\",\n document: {},\n });\n const { vendorId } = useSelector((state) => state.auth);\n const [communities, setCommunities] = useState(\"\");\n const getMappedCommunities = () => {\n const payload = {\n vendor_id: vendorId\n };\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/mapped_communities\", {\n method: \"POST\",\n body: JSON.stringify(payload),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setCommunities(res.response);\n })\n .catch((err) => console.log(\"e\", err));\n };\n const handleBills = (e) => {\n const { name, value } = e.target;\n setBills({\n ...bills,\n [name]: value,\n });\n };\n const handleSubmit = () => {\n toast.dismiss();\n setbtnLoading(true);\n const payload = {\n po_number: detail && detail.bill_id === null ? detail.po_id : null,\n bill_number: bills.billNumber,\n bill_date: bills.billDate,\n bill_amount: bills.billAmount,\n notes: bills.notes,\n vendor_id: vendorId,\n created_by: vendorId,\n community_id: bills.communityId === null ? detail.community_id : bills.communityId,\n due_date: moment(new Date()).format(\"YYYY-MM-DD\"),\n rcm_flag: 0,\n rounding_off: \"none\",\n tds: 0,\n document: bills.document,\n };\n if (bills.poNumber == \"\" && detail.bill_id === null) {\n toast.error(\"PO Number field is required\");\n setbtnLoading(false);\n } else if (bills.communityId == \"\") {\n toast.error(\"Community field is required\");\n setbtnLoading(false);\n } else if (bills.billNumber == \"\") {\n toast.error(\"Bill Number field is required\");\n setbtnLoading(false);\n } else if (bills.billDate == \"\") {\n toast.error(\"Bill Date field is required\");\n setbtnLoading(false);\n } else if (bills.billAmount == \"\") {\n toast.error(\"Bills Amount field is required\");\n setbtnLoading(false);\n } else if(!validateAmount(bills.billAmount)) {\n toast.error(\"Bills Amount should be a valid amount\");\n setbtnLoading(false); \n } else if (bills.notes == \"\") {\n toast.error(\"Notes field is required\");\n setbtnLoading(false);\n } else if (fileSizeError) {\n toast.error(`File size exceeds the maximum limit of ${MAX_FILE_SIZE_MB} MB.`);\n setbtnLoading(false);\n } else if (Object.keys(bills.document).length === 0) {\n toast.error(\"Bill attachment is required\");\n setbtnLoading(false);\n } else {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorpo/storePoBill\", {\n method: \"POST\",\n body: JSON.stringify(payload),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setbtnLoading(false);\n\n if (res.status === true) {\n toast(`${res.message}`, {\n type: \"success\",\n });\n setBills({\n billNumber: \"\",\n billDate: \"\",\n billAmount: \"\",\n notes: \"\",\n communityId: \"\",\n document: {},\n });\n handleDisablebtn();\n onCloseModal();\n } else {\n toast(`${res.message}`, {\n type: \"error\",\n });\n // setBills({\n // billNumber: \"\",\n // billDate: \"\",\n // billAmount: \"\",\n // notes: \"\",\n // communityId: \"\",\n // document: {},\n // });\n }\n })\n .catch((err) => {\n console.log(\"e\", err);\n });\n }\n };\n\n const MAX_FILE_SIZE_MB = 20;\n const [isLoading, setIsLoading] = useState(false);\n const [fileSizeError, setFileSizeError] = useState(false);\n const handleUpload = (event, name) => {\n const file = event[0];\n if (file.size > MAX_FILE_SIZE_MB * 1024 * 1024) {\n toast.error(`File size exceeds the maximum limit of ${MAX_FILE_SIZE_MB} MB.`);\n setBills({\n ...bills,\n document: {}, // Clear the document state\n });\n setFileSizeError(true); // Set the size error flag\n setIsLoading(false);\n setbtnLoading(false);\n return;\n }else {\n setFileSizeError(false); // Clear the size error flag if valid\n }\n\n const formData = new FormData();\n formData.append(\"file\", event[0]);\n setIsLoading(true);\n setbtnLoading(true);\n\n fetch(process.env.REACT_APP_API_URL + \"/api/FileUpload\", {\n method: \"POST\",\n body: formData,\n })\n .then((d) => d.json())\n .then((res) => {\n setBills({\n ...bills,\n document: [\n {\n unique: name,\n path: res.path,\n url: res.url,\n name: res.name,\n file_size: res.size,\n file_type: res.type,\n },\n ],\n });\n setIsLoading(false);\n setbtnLoading(false);\n });\n };\n useEffect(() => {\n getMappedCommunities();\n setBills({\n ...bills,\n poNumber: detail && detail.po_display_number !== null ? detail.po_display_number : null,\n communityId: detail && detail.bill_id !== null? detail.community_id : null,\n });\n }, [detail]);\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n <>\n \n
\n\n \n ![\"\"](\"./images/stratum/basicDetails.svg\")
\n
\n \n General Info
\n\n \n
\n PO NO
\n{po_display_number ? po_display_number : \"-\"}
\n \n\n \nPO TITLE
\n{title ? title : \"-\"}
\n \n\n \n
\n \n )}\n PO DATE
\n{moment(date).format(\"DD MMM YYYY\")}
\n \n {(delivery_date == \"0000-00-00\") ?\n (\"\") : (\nDELIVERY DATE
\n{moment(delivery_date).format(\"DD MMM YYYY\")}
\n )\n }\n\n {/* */}\n \n \n
\n \n \n );\n};\n","import React, { useState } from \"react\";\nimport styles from \"./purchaseOrderTable.module.css\";\nexport const PurchaseOrderTable = ({ tableData, total }) => {\n const [show, setShow] = useState(true);\n return (\n <>\n \n
\n \n {detail.bill_id === null ? (
\n \n \n
\n
) : (\n
\n \n
\n\n \n {communities &&\n communities.map((e) =>\n \n )}\n \n
)}\n \n
\n \n
\n
\n \n
\n
\n \n \n
\n
\n \n
\n \n
\n
\n \n
\n
\n \n \n
\n handleUpload(e, \"attachbill\")}\n required\n />\n
\n \n
Supports PDF, JPG, JPEG, PNG
\n {/* Loader*/}\n {isLoading && (\n\n
\n )}\n Uploading...
\n\n \n
\n
\n \n
\n \n {btnLoading && (\n \n )}\n Submit\n \n onCloseModal()}\n >\n Cancel\n \n
\n \n \n \n \n
\n
\n )}\n \n \n );\n};\n","import React, { useState } from \"react\";\nimport styles from \"./purchaseOrderScopeOfWork.module.css\";\nimport moment from \"moment\";\nimport { Markup } from \"interweave\";\n\nexport const PurchaseOrderScopeOfWork = ({ scope_of_work }) => {\n const [show, setShow] = useState(true);\n return (\n \n setShow(!show)}\n />\n
\n {show && (\n \n
\n\n \n \n
\n \n Items
\n| DESCRIPTION | \nUOM | \nQty | \nUNIT PRICE | \nDISCOUNT | \nTOTAL UNIT PRICE | \nVat (%) | \n\n Total AMOUNT\n | \n
|---|---|---|---|---|---|---|---|
| {e.item} | \n{e.uom_name} | \n{e.quantity} | \n{e.unit_price} | \n\n {parseFloat(e.discount_amount).toFixed(2)}\n | \n\n {(\n e.unit_price * e.quantity -\n parseFloat(e.discount_amount)\n ).toFixed(2)}\n | \n{e.tax} | \n\n {\" \"}\n {e.amount}\n | \n
| \n | \n | \n | \n\n |
\n
\n );\n};\n","import React, { useState } from \"react\";\nimport styles from \"./termsConditionPO.module.css\";\nimport { Markup } from \"interweave\";\n\nexport const TermsConditionPO = ({ terms_and_conditions }) => {\n const [show, setShow] = useState(true);\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n <>\n \n
\n\n \n \n
\n \n Scope Of Work
\n\n
\n \n )}\n \n
\n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { PurchaseOrderDetailsCard } from \"../PurchaseOrderDetailsCard/PurchaseOrderDetailsCard\";\nimport styles from \"./purchaseOrderDetails.module.css\";\nimport { ModalComp } from \"../Modal/ModalComp\";\nimport { PurchaseOrderTable } from \"../PurchaseOrderTable/PurchaseOrderTable\";\nimport { PurchaseOrderScopeOfWork } from \"../PurchaseOrderScopeOfWork/PurchaseOrderScopeOfWork\";\nimport { TermsConditionPO } from \"../TermsConditionPO/TermsConditionPO\";\nimport { Button } from \"evergreen-ui\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\nexport const PurchaseOrderDetails = ({ detailId = \"\", getFilterData }) => {\n const [disablebtn, setDisableBtn] = useState(false);\n const [open, setOpen] = useState(false);\n const [total, setTotal] = useState(0);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const handleDisablebtn = () => setDisableBtn(true);\n const [detail, setDetail] = useState(\"\");\n useEffect(() => {\n if (detailId) {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorpo/poById\", {\n method: \"POST\",\n body: JSON.stringify({ po_id: detailId }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((response) => response.json())\n .then((result) => {\n setDetail(result.response[0]);\n const arr = result?.response[0].items;\n const sum = arr.reduce((accumulator, e) => {\n return accumulator + parseFloat(e.amount);\n }, 0);\n setTotal(sum);\n if (result.response[0].po_bills_id !== null) {\n setDisableBtn(true);\n } else setDisableBtn(false);\n })\n .catch((err) => {\n console.log(err);\n });\n } else {\n setDetail(\"\");\n }\n }, [detailId]);\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n <>\n \n
\n\n \n \n
\n \n Terms & Conditions
\n\n
\n \n )}\n \n
\n );\n};\n","import React from \"react\";\nimport styles from \"./purchaseOrderItem.module.css\";\nimport moment from \"moment\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\n\nexport const PurchaseOrdersItem = ({\n po_id,\n title,\n name,\n sub_total,\n total_amount,\n delivery_date,\n handleDetail,\n onClickTabItem,\n activeTabId,\n}) => {\n return (\n <>\n \n \n \n {disablebtn ? \"Submitted\" : \"Submit Bill\"}\n \n \n )}\n
\n {detail && detail?.title.toUpperCase()}
\n{detail && detail?.name}
\n \n {detail && (\n <>\n\n {detail ? (\n <>\n
\n \n {}\n
\n )}\n {title}
\n\n {activeTabId === po_id ? (\n
\n \n \n
\n ) : (\n \n ![\"\"](\"./images/stratum/carbonBuildingInactive.png\")
\n
\n )}\n \n {name}
\nPO Amount
\n {delivery_date &&Delivery Date
}\n \n{`${total_amount} AED`}
\n {delivery_date && (\n\n {delivery_date == \"\"\n ? \"-\"\n : moment(delivery_date).format(\"DD MMM YYYY\")}\n
\n )}\n \n \n \n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { PurchaseOrdersItem } from \"../PurchaseorderItem/PurchaseOrdersItem\";\nimport styles from \"./purchaseOrderList.module.css\";\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\nexport const PurchaseOrderList = ({\n handleDetail,\n getFilterData,\n searched,\n}) => {\n const [initialLoading, setinitialLoading] = useState(true);\n const [value, setValue] = useState([]);\n const [activeTabId, setActiveTab] = useState();\n const [count, setTotalCount] = useState(\"0\");\n const [pageNumber, setPageNumber] = useState(0);\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n let pageLimit = 2;\n const onClickTabItem = (tabId) => {\n setActiveTab(tabId);\n };\n const LeftCardDataLoad = (\n pageLimit,\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n searched_query\n ) => {\n // let pageNo = (((value.length / pageLimit) + 1)-1);\n setPageNumber(pageNumber + pageLimit);\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorpo/show\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_id: vendorId,\n // page_no: pageNumber,\n // record_per_page: pageLimit,\n communities: Communities,\n manageBy: manageBy,\n closingOnstart: closingOnstart,\n closingOnend: closingOnend,\n postedOnstart: postedOnstart,\n postedOnend: postedOnend,\n search_query: searched_query,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((result) => {\n setTotalCount(result.response.count);\n\n if (result.response.data.length === 0) {\n handleDetail(\"\");\n setActiveTab(\"\");\n setValue([]);\n } else {\n // setValue([...value, ...result.response.data]);\n setValue(result.response.data);\n\n handleDetail(result.response.data[0].po_id);\n setActiveTab(result.response.data[0].po_id);\n }\n setinitialLoading(false);\n })\n .catch((err) => {\n setinitialLoading(false);\n });\n };\n const fetchMore = () => {\n if (value.length < count) {\n LeftCardDataLoad(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n searched\n );\n }\n };\n useEffect(() => {\n LeftCardDataLoad(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n searched\n );\n }, [searched]);\n useEffect(() => {\n LeftCardDataLoad(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend\n );\n }, [getFilterData]);\n\n return (\n <>\n\n
\n \n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport Header from \"../../Header/Header\";\nimport SearchAndFilter from \"../../SearchAndFilter/SearchAndFilter\";\nimport { PurchaseOrderDetails } from \"../PurchaseOrderDetails/PurchaseOrderDetails\";\nimport { PurchaseOrderList } from \"../PurchaseOrderList/PurchaseOrderList\";\nimport styles from \"./purchaseOrder.module.css\";\nimport { PRODUCT } from \"../../../Utils/variables\";\nimport { ToastContainer } from \"react-toastify\";\nexport const PurchaseOrders = () => {\n const [detailId, setDetailId] = useState();\n const [getFilterData, setgetFilterData] = useState({});\n const [searched, setSearched] = useState(\"\");\n const FilterData = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend\n ) => {\n let obj = {\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n };\n setgetFilterData(obj);\n };\n const handleDetail = (id) => {\n setDetailId(id);\n };\n const searchFucntion = (serchQueryu) => {\n setSearched(serchQueryu);\n };\n document.title = PRODUCT + \" - Purchase Orders\";\n\n return (\n \n
\n \n
\n {value && value.length > 0 ? (\n Purchase Orders List
\n{count} ACTIVE
\n\n {/* Loading...}\n scrollableTarget=\"scrollableDiv\"\n > */}\n {value.map((item) => {\n return (\n
\n ) : (\n \n
\n )}\n \n {initialLoading ? (\n \n ) : (\n \n )}\n
\n \n
\n );\n};\n","import { ACTIVE_TAB } from \"./Tab.actionType\";\n\nexport const set_active_tab = (payload) => {\n return {\n type: ACTIVE_TAB,\n payload: payload,\n };\n};\n","export const ACTIVE_TAB = \"ACTIVE_TAB\";\n","import React, { useEffect, useState } from \"react\";\nimport \"react-responsive-modal/styles.css\";\nimport { Modal } from \"react-responsive-modal\";\nimport styles from \"./ModalLogout.module.css\";\nimport Header from \"../Header/Header\";\nimport {\n TextInputField,\n TextInput,\n Select,\n option,\n FilePicker,\n Textarea,\n Checkbox,\n Button,\n} from \"evergreen-ui\";\nexport const ModalLogout = ({\n open,\n onOpenModal,\n onCloseModal,\n handleDisablebtn,\n data,\n handleSubmit,\n}) => {\n return (\n \n
\n \n
\n \n
\n \n \n {/*
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Link, NavLink, useNavigate } from \"react-router-dom\";\nimport { logout } from \"../../Redux/Auth/Auth.action\";\nimport { set_active_tab } from \"../../Redux/Tab/Tab.action\";\nimport \"./sidebar.css\";\nimport { Tooltip, Position, StandardSizes } from \"evergreen-ui\";\nimport { ModalLogout } from \"./ModalLogout\";\nimport { IMAGE_PATH } from \"../../Utils/variables\";\nconst Sidebar = ({ RenderHandler }) => {\n const { active } = useSelector((state) => state.activeTabCheck);\n\n // ---------------states for modal----------------------\n const [disablebtn, setDisableBtn] = useState(false);\n const [Theme, setTheme] = useState(process.env.REACT_APP_PRODUCT);\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const handleDisablebtn = () => setDisableBtn(true);\n\n const handleSubmit = () => {\n dispatch(logout());\n localStorage.clear();\n navigate(\"/login\");\n };\n\n const navigate = useNavigate();\n const sidebarArray = [\n // {\n // id: 1,\n // svg: \"./images/stratum/dashboardLogosimple.svg\",\n // activeSvg: \"./images/stratum/dashboardLogoColored.svg\",\n // col: 1,\n // link: \"\",\n // },\n {\n id: 2,\n svg: `${IMAGE_PATH}fileLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}filelLogoColored.svg`,\n col: 1,\n link: \"/rfqs\",\n name: \"ALL RFQs\",\n },\n {\n id: 3,\n svg: `${IMAGE_PATH}fileClickLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}fileClickLogoColored.svg`,\n col: 1,\n link: \"/submittedqoutes\",\n name: \"Submitted Quote\",\n },\n {\n id: 4,\n svg: `${IMAGE_PATH}ListLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}listLogoColored.svg`,\n col: 1,\n link: \"/purchaseorder\",\n name: \"Purchase Order\",\n },\n {\n id: 5,\n svg: `${IMAGE_PATH}halfListLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}halfListLOgoColored.svg`,\n col: 1,\n link: \"/billspayment\",\n name: \"Bills & Payments\",\n },\n {\n id: 6,\n svg: `${IMAGE_PATH}profileLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}profileLogoColored.svg`,\n col: 2,\n link: \"/profile\",\n name: \"Profile\",\n },\n {\n id: 7,\n svg: `${IMAGE_PATH}logoutLogoSimple.svg`,\n activeSvg: `${IMAGE_PATH}logoutLogoColored.svg`,\n col: 2,\n link: \"/login\",\n name: \"Logout\",\n },\n ];\n const [activeTabId, setActiveTab] = useState(active || sidebarArray[0].id);\n const dispatch = useDispatch();\n const onClickTabItem = (tabId) => {\n setActiveTab(tabId);\n };\n useEffect(() => {\n setActiveTab(active);\n }, [active]);\n\n const handleActiveTab = () => {};\n return (\n \n
\n \n \n
\n\n {data}
\n \n handleSubmit()}\n width={120}\n >\n Yes, logout\n \n onCloseModal()}\n >\n Cancel\n \n
\n \n
\n \n
\n \n \n {\" \"}\n
\n \n {sidebarArray\n .filter((e) => e.col == 1)\n .map((e, i) => {\n return (\n \n {\n // localStorage.setItem(\"active_Tab\", JSON.stringify(e.id));\n dispatch(set_active_tab(e.id));\n onClickTabItem(e.id);\n navigate(e.link);\n }}\n // to={ tab.link}\n className={\n activeTabId === e.id ? \"activetab\" : \"inactivetab\"\n }\n >\n \n 
\n \n
\n \n );\n })}\n \n \n {\n // localStorage.setItem(\"active_Tab\", JSON.stringify(e.id));\n\n if (e.id == 7) {\n // localStorage.clear();\n // dispatch(set_active_tab(2));\n // navigate(\"/login\");\n // dispatch(logout());\n onOpenModal();\n dispatch(set_active_tab(2));\n } else {\n onClickTabItem(e.id);\n navigate(e.link);\n dispatch(set_active_tab(e.id));\n }\n }}\n className={activeTabId === e.id ? \"activetab\" : \"inactivetab\"}\n >\n \n \n \n
\n \n );\n })}\n \n\n \n \n
\n {sidebarArray\n .filter((e) => e.col == 2)\n .map((e, i) => {\n return (\n \n
\n );\n};\n\nexport default Navbar;\n","import React from \"react\";\nimport { a } from \"react-router-dom\";\nimport \"./footer.css\";\n\nconst Footer = () => {\n const d = new Date();\n let year = d.getFullYear();\n\n console.log(window.scrollTo);\n return (\n \n \n
\n\n \n {\n setdropdownTogglke(!dropdownTogglke);\n }}\n >\n
\n \n {process.env.REACT_APP_PRODUCT === \"ANACITY\" && (\n <>\n
\n \n {\n document.location.href =\n process.env.REACT_APP_ANACITY_URL + \"/\";\n }}\n >\n
\n\n \n {/* */}{\" \"}\n Home\n {/* */}\n
\n \n \n \n
\n\n \n \n Multi-Property Dashboard\n \n \n Financial Management\n \n \n Gate Management\n \n \n Facility Management\n \n \n Community Help Desk\n \n \n Communication\n \n
\n \n {\n document.location.href = \"https://blog.anacity.com/\";\n }}\n >\n
\n\n \n {/* */}{\" \"}\n Blogs\n {/* */}\n
\n \n \n \n
\n\n \n \n About Management\n \n \n ANACITY in News\n \n
\n \n {\n document.location.href =\n process.env.REACT_APP_ANACITY_URL + \"/contact-us-for-demo\";\n }}\n >\n
\n \n )}\n \n {/* */}{\" \"}\n Contact Us\n {/* */}\n
\n \n \n \n
\n \n \n Member Sign In\n \n Vendor Sign In\n
{\" \"}\n \n
\n );\n};\n\nexport default Footer;\n","import React from \"react\";\nimport moment from \"moment\";\n\nimport styles from \"./billsPaymentItems.module.css\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\nexport const BillsPaymentItems = ({\n id,\n name,\n bill_number,\n bill_date,\n bill_amount,\n handleDetail,\n onClickTabItem,\n activeTabId,\n}) => {\n return (\n <>\n \n
\n \n
\n \n The ANACITY services suite leverages Next-Gen technology to\n significantly enhance the residential experience in gated\n communities.\n
\n\n
\n Quick Links
\n \n Home\n
\n\n About\n
\n\n \n Services\n \n
\n\n
\n \n Privacy Policy\n \n
{\" \"}\n\n \n Terms of Service\n \n
\n\n
\n Services
\n \n
\n
\n \n Gate Management\n \n
\n\n
\n \n Community Help Desk\n \n
\n\n
\n
\n Be Social, Be Connected
\n \n ![\"fb\"](\"./images/stratum/fb.png\")
\n ![\"twitter\"](\"./images/stratum/twitter.png\")
\n ![\"linkdin\"](\"./images/stratum/linkdin.png\")
\n ![\"instagram\"](\"./images/stratum/insta.png\")
\n ![\"youtube\"](\"./images/stratum/yt.png\")
\n Corporate Office
\n702, Empire Heights Tower B, Business Bay - Dubai, UAE
\n\n \n sales@anacity.com\n
\n \n \n +971-45656184\n
\n \n {\" \"}\n
\n \n © Copyright 2010 - {year && year}. ANAROCK Group Business Services\n Pvt. Ltd. All rights reserved.\n
\n \n \n \n {bill_number}
\n\n {activeTabId === id ? (\n
\n \n \n
\n ) : (\n \n \n
\n )}\n\n {name}
\nBill Date
\nBill Amount
\n \n{moment(bill_date).format(\"DD MMM YYYY\")}
\n{`${bill_amount} AED`}
\n \n \n \n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { BillsPaymentItems } from \"../BillsPaymentItems/BillsPaymentItems\";\nimport styles from \"./billsPaymentList.module.css\";\nimport InfiniteScroll from \"react-infinite-scroll-component\";\nimport { useSelector } from \"react-redux\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\nexport const BillsPaymentList = ({ handleDetail, getFilterData, searched, modalState }) => {\n const [initialLoading, setinitialLoading] = useState(true);\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n const [value, setValue] = useState([]);\n const [activeTabId, setActiveTab] = useState(1);\n const [count, setCount] = useState(\"\");\n const [pageNumber, setPageNumber] = useState(0);\n let pageLimit = 2;\n const onClickTabItem = (tabId) => {\n setActiveTab(tabId);\n };\n const BillsPaymentLeftList = (\n pageLimit,\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n serchQueryu\n ) => {\n // let pageNo = (((value.length / pageLimit) + 1)-1);\n setPageNumber(pageNumber + pageLimit);\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorpo/submitBill\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_id: vendorId,\n page_no: pageNumber,\n record_per_page: pageLimit,\n communities: Communities,\n manageBy: manageBy,\n closingOnstart: closingOnstart,\n closingOnend: closingOnend,\n postedOnstart: postedOnstart,\n postedOnend: postedOnend,\n search_query: serchQueryu,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((result) => {\n setCount(result.response.count);\n\n if (result.response.data.length === 0) {\n handleDetail(\"\");\n setActiveTab(\"\");\n setValue([]);\n } else {\n // setValue([...value, ...result?.response?.data]);\n setValue(result?.response?.data);\n\n handleDetail(result.response.data[0].id);\n setActiveTab(result.response.data[0].id);\n }\n setinitialLoading(false);\n })\n .catch((err) => {\n setinitialLoading(false);\n console.log(\"e\", err);\n });\n };\n useEffect(() => {\n BillsPaymentLeftList(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n searched\n );\n }, [getFilterData, modalState]);\n useEffect(() => {\n BillsPaymentLeftList(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n searched\n );\n }, [searched]);\n\n const fetchMore = () => {\n if (value.length < count) {\n BillsPaymentLeftList(\n pageLimit,\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n searched\n );\n }\n };\n return (\n <>\n\n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport styles from \"./BillsAttachments.module.css\";\nimport { Button, DownloadIcon } from \"evergreen-ui\";\n\nexport const BillsAttachments = ({ documents }) => {\n const [show, setShow] = useState(true);\n\n const handleDownload = (urls) => {\n let url = urls;\n const link = document.createElement(\"a\");\n link.href = url;\n link.target = \"_blank\";\n document.body.appendChild(link);\n link.click();\n link.parentNode.removeChild(link);\n };\n return (\n \n
\n \n
\n {value && value.length > 0 ? (\n Bills List
\n\n {/* Loading...}\n scrollableTarget=\"scrollableDiv\"\n > */}\n {value.map((item) => {\n return (\n
\n ) : (\n \n
\n )}\n \n {initialLoading ? (\n \n ) : (\n \n )}\n
\n \n
\n );\n};\n","import React, { useState } from \"react\";\nimport styles from \"./BillsNotes.module.css\";\nimport moment from \"moment\";\n\nexport const BillsNotes = ({ notes }) => {\n const [show, setShow] = useState(true);\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n \n
\n\n \n \n
\n \n Attachments
\n\n
\n )}\n \n {/* \n
\n img1
\n \n \n img2
*/}\n {documents &&\n documents.map((item) => {\n return (\n <>\n \n \n {item.orig_name.slice(0, 20)}...\n
\n \n );\n })}\n \n {documents &&\n documents.map((item) => {\n return (\n <>\n \n handleDownload(item?.urls)}\n >\n Download\n \n \n );\n })}\n
\n \n
\n );\n};\n","import React, { useState } from \"react\";\nimport moment from \"moment\";\n\nimport styles from \"./billsPaymentDetailCard.module.css\";\nexport const BillsPaymentDetailCard = ({\n po_number,\n po_date,\n bill_date,\n bill_number,\n bill_amount,\n status,\n po_display_number,\n title,\n}) => {\n const [show, setShow] = useState(true);\n\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n <>\n \n
\n\n \n \n
\n \n Notes
\n\n
\n \n )}\n {notes}
\n\n
\n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { ModalComp } from \"../../PO/Modal/ModalComp\";\nimport { BillsAttachments } from \"../BillsAttachments/BillsAttachments\";\nimport { BillsNotes } from \"../BillsNotes/BillsNotes\";\nimport { BillsPaymentDetailCard } from \"../BillsPaymantDetailCard/BillsPaymentDetailCard\";\nimport { BillsPayment } from \"../BillsPayment\";\nimport styles from \"./billsPaymentDetails.module.css\";\nimport { IMAGE_PATH } from \"../../../Utils/variables\";\n\nexport const BillsPaymentDetails = ({ detailId = \"\", getFilterData }) => {\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const [detail, setDetail] = useState(\"\");\n useEffect(() => {\n if (detailId) {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorpo/submitBillID\", {\n method: \"POST\",\n body: JSON.stringify({ bill_id: detailId }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((response) => response.json())\n .then((result) => {\n setDetail(result.response[0]);\n })\n .catch((err) => {\n console.log(err);\n });\n } else {\n setDetail(\"\");\n }\n }, [detailId]);\n return (\n \n
\n \n setShow(!show)}\n />\n
\n\n {show && (\n <>\n \n
\n\n \n \n
\n \n General Info
\n\n \n
\n PO NO
\n{po_display_number ? po_display_number : \"-\"}
\n \n\n \nPO TITLE
\n{title ? title : \"-\"}
\n \n \nPO DATE
\n{po_date ? moment(po_date).format(\"DD MMM YYYY\") : \"-\"}
\n \n\n \n
\n \n )}\n BILL NO
\n{bill_number ? bill_number : \"-\"}
\n \n \nBILL DATE
\n{moment(bill_date).format(\"DD MMM YYYY\")}
\n \n \nAMOUNT
\n{`${bill_amount ? bill_amount : \"-\"} AED`}
\n \n\n
\n );\n};\n","import React, { useState } from \"react\";\nimport { BillsPaymentList } from \"./BillsPaymentList/BillsPaymentList\";\nimport styles from \"./BillsPayment.module.css\";\nimport { BillsPaymentDetails } from \"./BillsPaymentDetails/BillsPaymentDetails\";\nimport Header from \"../Header/Header\";\nimport SearchAndFilter from \"../SearchAndFilter/SearchAndFilter\";\nimport { PRODUCT } from \"../../Utils/variables\";\nimport { Button } from \"evergreen-ui\";\nimport { ModalComp } from \"../PO/Modal/ModalComp\";\nimport { ToastContainer } from \"react-toastify\";\nexport const BillsPayment = () => {\n const [detailId, setDetailId] = useState();\n const [getFilterData, setgetFilterData] = useState({});\n const [searched, setSearched] = useState(\"\");\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const [disablebtn, setDisableBtn] = useState(false);\n const handleDisablebtn = () => setDisableBtn(true);\n const [detail, setDetail] = useState(\"\");\n const FilterData = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend\n ) => {\n let obj = {\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n };\n setgetFilterData(obj);\n };\n const searchFucntion = (serchQueryu) => {\n setSearched(serchQueryu);\n };\n const handleDetail = (id) => {\n setDetailId(id);\n };\n document.title = PRODUCT + \" - Bills & Payments\";\n\n return (\n \n \n
\n {detail && detail?.title?.toUpperCase()}
\n{detail && detail?.name}
\n \n\n {detail ? (\n <>\n
\n \n \n
\n )}\n \n
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport \"./basicProfile.css\";\nimport {\n TextInputField,\n TextInput,\n Select,\n option,\n FilePicker,\n} from \"evergreen-ui\";\nimport SaveBTN from \"./SaveBtn/SaveBTN\";\nimport { useNavigate } from \"react-router-dom\";\nimport SubmitButton from \"../../Buttons/SubmitButton/SubmitButton\";\n\nconst AssociatedFile = ({\n allData,\n setAllData,\n handleProfileUpdate,\n doc,\n loading,\n}) => {\n const navigate = useNavigate();\n const [validFiles, setvalidFiles] = useState([\n \"image/jpg\",\n \"image/jpeg\",\n \"image/png\",\n ]);\n const [validFilesPdf, setvalidFilesPdf] = useState([\n \"application/pdf\",\n \"image/jpg\",\n \"image/jpeg\",\n \"image/png\",\n ]);\n const [allfiles, setallfiles] = useState([\n {\n unique: \"tradeLicense\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n {\n unique: \"taxReg\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n {\n unique: \"vendorLogo\",\n path: \"\",\n url: \"\",\n name: \"\",\n file_size: \"\",\n file_type: \"\",\n },\n ]);\n const [switchEdit, setswitchEdit] = useState(false);\n\n const [getAllData, setgetAllData] = useState(allData);\n\n const handleUpload = (event, unique) => {\n const formData = new FormData();\n formData.append(\"file\", event[0]);\n\n fetch(process.env.REACT_APP_API_URL + \"/api/FileUpload\", {\n method: \"POST\",\n body: formData,\n })\n .then((d) => d.json())\n .then((res) => {\n if (unique == \"tradeLicense\") {\n if (!validFilesPdf.includes(res.type)) {\n toast.error(\"please upload supported file type for Trade License\");\n return;\n }\n }\n if (unique == \"taxReg\") {\n if (!validFilesPdf.includes(res.type)) {\n toast.error(\n \"please upload supported file type for Trade Registration\"\n );\n return;\n }\n }\n if (unique == \"vendorLogo\") {\n if (!validFiles.includes(res.type)) {\n toast.error(\"please upload supported file type for Vendor Logo\");\n return;\n }\n }\n const narr = [...allfiles].filter((e) => e.unique != unique);\n const existingDoc = JSON.parse(\n localStorage.getItem(\"profile_documents\")\n );\n const newAr =\n existingDoc && existingDoc.filter((e) => e.unique == unique);\n console.log(newAr);\n\n narr.push({\n document_id: newAr.length ? newAr[0].document_id : \"\",\n unique,\n path: res.path,\n url: res.url,\n name: res.name,\n file_size: res.size,\n file_type: res.type,\n });\n setallfiles(narr);\n });\n };\n\n const handleBasicProfile = () => {\n setAllData({\n ...allData,\n documents: allfiles,\n });\n };\n\n const saveHandler = () => {\n handleProfileUpdate();\n setswitchEdit(false);\n };\n\n useEffect(() => {\n handleBasicProfile();\n }, [allfiles]);\n\n const handleDownload = (urls) => {\n if (urls) {\n const urlss = urls;\n const link = document.createElement(\"a\");\n link.href = urlss;\n link.target = \"_blank\";\n document.body.appendChild(link);\n link.click();\n link.parentNode.removeChild(link);\n }\n };\n\n return (\n \n \n Submit Bill\n \n
\n \n
\n \n
\n \n
\n \n {\n setswitchEdit(false);\n }}\n >\n \n
\n )}\n \n \n {\n setswitchEdit(true);\n }}\n >\n \n
\n ) : (\n \n
\n {!switchEdit ? (\n \n ![\"\"](\"./images/stratum/associateFileDetails.svg\")
\n
\n \n Associated Files
\n \n \n \n handleUpload(e, \"tradeLicense\")}\n />\n )}\n
\n \n
\n ) : (\n TRADE LICENSE
\n {!switchEdit ? (\n\n {\n let newUrl = doc.filter((x) => x.unique == \"tradeLicense\");\n handleDownload(newUrl.length && newUrl[0].url);\n }}\n >\n ![\"\"](\"./images/stratum/download.svg\")
\n
\n )}\n \n {doc.length\n ? doc.filter((x) => x.unique == \"tradeLicense\")[0]?.orig_name\n : \"-\"}\n
\n {doc.filter((x) => x.unique == \"tradeLicense\").length > 0 && (\n\n \n {\" \"}\n
\n ) : (\n TAX REGISTRATION CERTIFICATE
\n {!switchEdit ? (\n\n {\n let newUrl = doc.filter((e) => e.unique == \"taxReg\");\n\n handleDownload(newUrl.length && newUrl[0].url);\n }}\n >\n \n
\n )}\n \n {doc.length\n ? doc.filter((x) => x.unique == \"taxReg\")[0]?.orig_name\n : \"-\"}\n
\n {doc.filter((e) => e.unique == \"taxReg\").length > 0 && (\n\n \n {\" \"}\n
\n ) : (\n VENDOR LOGO
\n {!switchEdit ? (\n\n {\n let newUrl = doc.filter((e) => e.unique == \"vendorLogo\");\n handleDownload(newUrl?.length && newUrl[0]?.url);\n }}\n >\n \n
\n )}\n \n {doc.length\n ? doc.filter((x) => x.unique == \"vendorLogo\")[0]?.orig_name\n : \"-\"}\n
\n {doc.filter((e) => e.unique == \"vendorLogo\").length > 0 && (\n\n \n {/*
\n )}\n {/* \n {\n setswitchEdit(false);\n }}\n >\n \n
\n )}\n \n \n {\n setswitchEdit(true);\n }}\n >\n \n
\n ) : (\n \n
\n {!switchEdit ? (\n \n \n
\n \n Basic Details
\n \n \n \n
\n {switchEdit && (\n \n
\n Vendor Name
\n {!switchEdit ? (\n\n {allData.vendor_name ? allData.vendor_name : \"NA\"}\n
\n ) : (\n License Issue Date
\n {!switchEdit ? (\n\n {allData.licenseIssueDate\n ? moment(allData.licenseIssueDate).format(\"DD MMM YYYY\")\n : \"NA\"}\n
\n ) : (\n \n
\n )}\n Type of Product/Service
\n {!switchEdit ? (\n\n {allData.typeOfProduct &&\n allData.typeOfProduct.map((e, i) => {\n return (\n \n {e.category_name}\n {allData.typeOfProduct.length - 1 == i ? \"\" : \",\"}\n \n );\n })}\n
\n ) : (\n productType.length > 0 && (\n \n
\n Trade License Number
\n {!switchEdit ? (\n\n {allData.tradeLicenseNumber ? allData.tradeLicenseNumber : \"NA\"}\n
\n ) : (\n License Expiry Date
\n {!switchEdit ? (\n\n {allData.licenseExpiryDate\n ? moment(allData.licenseExpiryDate).format(\"DD MMM YYYY\")\n : \"NA\"}\n
\n ) : (\n \n
\n )}\n \n \n {countryCode &&\n countryCode.map((e) =>\n e.country_name == allData.countryName ? (\n \n ) : (\n \n )\n )}\n \n )}\n
\n Tax Registration Number
\n {!switchEdit ? (\n\n {allData.taxRegistrationNumber\n ? allData.taxRegistrationNumber\n : \"NA\"}\n
\n ) : (\n Country
\n {!switchEdit ? (\n\n {allData.countryName ? allData.countryName : \"NA\"}\n
\n ) : (\n \n {/*
\n )}\n \n );\n};\n\nexport default BasicProfile;\n","import React, { useState, useEffect } from \"react\";\nimport \"./basicProfile.css\";\nimport {\n TextInputField,\n TextInput,\n Select,\n option,\n FilePicker,\n} from \"evergreen-ui\";\nimport SaveBTN from \"./SaveBtn/SaveBTN\";\nimport SubmitButton from \"../../Buttons/SubmitButton/SubmitButton\";\n\nconst ContactInfo = ({ allData, setAllData, handleProfileUpdate }) => {\n const [switchEdit, setswitchEdit] = useState(false);\n const [getAllData, setgetAllData] = useState(allData);\n const handleBasicProfile = (e) => {\n const { name, value } = e.target;\n setAllData({\n ...allData,\n [name]: value,\n });\n };\n const saveHandler = () => {\n handleProfileUpdate();\n setswitchEdit(false);\n };\n useEffect(() => {}, []);\n useEffect(() => {}, [switchEdit]);\n\n return (\n \n {\n setswitchEdit(false);\n }}\n >\n \n
\n )}\n \n \n {\n setswitchEdit(true);\n }}\n >\n \n
\n ) : (\n \n
\n {!switchEdit ? (\n \n ![\"\"](\"./images/stratum/contactDetails.svg\")
\n
\n \n Contact Info
\n \n \n \n
\n {switchEdit && (\n \n
\n Contact Person
\n {!switchEdit ? (\n\n {allData.contactPerson ? allData.contactPerson : \"NA\"}\n
\n ) : (\n \n {\" \"}\n Email
\n {!switchEdit ? (\n
\n \n {allData.email ? allData.email : \"NA\"}\n
\n ) : (\n \n {\" \"}\n
\n Contact Number
\n {!switchEdit ? (\n\n {allData.contactNumber ? allData.contactNumber : \"NA\"}\n
\n ) : (\n \n {/*
\n )}\n \n );\n};\n\nexport default ContactInfo;\n","import React, { useState } from 'react'\nimport \"react-responsive-modal/styles.css\";\nimport styles from \"./modalChangePassword.module.css\";\nimport { Modal } from \"react-responsive-modal\";\nimport Header from '../Header/Header';\nimport { ToastContainer, toast } from \"react-toastify\";\nimport { Button, TextInput, Pane, EyeOpenIcon, EyeOffIcon, InfoSignIcon, Tooltip, Position } from 'evergreen-ui';\nimport { validatePassword } from \"../../Utils/Validation\";\nexport const ModalChangePassword = ({\n open,\n onOpenModal,\n onCloseModal,\n userId\n}) => {\n const [btnLoading, setbtnLoading] = useState(false);\n const [resetPassword, setResetPassword] = useState({\n oldPassword: \"\",\n newPassword: \"\",\n confirmPassword: \"\"\n })\n const [showPassword, setShowPassword] = useState({\n oldPassword: false,\n newPassword: false,\n confirmPassword: false,\n });\n\n const togglePasswordVisibility = (field) => {\n setShowPassword((prev) => ({\n ...prev,\n [field]: !prev[field],\n }));\n };\n const handleResetPassword = (e) => {\n const { name, value } = e.target;\n setResetPassword({\n ...resetPassword,\n [name]: value.replace(/^\\s+|\\s+$/g, \"\") ,\n });\n }\n const handlePasswordChange = (e) => {\n e.preventDefault();\n setbtnLoading(true);\n const payload = {\n old_password: resetPassword.oldPassword,\n new_password: resetPassword.newPassword,\n confirm_new_password: resetPassword.confirmPassword,\n vendor_id: userId\n };\n if (resetPassword.oldPassword == \"\") {\n toast.error(\"Old Password field is required\");\n setbtnLoading(false);\n }else if (resetPassword.newPassword == \"\" && resetPassword.confirmPassword == \"\") {\n toast.error(\"New Password field and Confirm Password field is required\");\n setbtnLoading(false);\n }\n else if (resetPassword.newPassword == \"\") {\n toast.error(\"New Password field is required\");\n setbtnLoading(false);\n } else if (resetPassword.confirmPassword == \"\") {\n toast.error(\"Confirm Password field is required\");\n setbtnLoading(false);\n } \n else if(resetPassword.newPassword != resetPassword.confirmPassword){\n toast.error(\"New Password and Confirm Password does not match\");\n setbtnLoading(false);\n }\n else if (!validatePassword(resetPassword.newPassword).valid) {\n toast.error(validatePassword(resetPassword.newPassword).error);\n setbtnLoading(false);\n }else {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/password_change\", {\n method: \"POST\",\n body: JSON.stringify(payload),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setbtnLoading(false);\n\n if (res.status === true) {\n toast(`${res.message}`, {\n type: \"success\",\n });\n setResetPassword({\n oldPassword: \"\",\n newPassword: \"\",\n confirmPassword: \"\"\n });\n onCloseModal();\n } else {\n toast(`${res.message}`, {\n type: \"error\",\n });\n setResetPassword({\n oldPassword: \"\",\n newPassword: \"\",\n confirmPassword: \"\"\n });\n }\n })\n .catch((err) => {\n console.log(\"e\", err);\n });\n }\n }\n return (\n \n \n \n {/*
\n )\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Button } from \"evergreen-ui\";\nimport AssociatedFile from \"./ProfileTab/AssociatedFile\";\nimport BankDetails from \"./ProfileTab/BankDetails\";\nimport BasicProfile from \"./ProfileTab/BasicProfile\";\nimport ContactInfo from \"./ProfileTab/ContactInfo\";\nimport \"./profile.css\";\nimport Header from \"../Header/Header\";\nimport { useSelector } from \"react-redux\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport { ModalComp } from \"../PO/Modal/ModalComp\";\nimport { ModalChangePassword } from \"./ModalChangePassword\";\nimport { validatePhoneNumber } from \"../../Utils/Validation\";\nimport { PRODUCT } from \"../../Utils/variables\";\nconst Profile = () => {\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const [checkLOading, setcheckLOading] = useState(false);\n const [forRender, setforRender] = useState(true);\n const { vendorId } = useSelector((state) => state.auth);\n const [profileData, setprofileData] = useState({\n tradeLicenseNumber: \"\",\n licenseIssueDate: \"\",\n licenseExpiryDate: \"\",\n typeOfProduct: [],\n country: \"\",\n taxRegistrationNumber: \"\",\n bankDetails: \"\",\n accountNumber: \"\",\n IBANnumber: \"\",\n SWIFTcode: \"\",\n contactPerson: \"\",\n email: \"\",\n contactNumber: \"\",\n tradeLicense: \"\",\n taxRegistrationCertificate: \"\",\n vendorLogo: \"\",\n vendor_category_selected: [],\n documents: [],\n vendor_name: \"\",\n user_id: \"\",\n });\n const [doc, setDoc] = useState([\n {\n unique: \"vendorLogo\",\n },\n\n {\n unique: \"tradeLicense\",\n },\n {\n unique: \"taxReg\",\n },\n ]);\n\n const loadProfileDetail = () => {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/show\", {\n method: \"POST\",\n body: JSON.stringify({ vendor_id: vendorId }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n let data = res.response[0];\n\n setprofileData({\n tradeLicenseNumber: data.trade_license_number,\n licenseIssueDate: data.trade_license_issue_date,\n licenseExpiryDate: data.trade_license_exp_date,\n typeOfProduct: data.vendor_category,\n country: data.country_id,\n countryName: data.country,\n taxRegistrationNumber: data.gstin_number,\n bankDetails: data.bank_name,\n accountNumber: data.account_number,\n IBANnumber: data.iban_number,\n SWIFTcode: data.swift_code,\n contactPerson: data.contact_person_name,\n email: data.vendor_email,\n contactNumber: data.vendor_phone,\n tradeLicense: \"\",\n taxRegistrationCertificate: \"\",\n vendorLogo: \"\",\n vendor_category_id: data.vendor_category_id,\n vendor_category_selected: data.vendor_category_selected,\n inserted_by: data.inserted_by,\n vendor_name: data.vendor_name,\n user_id: data.user_id,\n });\n\n let downloadData = data.documents;\n let newData = [];\n\n for (\n let i = 0;\n downloadData.length < 3 ? i < downloadData.length : i < 3;\n i++\n ) {\n newData.push(downloadData[i]);\n }\n setDoc(newData);\n localStorage.setItem(\"profile_documents\", JSON.stringify(newData));\n })\n .catch((err) => console.log(\"e\", err));\n };\n const handleProfileUpdate = () => {\n setcheckLOading(true);\n const newDoc = profileData?.documents?.filter((e) => e.url !== \"\");\n const uniqDoc = newDoc\n ? [...doc].filter(\n ({ unique: id1 }) => !newDoc.some(({ unique: id2 }) => id2 === id1)\n )\n : doc;\n\n const actualDoc =\n newDoc && uniqDoc\n ? [...uniqDoc, ...newDoc]\n : newDoc\n ? [...newDoc]\n : [...uniqDoc];\n\n let payload = {\n vendor_id: vendorId,\n trade_license_number: profileData.tradeLicenseNumber,\n trade_license_issue_date: profileData.licenseIssueDate,\n trade_license_exp_date: profileData.licenseExpiryDate,\n vendor_category_id: profileData.vendor_category_id,\n country: profileData.country,\n gstin_number: profileData.taxRegistrationNumber,\n bank_name: profileData.bankDetails,\n bank_account_number: profileData.accountNumber,\n iban_number: profileData.IBANnumber,\n swift_code: profileData.SWIFTcode,\n contact_person_name: profileData.contactPerson,\n email: profileData.email,\n contact_number: profileData.contactNumber,\n documents: actualDoc,\n inserted_by: profileData.inserted_by,\n vendor_name: profileData.vendor_name,\n };\n if (!validatePhoneNumber(profileData.contactNumber, profileData.country)) {\n toast.error(\"Please enter valid Contact Number\");\n loadProfileDetail();\n } else if (profileData.licenseIssueDate == \"\") {\n toast.error(\"License Issue Date is required\");\n loadProfileDetail();\n } else if (profileData.licenseExpiryDate == \"\") {\n toast.error(\"License Expiry Date is required\");\n loadProfileDetail();\n } else if (profileData.contactPerson == \"\") {\n toast.error(\"Name field is required\");\n loadProfileDetail();\n } else {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendor/update\", {\n method: \"POST\",\n body: JSON.stringify(payload),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setcheckLOading(false);\n\n if (res.status === true) {\n toast(`${res.message}`, {\n type: \"success\",\n });\n // loadProfileDetail();\n setTimeout(() => {\n setforRender(!forRender);\n }, 3000);\n } else {\n toast(`${res.message}`, {\n type: \"error\",\n });\n }\n })\n .catch((err) => console.log(\"e\", err));\n\n // setforRender(!forRender);\n }\n };\n\n const RenderingFunc = () => {\n setforRender(!forRender);\n };\n useEffect(() => {\n loadProfileDetail();\n document.title = PRODUCT + \" - Profile\";\n }, [forRender]);\n\n return (\n \n
\n \n
\n\n \n \n
\n
\n \n
\n \n
\n\n togglePasswordVisibility(\"newPassword\")}\n />\n ) : (\n togglePasswordVisibility(\"newPassword\")}\n />\n )}\n \n
\n \n
\n \n
\n\n togglePasswordVisibility(\"confirmPassword\")}\n />\n ) : (\n togglePasswordVisibility(\"confirmPassword\")}\n />\n )}\n \n
\n \n
\n \n {btnLoading && (\n \n )}\n Change Password\n \n onCloseModal()}\n >\n Cancel\n \n
\n \n
\n );\n};\n\nexport default Profile;\n","import React from \"react\";\nimport \"./listcardleft.css\";\nimport moment from \"moment\";\nimport { IMAGE_PATH } from \"../../Utils/variables\";\n\nconst ListCardLeft = ({\n closing_date,\n rfq_title,\n activeTabId,\n itemId,\n name,\n}) => {\n return (\n \n
\n {rfq_title}
\n \n
\n \n );\n};\nexport default ListCardLeft;\n","import React, { useState } from \"react\";\nimport moment from \"moment\";\nimport { Markup } from \"interweave\";\nimport { set_active_tab } from \"../../Redux/Tab/Tab.action\";\nimport { useEffect } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Header from \"../Header/Header\";\nimport SearchAndFilter from \"../SearchAndFilter/SearchAndFilter\";\nimport \"./allrfqs.css\";\nimport ListCardLeft from \"./ListCardLeft\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { DownloadIcon, Button } from \"evergreen-ui\";\nimport { IMAGE_PATH, PRODUCT } from \"../../Utils/variables\";\nconst AllRFQs = () => {\n const { vendorId } = useSelector((state) => state.auth);\n const dispatch = useDispatch();\n const [initialLoading, setinitialLoading] = useState(true);\n\n const [getFilterData, setgetFilterData] = useState({});\n const navigate = useNavigate();\n\n const [activeTabId, setActiveTab] = useState(0);\n const [leftCardData, setleftCardData] = useState();\n const [rightCardData, setrightCardData] = useState();\n const [rfqId, setrfqId] = useState();\n const [basicClose, setbasicClose] = useState({\n card1: true,\n card2: true,\n card3: true,\n card4: true,\n card5: true,\n card6: true,\n card7: true,\n card8: true,\n });\n const onClickTabItem = (tabId) => {\n setActiveTab(tabId);\n };\n\n const openInNewTab = (url) => {\n localStorage.setItem(\"rfq_id\", JSON.stringify(rfqId));\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n };\n\n const searchFucntion = (x) => {\n LeftCardDataLoad(\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend,\n x\n );\n };\n\n const LeftCardDataLoad = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n search_query\n ) => {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorRfq/show\", {\n method: \"POST\",\n body: JSON.stringify({\n vendor_id: vendorId,\n communities: Communities,\n manageBy: manageBy,\n closingOnstart: closingOnstart,\n closingOnend: closingOnend,\n postedOnstart: postedOnstart,\n postedOnend: postedOnend,\n search_query: search_query,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setleftCardData(res.response.data);\n if (res.response.count === 0) {\n setrightCardData();\n setrfqId(\"\");\n } else {\n localStorage.setItem(\n \"rfq_id\",\n JSON.stringify(res.response.data[0].rfq_id)\n );\n RightCardDataLoad(res.response.data[0].rfq_id);\n setrfqId(res.response.data[0].rfq_id);\n }\n\n setinitialLoading(false);\n })\n .catch((err) => {\n setinitialLoading(false);\n console.log(\"e\", err);\n });\n };\n\n const RightCardDataLoad = (x) => {\n if (x) {\n fetch(process.env.REACT_APP_API_URL + \"/api/vendorRfq/rfqById\", {\n method: \"POST\",\n body: JSON.stringify({\n rfq_id: x,\n vendor_id: vendorId,\n }),\n headers: { \"content-type\": \"application/json\" },\n })\n .then((d) => d.json())\n .then((res) => {\n setrightCardData(res.response[0]);\n })\n .catch((err) => console.log(\"e\", err));\n }\n };\n\n const FilterData = (\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend\n ) => {\n let obj = {\n Communities,\n manageBy,\n closingOnstart,\n closingOnend,\n postedOnstart,\n postedOnend,\n };\n setgetFilterData(obj);\n };\n\n useEffect(() => {\n RightCardDataLoad(rfqId);\n }, [rfqId]);\n\n // useEffect(() => {\n // LeftCardDataLoad();\n // }, []);\n\n useEffect(() => {\n document.title = PRODUCT + \" - RFQ's\";\n dispatch(set_active_tab(2));\n LeftCardDataLoad(\n getFilterData.Communities,\n getFilterData.manageBy,\n getFilterData.closingOnstart,\n getFilterData.closingOnend,\n getFilterData.postedOnstart,\n getFilterData.postedOnend\n );\n }, [getFilterData]);\n const handleDownload = (urls) => {\n let url = urls;\n const link = document.createElement(\"a\");\n link.href = url;\n link.target = \"_blank\";\n document.body.appendChild(link);\n link.click();\n link.parentNode.removeChild(link);\n };\n\n return (\n \n
\n \n
\n CLOSING ON
\n \n {moment(closing_date).format(\"DD MMM YYYY\")}\n
\n \n
\n {/* -----------ITEMS---------------- */}\n \n \n
\n )}\n \n
\n\n {/* ---------------------right main data start from here--------------------- */}\n \n
\n \n
\n\n RFQ List
\n\n {leftCardData && leftCardData.length} Available\n
\n\n {leftCardData && leftCardData.length > 0 ? (\n leftCardData.map((e, i) => {\n return (\n {\n onClickTabItem(i);\n setrfqId(e.rfq_id);\n localStorage.setItem(\n \"rfq_id\",\n JSON.stringify(e.rfq_id)\n );\n }}\n >\n
\n );\n })\n ) : (\n \n {initialLoading ? (\n \n ) : (\n \n )}\n
\n )}\n \n
\n {/* -----------contact info----------------- */}\n \n
\n {/* -----------------------right cards-------------------- */}\n {rightCardData ? (\n \n
\n \n {rightCardData && rightCardData.rfq_title}\n
\n \n {rightCardData && rightCardData.name}\n
\n \n {rightCardData && (\n <>\n {\n navigate(\"/quotation\");\n }}\n >\n {rightCardData.status == \"Finalised\"\n ? \"Already Applied\"\n : \"Apply Now\"}\n \n \n )}\n
\n \n {/* -----------basic info----------------- */}\n
\n {/* -----------site visit----------------- */}\n \n
\n {basicClose.card1 && (\n \n {\n setbasicClose({\n ...basicClose,\n card1: !basicClose.card1,\n });\n }}\n >\n
\n \n \n General Info\n
\n \n General Info\n \n
\n )}\n \n
\n\n RFQ NO
\n{rightCardData && rightCardData.rfq_no}
\n CLOSING ON
\n\n {rightCardData &&\n moment(rightCardData.closing_date).format(\n \"DD MMM YYYY\"\n )}\n
\n \n
\n POSTED ON
\n\n {rightCardData &&\n moment(rightCardData.created_on).format(\n \"DD MMM YYYY\"\n )}\n
\n Expected Completion/Delivery
\n\n {rightCardData &&\n moment(\n rightCardData.expected_delivery_completion_date\n ).format(\"DD MMM YYYY\")}\n
\n \n
\n {basicClose.card2 && (\n \n {\n setbasicClose({\n ...basicClose,\n card2: !basicClose.card2,\n });\n }}\n >\n
\n \n \n Site Visit\n
\n \n Site Visit\n \n
\n )}\n \n
\n start date
\n\n {rightCardData &&\n moment(rightCardData.site_visit_start_date).format(\n \"DD MMM YYYY\"\n )}\n
\n end date
\n\n {rightCardData &&\n moment(rightCardData.site_visit_end_date).format(\n \"DD MMM YYYY\"\n )}\n
\n \n
\n start time
\n\n {rightCardData && rightCardData.site_visit_start_time\n ? rightCardData.site_visit_start_time\n : \"NA\"}\n
\n end time
\n\n {rightCardData && rightCardData.site_visit_end_time\n ? rightCardData.site_visit_end_time\n : \"NA\"}\n
\n \n
\n {basicClose.card3 && (\n \n {\n setbasicClose({\n ...basicClose,\n card3: !basicClose.card3,\n });\n }}\n >\n
\n \n \n Contact Info\n
\n \n Contact Info\n \n
\n NAME
\n\n {rightCardData && rightCardData.contact_person}\n
\n NUMBER
\n{rightCardData && rightCardData.contact_no}
\n \n EMAIL
\n
\n {rightCardData && rightCardData.email_id}
\n \n
\n {basicClose.card4 && (\n \n {\n setbasicClose({\n ...basicClose,\n card4: !basicClose.card4,\n });\n }}\n >\n {\" \"}\n
\n \n \n Items\n
\n \n Items\n | DESCRIPTION | \nUOM | \nQty | \n
|---|---|---|
| {e.item} | \n{e.uom_name} | \n{e.quantity} | \n
\n
\n {basicClose.card5 && (\n \n {\n setbasicClose({\n ...basicClose,\n card5: !basicClose.card5,\n });\n }}\n >\n
\n \n \n Scope of Work\n
\n \n Scope of Work\n \n
\n )}\n \n {/* -----------Terms & Conditions -01---------------- */}\n\n {\n rightCardData?.tc && (\n // rightCardData.tc.map((e, i) => {\n // return (\n \n
\n \n {rightCardData &&\n rightCardData.scope_of_work\n .toString()\n .replace(\n /<[^>]*(>|$)| ||»|«|>/g,\n \" \"\n )\n .replace(/[\\[\\]']+/g, \"\")}\n
\n \n
\n {basicClose.card6 && (\n \n {\n setbasicClose({\n ...basicClose,\n card6: !basicClose.card6,\n });\n }}\n >\n
\n \n \n \n Terms & Conditions\n \n
\n \n \n Terms & Conditions\n \n \n
\n )}\n \n )\n // );\n // })\n }\n {/* -----------Terms & Conditions -02--------------- */}\n\n {/* \n
\n \n {rightCardData.tc.map((e, i) => {\n return (\n <>\n
\n \n
\n {basicClose.card7 && (\n \n {\n setbasicClose({\n ...basicClose,\n card7: !basicClose.card7,\n });\n }}\n >\n ![\"\"](\"./images/stratum/dropUpLogo.svg\")
\n
\n \n \n \n Terms & Conditions -02\n \n
\n \n \n Terms & Conditions -02\n \n \n \n
\n )}\n */}\n {/* -----------Attachments----------------- */}\n \n
\n \n {rightCardData && rightCardData.terms_condition}\n
\n \n
\n {basicClose.card8 && (\n \n {\n setbasicClose({\n ...basicClose,\n card8: !basicClose.card8,\n });\n }}\n >\n
\n \n \n Attachments\n
\n \n Attachments\n \n
\n )}\n \n \n ) : (\n \n {/* \n
\n img1
\n \n \n img2
*/}\n {rightCardData &&\n rightCardData.documents.map((item) => {\n return (\n <>\n \n \n {item.orig_name.slice(0, 20)}...\n
\n \n );\n })}\n \n {/* \n \n Download\n \n \n handleDownload(item?.urls)}\n >\n Download\n \n \n );\n })}\n
\n \n
*/}\n {rightCardData &&\n rightCardData.documents.map((item) => {\n return (\n <>\n \n \n \n
\n )}\n \n \n \n \n );\n};\n\nexport default AllRFQs;\n","import React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport moment from \"moment\";\nimport { useDispatch } from \"react-redux\";\nimport { set_active_tab } from \"../../Redux/Tab/Tab.action\";\nimport { Markup } from \"interweave\";\n\nimport Header from \"../Header/Header\";\nimport \"./applyNowRfqs.css\";\nimport {\n TextInput,\n FilePicker,\n Textarea,\n Checkbox,\n Button,\n} from \"evergreen-ui\";\nimport { useEffect } from \"react\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { ModalTandC } from \"./ModalTandC\";\nimport SubmitButton from \"../Buttons/SubmitButton/SubmitButton\";\nconst ApplyNowRFQs = () => {\n const dispatch = useDispatch();\n const navigate = useNavigate();\n\n const [submitLoading, setsubmitLoading] = useState(false);\n\n // ---------------states for t and c----------------------\n const [grandTotal, setgrandTotal] = useState(0);\n const [remark, setremark] = useState();\n const [multiTandC, setmultiTandC] = useState([]);\n const [modalData, setmodalData] = useState({ title: \"\", desc: \"\" });\n const [tandcInputValues, settandcInputValues] = useState([\n { id: 0, term: \"\" },\n { id: 1, term: \"\" },\n { id: 2, term: \"\" },\n { id: 3, term: \"\" },\n { id: 4, term: \"\" },\n ]);\n\n // ---------------states for modal----------------------\n const [disablebtn, setDisableBtn] = useState(false);\n const [open, setOpen] = useState(false);\n const onOpenModal = () => setOpen(true);\n const onCloseModal = () => setOpen(false);\n const handleDisablebtn = () => setDisableBtn(true);\n\n const [disablebtn2, setDisableBtn2] = useState(false);\n const [open2, setOpen2] = useState(false);\n const onOpenModal2 = () => setOpen2(true);\n const onCloseModal2 = () => setOpen2(false);\n const handleDisablebtn2 = () => setDisableBtn2(true);\n // ---------------states for files----------------------\n\n const [allFiles, setallFiles] = useState([\n // { unique: \"trade_license\" },\n // { unique: \"quote_document\" },\n // { unique: \"other_document\" },\n // { unique: \"tax_reg\" },\n ]);\n const [basicClose, setbasicClose] = useState({\n card1: true,\n card2: true,\n card3: true,\n card4: true,\n card5: true,\n card10: true,\n card11: true,\n card12: true,\n card13: true,\n card14: true,\n card15: true,\n });\n const [vendorId, setvendorId] = useState();\n const [notes, setnotes] = useState();\n const [tandc1, settandc1] = useState(\"\");\n const [tandc2, settandc2] = useState(\"\");\n const [tandcagree1, settandcagree1] = useState(true);\n const [tandcagree2, settandcagree2] = useState(false);\n\n // ----------------table input value-------------------------\n const [manipulatedTableLIst, setmanipulatedTableLIst] = useState();\n const [allData, setallData] = useState();\n const [getRfqId, setgetRfqId] = useState();\n\n const TandCFunction = () => {\n return (\n <>\n {multiTandC &&\n multiTandC.map((e, i) => {\n return (\n <>\n \n \n \n
\n
\n )}\n \n\n {/* -----------Notes----------------- */}\n\n \n
\n \n
\n \n
\n \n {allData && allData.rfq_title}\n
\n \n {allData && allData.name}\n
\n \n {/* {\n submitAllRfq();\n }}\n >\n Submit Quote\n */}\n {/* {\n submitAllRfq();\n }}\n size=\"medium\"\n >\n Submit Quote\n */}\n
\n \n {/* -----------basic info----------------- */}\n
\n\n {/* -----------ITEMS---------------- */}\n \n
\n {basicClose.card1 && (\n \n {\n setbasicClose({ ...basicClose, card1: !basicClose.card1 });\n }}\n >\n
\n \n \n General Info\n
\n \n General Info\n \n
\n )}\n \n
\n\n RFQ NO
\n{allData && allData.rfq_no}
\n\n {/* PR NO
\n\n {allData && allData.pr_display_number\n ? allData.pr_display_number\n : \"NA\"}\n
*/}\n\n {/* CLOSING ON
\n\n {allData &&\n moment(allData.closing_date).format(\"DD MMM YYYY\")}\n
*/}\n \n
\n POSTED ON
\n\n {allData && moment(allData.created_on).format(\"DD MMM YYYY\")}\n
\n {/* Expected Completion/Delivery
\n\n {allData &&\n moment(allData.expected_delivery_completion_date).format(\n \"DD MMM YYYY\"\n )}\n
*/}\n \n
\n CLOSING ON
\n\n {allData &&\n moment(allData.closing_date).format(\"DD MMM YYYY\")}\n
\n {/* Expected Completion/Delivery
\n\n {allData &&\n moment(allData.expected_delivery_completion_date).format(\n \"DD MMM YYYY\"\n )}\n
*/}\n \n
\n Expected Completion/Delivery
\n\n {allData &&\n moment(allData.expected_delivery_completion_date).format(\n \"DD MMM YYYY\"\n )}{\" \"}\n
\n {/* Expected Completion/Delivery
\n\n {allData &&\n moment(allData.expected_delivery_completion_date).format(\n \"DD MMM YYYY\"\n )}\n
*/}\n \n {/*
\n MANAGED BY
\n{allData && allData.rfq_no}
*/}\n \n
\n {basicClose.card2 && (\n \n {\n setbasicClose({ ...basicClose, card2: !basicClose.card2 });\n }}\n >\n {\" \"}\n
\n \n \n Items\n
\n \n Items\n | DESCRIPTION | \nUOM | \nQTY | \nPRICE PER UNIT | \nVAT (%) | \nTOTAL AMOUNT | \n
|---|---|---|---|---|---|
| {elem.rfq_item} | \n{elem.uom_name} | \n{elem.quantity} | \n\n | \n \n | \n \n | \n
| \n | \n | \n | \n | Grand Total | \n\n {grandTotal.toFixed(2)}\n | \n
\n
\n {basicClose.card3 && (\n \n {\n setbasicClose({ ...basicClose, card3: !basicClose.card3 });\n }}\n >\n {\" \"}\n
\n \n \n Notes\n
\n \n Notes\n \n
\n )}\n \n {/* -----------Attachments----------------- */}\n \n \n\n
\n \n {\" \"}\n {\n setnotes(e.target.value);\n }}\n />\n
\n \n
\n {basicClose.card4 && (\n \n {\n setbasicClose({ ...basicClose, card4: !basicClose.card4 });\n }}\n >\n {\" \"}\n
\n \n \n Attachments\n
\n \n Attachments\n \n
\n )}\n \n {/* -----------Terms & Conditions --------------- */}\n\n \n {/*
\n QOUTE DOCUMENT
\n\n {\" \"}\n handleUpload(e, \"quote_document\")}\n required\n />\n
*/}\n ATTACHMENT - 1
\n\n handleUpload(e, \"other_document\")}\n required\n />\n
\n \n
\n ATTACHMENT - 2
\n\n handleUpload(e, \"tax_reg\")}\n required\n />\n
\n {/* TRADE LICENSE
\n\n handleUpload(e, \"trade_license\")}\n required\n />\n
*/}\n \n
\n {basicClose.card5 && (\n \n {\n setbasicClose({ ...basicClose, card5: !basicClose.card5 });\n }}\n >\n {\" \"}\n
\n \n \n Terms & Conditions\n
\n \n Terms & Conditions\n \n {/* {multiTandC &&\n multiTandC.map((e, i) => {\n return ( */}\n
\n )}\n \n \n \n
\n {/* ); */}\n {/* })} */}\n \n
\n {\" \"}\n {\n // handleTandCinput(j, i);\n setremark(e.target.value);\n }}\n />\n
\n \n
\n {/* -----------contact info----------------- */}\n \n
\n \n
\n \n
\n \n Swimming Pool Renovation\n
\n Godrej Sky
\n \n {/* */}\n
\n \n {/* -----------basic info----------------- */}\n
\n {/* -----------site visit----------------- */}\n \n
\n {basicClose.card1 && (\n \n {\n setbasicClose({ ...basicClose, card1: !basicClose.card1 });\n }}\n >\n {\" \"}\n \n
\n \n \n Basic Info\n
\n \n Basic Info\n \n \n
\n )}\n \n
\n PR NO
\nBA9212320
\n POSTED ON
\nBA9212320
\n \n
\n RFQ NO
\nBA9212320
\n CLOSING ON
\nBA9212320
\n \n
\n MANAGED BY
\nBA9212320
\n Expected Completion/Delivery
\nBA9212320
\n \n
\n {basicClose.card2 && (\n \n {\n setbasicClose({ ...basicClose, card2: !basicClose.card2 });\n }}\n >\n {\" \"}\n \n
\n \n \n Site Visit\n
\n \n Site Visit\n \n \n
\n )}\n \n
\n date
\nBA9212320
\n \n
\n time
\nBA9212320
\n \n
\n {basicClose.card3 && (\n \n {\n setbasicClose({ ...basicClose, card3: !basicClose.card3 });\n }}\n >\n {\" \"}\n \n
\n \n \n Contact Info\n
\n \n Contact Info\n \n \n
\n )}\n \n\n {/* -----------ITEMS---------------- */}\n \n
\n CONTACT PERSON
\nBA9212320
\n CONTACT NUMBER
\nBA9212320
\n \n EMAIL
\n
\n BA9212320
\n \n
\n {basicClose.card4 && (\n \n {\n setbasicClose({ ...basicClose, card4: !basicClose.card4 });\n }}\n >\n {\" \"}\n \n
\n \n \n Items\n
\n \n Items\n \n | ITEMS | \nUOM | \nQTY | \n {/*AMOUNT | \nVAT | \nTOTAL | */}\n
|---|---|---|---|---|---|
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n {/*\n | \n \n | \n \n | */}\n
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n|||
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n|||
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n|||
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n|||
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n|||
| Alfreds Futterkiste | \nMaria Anders | \nGermany | \n
\n
\n {basicClose.card5 && (\n \n {\n setbasicClose({ ...basicClose, card5: !basicClose.card5 });\n }}\n >\n {\" \"}\n \n
\n \n ![\"\"](\"./images/stratum/scopeofwork.svg\")
\n Scope of Work\n
\n \n Scope of Work\n \n \n
\n )}\n \n {/* -----------Terms & Conditions -01---------------- */}\n\n \n
\n \n FAHU 01.1. Repair of FAHU Panel Board.2. Repair of FAHU\n Exhaust Blower3. Repair of Heat Recovery WheelFAHU 02.1.\n Replacement of Power Cable2. Repair of FAHU Exhaust Blower3.\n Repair of Heat Recovery Wheel\n
\n \n
\n {basicClose.card6 && (\n \n {\n setbasicClose({ ...basicClose, card6: !basicClose.card6 });\n }}\n >\n {\" \"}\n \n
\n \n \n \n Terms & Conditions -01\n \n
\n \n \n Terms & Conditions -01\n \n \n \n
\n )}\n \n {/* -----------Terms & Conditions -02--------------- */}\n\n \n
\n \n An Intellectual Property clause will inform users that the\n contents, logo and other visual media you created is your\n property and is protected by copyright laws. A Termination\n clause will inform users that any accounts on your website and\n mobile app, or users' access to your website and app, can be\n terminated in case of abuses or at your sole discretion. A\n Governing Law clause will inform users which laws govern the\n agreement. These laws should come from the country in which\n your company is headquartered or the country from which you\n operate your website and mobile app.\n
\n \n
\n {basicClose.card7 && (\n \n {\n setbasicClose({ ...basicClose, card7: !basicClose.card7 });\n }}\n >\n {\" \"}\n \n
\n \n \n \n Terms & Conditions -02\n \n
\n \n \n Terms & Conditions -02\n \n \n \n
\n )}\n \n \n \n );\n};\n\nexport default ViewRfq;\n","import React from \"react\";\nimport { Navigate, Outlet } from \"react-router-dom\";\n\nfunction PrivateRoute({ isLogged }) {\n return isLogged ? \n
\n \n An Intellectual Property clause will inform users that the\n contents, logo and other visual media you created is your\n property and is protected by copyright laws. A Termination\n clause will inform users that any accounts on your website and\n mobile app, or users' access to your website and app, can be\n terminated in case of abuses or at your sole discretion. A\n Governing Law clause will inform users which laws govern the\n agreement. These laws should come from the country in which\n your company is headquartered or the country from which you\n operate your website and mobile app.\n
\n \n
\n \n );\n};\n\nexport default RegistrationConfirm;\n","import React, { useState, useEffect } from \"react\";\nimport { Route, Routes } from \"react-router-dom\";\nimport { BankContactDetail } from \"../components/BankContactDetail/BankContactDetail\";\nimport { Login } from \"../components/Login/Login/Login\";\nimport { CreateAccount } from \"../components/Login/CreateAccount/CreateAccount\";\nimport { ForgetPassword } from \"../components/Login/ForgetPassword/ForgetPassword\";\nimport { ChangePassword } from \"../components/Login/ChangePassword/ChangePassword\";\nimport { AlreadyRegistered } from \"../components/Login/AlreadyRegistered/AlreadyRegistered\";\nimport { CodeAuthentication } from \"../components/Login/CodeAuthentication/CodeAuthentication\";\nimport VendorDetails from \"../components/VendorDetails/VendorDetails\";\nimport { PurchaseOrders } from \"../components/PO/PurchaseOrders/PurchaseOrders\";\nimport Sidebar from \"../components/Sidebar/Sidebar\";\nimport Header from \"../components/Header/Header\";\nimport Navbar from \"../components/Navbar1/Navbar\";\nimport Footer from \"../components/Footer/Footer\";\nimport { BillsPayment } from \"../components/BillsPayment/BillsPayment\";\nimport Profile from \"../components/Profile/Profile\";\nimport AllRFQs from \"../components/AllRfqs/AllRFQs\";\nimport ApplyNowRFQs from \"../components/ApplyNowRFQs/ApplyNowRFQs\";\nimport \"./routing.css\";\nimport SubmittedQoutes from \"../components/SubmittedQuotes/SubmittedQoutes\";\nimport ViewRfq from \"../components/ViewRFQ/ViewRfq\";\nimport PrivateRoute from \"../Utils/PrivateRoute\";\nimport { useSelector } from \"react-redux\";\nimport RegistrationConfirm from \"../components/Login/Confimation/RegistrationConfirm\";\nimport NavbarStratum from \"../components/NAVBAR_STRATUM/NavbarStratum\";\nimport { PRODUCT } from \"../Utils/variables\";\nexport const Routing = () => {\n const [isLogged, setIsLogged] = useState(false);\n const { isLogin, vendorId } = useSelector((state) => state.auth);\n const LoginRenderingHandler = (data) => {\n setIsLogged(isLogin);\n };\n\n return (\n SUCCESS!
\n \n \n
\n \n \n
\n \n {isLogin && \n \n {!isLogin && process.env.REACT_APP_PRODUCT !== \"STRATUM\" && }\n
\n );\n};\n","import React, { useEffect } from \"react\";\nimport { PRODUCT } from \"../Utils/variables\";\n\n//STEP 1:\n//create components using React.lazy\nconst AnacityTheme = React.lazy(() => import(\"./AnacityTheme\"));\nconst StratumTheme = React.lazy(() => import(\"./StratumTheme\"));\n\n//STEP 2:\n//create a parent component that will load the components conditionally using React.Suspense\nconst ThemeSelector = ({ children }) => {\n const CHOSEN_THEME = PRODUCT;\n return (\n <>\n \n \n \n
\n );\n}\nexport default App;\n","import { loadData, saveData } from \"../../Utils/localStorage\";\nimport {\n LOGIN_FAILURE,\n LOGIN_REQUEST,\n LOGIN_SUCCESS,\n LOGOUT,\n} from \"./Auth.actionType\";\n\nconst initState = {\n isLogin: loadData(\"vendorId\") ? true : false,\n // isLogin: true,\n\n token: loadData(\"token\") || \"\",\n isLoading: false,\n isError: false,\n vendorId: loadData(\"vendorId\") || \"\",\n};\n\nexport const Auth_reducer = (state = initState, { type, payload }) => {\n switch (type) {\n case LOGIN_REQUEST:\n return {\n ...state,\n };\n case LOGIN_SUCCESS:\n saveData(\"vendorId\", payload);\n return {\n ...state,\n isLoading: false,\n isError: false,\n isLogin: true,\n token: payload,\n vendorId: payload,\n };\n case LOGIN_FAILURE:\n return {\n ...state,\n isLoading: false,\n isError: true,\n };\n case LOGOUT:\n saveData(\"vendorId\", \"\");\n localStorage.clear();\n return {\n ...state,\n isLoading: false,\n isError: false,\n token: \"\",\n isLogin: false,\n vendorId: \"\",\n };\n default:\n return state;\n }\n};\n","import { loadData, saveData } from \"../../Utils/localStorage\";\nimport { ACTIVE_TAB } from \"./Tab.actionType\";\n\nconst initState = {\n active: loadData(\"active_Tab\") ? loadData(\"active_Tab\") : 2,\n};\n\nexport const Active_Reducer = (state = initState, { type, payload }) => {\n switch (type) {\n case ACTIVE_TAB:\n saveData(\"active_Tab\", payload);\n return {\n ...state,\n active: payload,\n };\n\n default:\n return state;\n }\n};\n","import { combineReducers } from \"redux\";\nimport { Auth_reducer } from \"./Auth/Auth.reducer\";\nimport { Active_Reducer } from \"./Tab/Tab.reducer\";\nexport const rootReducer = combineReducers({\n auth: Auth_reducer,\n activeTabCheck: Active_Reducer,\n});\n","import { createStore, applyMiddleware, compose } from \"redux\";\nimport { rootReducer } from \"./reducer\";\nimport thunk from \"redux-thunk\";\n\nconst createComposer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nexport const store = createStore(\n rootReducer,\n createComposer(applyMiddleware(thunk))\n);\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport App from \"./App\";\nimport { Provider } from \"react-redux\";\nimport { store } from \"./Redux/store\";\nReactDOM.render(\n