\r\n {currentItem?.title}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n {!!row.pickupAppointmentDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.pickupAppointmentDate)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"deliveryAppointmentDate\",\r\n text: t(\"Delivery Date\"),\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n {t(\"Delivery Date\")}\r\n\r\n {row.deliveryAppointmentDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.deliveryAppointmentDate)\r\n : \"\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"distance\",\r\n text: t(\"Distance\"),\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n <>{row.distance && row.unit ? Number(row.distance) + \" \" + row.unit : \"\"}\r\n ),\r\n },\r\n {\r\n dataField: \"charge\",\r\n text: t(\"Charge ($)\"),\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => <>{row.charge ? Currency (row.charge) : \"$0.00\"},\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"isHot\",\r\n text: \"Priority\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) =>\r\n row.isHot === true ? (\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"status\",\r\n text: t(\"Status\"),\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: columnFormatters.StatusColumnFormatter,\r\n headerSortingClasses,\r\n },\r\n ((JSON.parse(localStorage.getItem(\"user\"))?.roles[0] === \"Business Admin\" ||\r\n JSON.parse(localStorage.getItem(\"user\"))?.roles[0] === \"Super Admin\" ||\r\n JSON.parse(localStorage.getItem(\"user\"))?.email === \"atahir+cp@adelphatech.com\") && {\r\n dataField: \"action\",\r\n text: t(\"Actions\"),\r\n formatter: (cellContent, row) => (\r\n\r\n {JSON.parse(localStorage.getItem(\"user\"))?.roles[0] === \"Business Admin\" ||\r\n JSON.parse(localStorage.getItem(\"user\"))?.roles[0] === \"Super Admin\" ||\r\n JSON.parse(localStorage.getItem(\"user\"))?.email === \"atahir+cp@adelphatech.com\" ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : \"\"}\r\n\r\n
\r\n ),\r\n }),\r\n ];\r\n\r\n useEffect(() => {\r\n setIsLoadingAuth(true);\r\n setinitFilter({\r\n page: 1,\r\n sizePerPage: localStorage.getItem(\"invoicePageSize\") ? parseInt(localStorage.getItem(\"invoicePageSize\")) : 10,\r\n sortField: \"Id\",\r\n sortOrder: \"desc\",\r\n custom: true,\r\n totalSize: 100,\r\n sizePerPageList: [\r\n { text: \"10\", value: 10 },\r\n { text: \"20\", value: 20 },\r\n { text: \"50\", value: 50 },\r\n { text: \"100\", value: 100 }\r\n ],\r\n });\r\n }, []);\r\n\r\n const GetHandlerTableChange = (type, newState) => {\r\n let values = { ...initFilter };\r\n if (type === \"sort\") {\r\n values.sortField = newState.sortField;\r\n values.sortOrder = newState.sortOrder;\r\n }\r\n if (type === \"pagination\") {\r\n values.sizePerPage = newState.sizePerPage;\r\n values.page = newState.page === undefined ? 1 : newState.page;\r\n }\r\n setinitFilter(values);\r\n };\r\n\r\n const firstLetterUppercase = (word) => {\r\n return word.charAt(0).toUpperCase() + word.slice(1);\r\n };\r\n \r\n const handleGetOrders = (filter) => {\r\n filter.pageSize = localStorage.getItem(\"invoicePageSize\") ? parseInt(localStorage.getItem(\"invoicePageSize\")) : 10\r\n fetch(\r\n `${BASE_URL}/Orders?pharmacyId=${id}&pageNumber=${filter?.page\r\n }&pageSize=${filter?.sizePerPage}&search=${props?.search ||\r\n \"\"}&sortOrder=${filter?.sortOrder}&sortField=${firstLetterUppercase(\r\n filter?.sortField\r\n )}`,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setLoading(false);\r\n setOrders(data[1]?.orders);\r\n props.setPagination(data[1]?.pagination);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n const debounceSearch = setTimeout(() => {\r\n if (initFilter || props?.search) {\r\n handleGetOrders(initFilter);\r\n } else {\r\n handleGetOrders(initFilter);\r\n }\r\n }, 500);\r\n return () => {\r\n clearTimeout(debounceSearch);\r\n };\r\n }, [initFilter, props?.search]);\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n totalSize: props?.pagination?.totalItemCount || 0,\r\n sizePerPageList: initFilter?.sizePerPageList || [],\r\n sizePerPage: props?.pagination?.pageSize || 10,\r\n page: props?.pagination?.pageNumber || 1,\r\n };\r\n ////////////////////////////////////////////////////////////////////////\r\n const [ShowModal, setShowModal] = useState(false);\r\n const [LoudingNot, setLoudingNot] = useState(false);\r\n const [OrderId, setOrderId] = useState(null);\r\n const [Notes, setNotes] = useState(null);\r\n useEffect(() => {\r\n if (!ShowModal) {\r\n setNotes(null)\r\n }\r\n }, [ShowModal])\r\n\r\n const [ShowModalRTS, setShowModalRTS] = useState(false);\r\n const [LoudingReason, setLoudingReason] = useState(false);\r\n const [Reason, setReason] = useState(null);\r\n\r\n const [ShowModalatt, setShowModalAtt] = useState(false);\r\n const [LoudingAtt, setLoudingAtt] = useState(false);\r\n const [type, settype] = useState(null);\r\n useEffect(() => {\r\n console.log(\"in\")\r\n\r\n if (!ShowModalRTS) {\r\n console.log(\"in\")\r\n setReason(null)\r\n }\r\n }, [ShowModalRTS])\r\n useEffect(() => {\r\n if (!ShowModalatt) {\r\n settype(null)\r\n const inputElement = document.getElementById('att-upload')\r\n if (inputElement) {\r\n inputElement.value = ''\r\n }\r\n setImagePreview(null)\r\n setSelectedFile(null)\r\n }\r\n }, [ShowModalatt])\r\n // const [ShowModalEdit, setShowModalEdit] = useState(false);\r\n const types = [\r\n { value: 1, label: \"Pickup\" },\r\n { value: 2, label: \"Pod\" },\r\n { value: 3, label: \"Signature\" },\r\n ];\r\n function getCurrentGMTOffset() {\r\n // Get the current date and time\r\n const currentDate = new Date();\r\n console.log(currentDate);\r\n // Get the time zone offset in minutes\r\n const timeZoneOffsetInMinutes = currentDate.getTimezoneOffset();\r\n\r\n // Calculate the GMT offset in hours and include the sign\r\n const gmtOffset = -timeZoneOffsetInMinutes / 60;\r\n\r\n return gmtOffset;\r\n }\r\n const [gmtOffset, setGmtOffset] = useState(null);\r\n\r\n useEffect(() => {\r\n const offset = getCurrentGMTOffset();\r\n setGmtOffset(offset);\r\n }, []);\r\n const handleMarkAsDelivered = () => {\r\n setLoudingNot(true)\r\n fetch(`${BASE_URL}/Orders/MarkAsDelivered`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify({\r\n id: OrderId,\r\n value: 0,\r\n timezone: gmtOffset,\r\n notes: Notes,\r\n signedBy: null\r\n }),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: t(\"Success\"),\r\n text: t(\"Order has been marked as Delivered successfully\"),\r\n });\r\n setShowModal(false)\r\n setLoudingNot(false)\r\n if (initFilter || props?.search) {\r\n handleGetOrders(initFilter);\r\n } else {\r\n handleGetOrders(initFilter);\r\n }\r\n // handleGetPharmacies(customersUIProps.queryParams);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n setLoudingNot(false)\r\n\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n setLoudingNot(false)\r\n\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: t(\"You have to subscribe first!\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n setLoudingNot(false)\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n setLoudingNot(false)\r\n console.log(error);\r\n });\r\n };\r\n const handleMarkAsRTS = () => {\r\n setLoudingReason(true)\r\n fetch(`${BASE_URL}/Orders/MarkAsRts`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify({\r\n id: OrderId,\r\n timezone: gmtOffset,\r\n rtsReason: Reason,\r\n }),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: t(\"Success\"),\r\n text: t(\"Order has been marked as RTS successfully\"),\r\n });\r\n if (initFilter || props?.search) {\r\n handleGetOrders(initFilter);\r\n } else {\r\n handleGetOrders(initFilter);\r\n }\r\n setShowModalRTS(false)\r\n setLoudingReason(false)\r\n // handleGetPharmacies(customersUIProps.queryParams);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n setLoudingReason(false)\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n setLoudingReason(false)\r\n\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: t(\"You have to subscribe first!\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n setLoudingReason(false)\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n setLoudingReason(false)\r\n console.log(error);\r\n });\r\n };\r\n const [selectedFile, setSelectedFile] = useState(null);\r\n const [responseMessage, setResponseMessage] = useState('');\r\n const [imagePreview, setImagePreview] = useState(null);\r\n\r\n const handleFileChange = (event) => {\r\n const file = event.target.files[0];\r\n setSelectedFile(file);\r\n\r\n if (file) {\r\n // Display a preview of the selected image\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n setImagePreview(reader.result);\r\n };\r\n reader.readAsDataURL(file);\r\n } else {\r\n setImagePreview(null);\r\n }\r\n };\r\n\r\n const handleUpload = async () => {\r\n setLoudingAtt(true)\r\n if (!selectedFile) {\r\n setResponseMessage('Please select an image file.');\r\n\r\n }\r\n\r\n const formData = new FormData();\r\n formData.append('image', selectedFile);\r\n fetch(`${BASE_URL}/Orders/Attachments/${OrderId}?type=${type}`, {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n body: formData,\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: t(\"Success\"),\r\n text: t(\"Attachment has been added successfully\"),\r\n });\r\n setShowModalAtt(false)\r\n setLoudingAtt(false)\r\n if (initFilter || props?.search) {\r\n handleGetOrders(initFilter);\r\n } else {\r\n handleGetOrders(initFilter);\r\n }\r\n // handleGetPharmacies(customersUIProps.queryParams);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n setLoudingAtt(false)\r\n\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n setLoudingAtt(false)\r\n\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: t(\"You have to subscribe first!\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n setLoudingAtt(false)\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n setLoudingAtt(false)\r\n console.log(error);\r\n });\r\n\r\n };\r\n return (\r\n <>\r\n - \r\n {/*
- \r\n
\r\n {t(\"Edit order\")}\r\n
\r\n \r\n */}\r\n - \r\n
{t(\"Mark as delivered\")}
\r\n \r\n \r\n - \r\n
\r\n {t(\"Mark as RTS\")}\r\n
\r\n \r\n \r\n {/* - \r\n
\r\n {row.isActive ? t(\"Deactivate\") : t(\"Activate\")}\r\n
\r\n \r\n */}\r\n - \r\n
\r\n {t(\"Add attachment\")}\r\n
\r\n \r\n \r\n
\r\n \r\n {!!selectedFile === false ?\r\n ![]()
{ document.getElementById(\"att-upload\").click() }}\r\n src={toAbsoluteUrl(\"/media/icons/add.png\")} alt=\"drag\" /> : \"\"}\r\n
\r\n \r\n {!!selectedFile === true ?\r\n\r\n <>\r\n \r\n
\r\n \r\n : \"\"}\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n const inputElement = document.getElementById('att-upload')\r\n if (inputElement) {\r\n inputElement.value = ''\r\n }\r\n setImagePreview(null)\r\n setSelectedFile(null)\r\n }}\r\n alt='File'\r\n />
\r\n \r\n {\r\n setShow(false);\r\n }}\r\n size=\"lg\"\r\n aria-labelledby=\"contained-modal-title-vcenter\"\r\n centered\r\n >\r\n \r\n \r\n Moneris Payment\r\n \r\n \r\n \r\n <>\r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {formik.errors.cardName}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {formik.errors.cardNumber}\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n ({\r\n value: item,\r\n label: item,\r\n }))}\r\n value={\r\n formik.values.cardExpiryMonth\r\n ? {\r\n value: formik.values.cardExpiryMonth,\r\n label: formik.values.cardExpiryMonth,\r\n }\r\n : null\r\n }\r\n onChange={(value) => {\r\n formik.setFieldValue(\"cardExpiryMonth\", value?.value?.toString());\r\n }}\r\n />\r\n {formik.errors.cardExpiryMonth &&\r\n formik.touched.cardExpiryMonth ? (\r\n
\r\n ) : null}\r\n \r\n \r\n {formik.errors.cardExpiryMonth}\r\n
\r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n\r\n \r\n ({\r\n value: item,\r\n label: item,\r\n }))}\r\n value={\r\n formik.values.cardExpiryYear\r\n ? {\r\n value: formik.values.cardExpiryYear,\r\n label: \"20\" + formik.values.cardExpiryYear,\r\n }\r\n : null\r\n }\r\n onChange={(value) => {\r\n // take only last 2 digits of year\r\n const lastTwoDigits = value.value.toString().slice(-2);\r\n formik.setFieldValue(\"cardExpiryYear\", lastTwoDigits);\r\n }}\r\n />\r\n {formik.errors.cardExpiryYear &&\r\n formik.touched.cardExpiryYear ? (\r\n
\r\n ) : null}\r\n \r\n \r\n {formik.errors.cardExpiryYear}\r\n
\r\n \r\n {/*begin::Input*/}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Procceding to payment...\r\n \r\n
\r\n ) : (\r\n \"Proceed to payment\"\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n cards.length > 0 ?\r\n cards.map((card, index) => (\r\n \r\n
\r\n {\r\n moneris.length > 0 ?\r\n moneris.map((card, index) => (\r\n \r\n
\r\n \r\n {!isFetching ? <>\r\n {useMonerisCards && \r\n <>\r\n \r\n
\r\n \r\n \r\n Subtotal:{\" \"}\r\n \r\n {formatCurrency(amount)}\r\n \r\n \r\n
\r\n\r\n {\r\n setHiddenCard(true);\r\n setShowMoneris(true);\r\n }}\r\n >\r\n \r\n Add payment method\r\n \r\n }\r\n >\r\n
\r\n Moneris
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n ))\r\n : \r\n
\r\n \r\n \r\n \r\n <>\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {card.brand}\r\n
\r\n\r\n\r\n
\r\n \r\n ****{card.last4Digits}\r\n
\r\n\r\n Expires {card.expiryMonth}/{card.expiryYear}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n }\r\n {useStripeCards && <>\r\n No cards found
\r\n\r\n {\r\n setHiddenCard(true);\r\n setShowAddCard(true);\r\n setbilling({\r\n ...Billing,\r\n cardToken: \"\",\r\n cardId: \"\",\r\n cardTokenId: 0,\r\n methodPayment: \"card\",\r\n stripeCardId: \"\",\r\n });\r\n }}\r\n >\r\n \r\n Add payment method\r\n \r\n }\r\n >\r\n
\r\n Stripe
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n ))\r\n : \r\n
\r\n \r\n \r\n \r\n <>\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {card.brand}\r\n
\r\n\r\n\r\n
\r\n \r\n ****{card.last4Digits}\r\n
\r\n\r\n Expires {card.expiryMonth}/{card.expiryYear}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n }\r\n {useStripeAcss && <>\r\n No cards found
\r\n\r\n
\r\n {\r\n banks.length > 0 ?\r\n banks.map((bank, index) => (\r\n \r\n Stripe Acss Debit\r\n
\r\n\r\n \r\n
\r\n ))\r\n : \r\n
\r\n \r\n \r\n \r\n <>\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n {bank.acssDebit.bankName}\r\n
\r\n\r\n\r\n
\r\n \r\n ****{bank.acssDebit.last4}\r\n
\r\n\r\n Expires {card.expiryMonth}/{card.expiryYear}\r\n
*/}\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n }\r\n No banks found
\r\nOther
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n {useStripeAcss && \r\n ![\"\"\r\n]({toAbsoluteUrl(\"/media/icons/bank-transfer.png\")}\r\n)
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Bank Transfer
\r\n\r\n \r\n
\r\n \r\n
\r\n }\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Pre-Authorized Debit\r\n
\r\n\r\n \r\n
\r\n \r\n Please wait...\r\n
\r\n }\r\n \r\n {\r\n if (Billing.methodPayment === \"\") {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: \"Please select payment method!\",\r\n });\r\n return;\r\n }\r\n handleSubmit(Billing);\r\n }}\r\n >\r\n {isPaying ? (\r\n
\r\n \r\n \r\n Procceding to payment...\r\n \r\n
\r\n ) : (\r\n \"Proceed to payment\"\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n setbilling({\r\n ...Billing,\r\n cardName: e.target.value,\r\n methodPayment: \"card\",\r\n });\r\n formik.setFieldValue(\"cardName\", e.target.value);\r\n }}\r\n />\r\n
\r\n {clientSecret && Key && (\r\n \r\n {formik.errors.cardName && formik.touched.cardName ? (\r\n
\r\n \r\n {formik.errors.cardName}\r\n
\r\n ) : null}\r\n \r\n {\r\n formik.handleSubmit();\r\n }}\r\n type=\"button\"\r\n className=\"btn btn-primary my-1 me-12\"\r\n disabled={isPaying}\r\n >\r\n {isPaying ? (\r\n
\r\n \r\n Procceding to payment...\r\n \r\n
\r\n ) : (\r\n \"Proceed to payment\"\r\n )}\r\n \r\n \r\n {\r\n setShowCreditMemo(false);\r\n }}\r\n >\r\n \r\n Adjust Your Payment with Credit Memos \r\n \r\n \r\n \r\n \r\n {\r\n setShowCreditMemo(false);\r\n setHidden(false);\r\n setSelectedCreditMemo([])\r\n setCreditMemoNumber([])\r\n setTotalSelectedCreditMemo(0)\r\n }}\r\n >\r\n Close & Unselect All\r\n \r\n {\r\n if(selectedCreditMemo.length === 0){\r\n Swal.fire({\r\n icon: \"info\",\r\n title: \"Oops...\",\r\n text: \"Please select at least one credit memo\",\r\n });\r\n return;\r\n }else{\r\n setShowCreditMemo(false);\r\n setHidden(false);\r\n }}}\r\n >\r\n Apply Credit Memos\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CreditMemos","import moment from \"moment\";\r\nimport React, { useEffect, useRef } from \"react\";\r\nimport { useState } from \"react\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport * as columnFormatters from \"../customers-table/column-formatters/StatusColumnFormatter\";\r\nimport {\r\n sortCaret,\r\n headerSortingClasses,\r\n PleaseWaitMessage,\r\n NoRecordsFoundMessage,\r\n toAbsoluteUrl,\r\n getSelectRow,\r\n} from \"../../../../../../_metronic/_helpers\";\r\nimport { Pagination } from \"../../../../../../_metronic/_partials/controls\";\r\nimport { Button, Dropdown, Modal, OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport {\r\n ConvertToDateCurrentTimeZoneOnlyDate,\r\n Currency,\r\n CustomCheckbox,\r\n ExportAs,\r\n getFromatdate,\r\n Number,\r\n} from \"../../../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport \"react-google-flight-datepicker/dist/main.css\";\r\nimport { RangeDatePicker } from \"react-google-flight-datepicker\";\r\nimport Invoice from \"./Invoice\";\r\nimport PayInvoice from \"./PayInvoice\";\r\nimport { ModelStateMessage, apiCalll } from \"../../../../../../_metronic/_helpers/apiHelpers\";\r\nimport Swal from \"sweetalert2\";\r\nimport html2pdf from 'html2pdf.js';\r\nimport CreditMemos from \"./CreditMemos\";\r\n\r\n\r\nconst PharmacyOrdersInvoices = (props) => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const role = JSON.parse(localStorage.getItem(\"user\")).roles[0];\r\n const [search, setSearch] = useState(\"\");\r\n const [pagination, setPagination] = useState([]);\r\n const [orders, setOrders] = useState([]);\r\n const [invoices, setInvoices] = useState([]);\r\n const params = useParams();\r\n const id = params.id;\r\n const history = useHistory();\r\n const [startDate, setStartDate] = useState(null);\r\n const [endDate, setEndDate] = useState(null);\r\n const [show, setShow] = useState(false);\r\n const [showBtnPay, setShowBtnPay] = useState(false);\r\n const [showExtra, setShowExtra] = useState(false);\r\n const [disablePay, setDisablePay] = useState(false);\r\n const [extra, setExtra] = useState(0);\r\n const [adjustmentDescription, setAdjustmentDescription] = useState(\"\");\r\n const [showPay, setShowPay] = useState(false);\r\n const [isPaying, setIsPaying] = useState(false);\r\n const [showCard, setShowAddCard] = useState(false);\r\n const [hidden, setHidden] = useState(false);\r\n const [paySelected, setPaySelected] = useState(false);\r\n const [hiddenCard, setHiddenCard] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [downloadIsLoading, setDownloadIsLoading] = useState(false);\r\n const [invoiceNumber, setInvoiceNumber] = useState(\"\");\r\n const [totalSelectedCreditMemo, setTotalSelectedCreditMemo] = useState(0);\r\n const [selectedCreditMemo, setSelectedCreditMemo] = useState([]);\r\n const [creditMemoCodeNumbers, setCreditMemoNumber] = useState([]);\r\n const [showCreditMemo, setShowCreditMemo] = useState(false);\r\nconst [showAdjust, setShowAdjust] = useState(true);\r\n\r\n const componentRef = useRef();\r\n const [ids, setIds] = useState([]);\r\n const [initFilter, setinitFilter] = useState({\r\n page: 1,\r\n sizePerPage: localStorage.getItem(\"orderPharmacyPageSize\") ? parseInt(localStorage.getItem(\"orderPharmacyPageSize\")) : 10,\r\n sortField: \"Id\",\r\n sortOrder: \"desc\",\r\n totalSize: 10,\r\n sizePerPageList: [\r\n { text: \"10\", value: 10 },\r\n { text: \"20\", value: 20 },\r\n { text: \"50\", value: 50 },\r\n { text: \"100\", value: 100 },\r\n ],\r\n });\r\n useEffect(() => {\r\n try{\r\n var resultFilter = JSON.parse(localStorage.getItem(\"filterInvoicingBilling\"));\r\n if(!!resultFilter?.startDate && resultFilter?.startDate !== \"Invalid date\") setStartDate(resultFilter?.startDate);\r\n if(!!resultFilter?.endDate && resultFilter?.endDate !== \"Invalid date\") setEndDate(resultFilter?.endDate);\r\n }catch(err) {}\r\n },[]);\r\n useEffect(() => {\r\n if(!show){\r\n setExtra(0)\r\n setAdjustmentDescription(\"\")\r\n setSelectedCreditMemo([])\r\n setCreditMemoNumber([])\r\n setTotalSelectedCreditMemo(0)\r\n setInvoiceNumber(\"\")\r\n setShowAdjust(true)\r\n }\r\n }, [show])\r\n\r\n const hanldeIcon = (type) => {\r\n if (type.toLocaleLowerCase() === \"card\") {\r\n return ;\r\n } else if (type.toLocaleLowerCase() === \"cash\") {\r\n return ;\r\n } else if (type.toLocaleLowerCase() === \"cheque\") {\r\n return ;\r\n } else {\r\n return (\r\n \r\n Please note: The selected credit memos will be deducted from your total amount due. \r\n Ensure you have selected all applicable credit memos to update your total correctly.\r\n
\r\n {!isFetchingMemos && creditMemos?.map((invoice, index) => (\r\n \r\n \r\n \r\n
\r\n ))}\r\n {isFetchingMemos && [1,2,3,4,5,6,7,8].map((item) => (\r\n \r\n \r\n Invoice : #{invoice.invoiceNumber}\r\n \r\n \r\n Created at : \r\n {ConvertToDateCurrentTimeZoneOnlyDate(invoice?.created)}\r\n \r\n \r\n
\r\n \r\n {Currency(invoice.totalWithTax)}\r\n \r\n \r\n \r\n
\r\n ))}\r\n {!isFetchingMemos && creditMemos.length === 0 && (\r\n \r\n \r\n No credit memos found.\r\n \r\n
\r\n )}\r\n \r\n {!!row.pickupAppointmentDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.pickupAppointmentDate)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"deliveryAppointmentDate\",\r\n text: \"Delivery Date\",\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n Delivery Date\r\n\r\n {row.deliveryAppointmentDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.deliveryAppointmentDate)\r\n : \"\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"distance\",\r\n text: \"Distance\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n <>{row.distance && row.unit ? Number(row.distance) + \" \" + row.unit : \"\"}\r\n ),\r\n },\r\n {\r\n dataField: \"totalCharge\",\r\n text: \"Charge ($)\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => <>{row.totalCharge ? Currency(row.totalCharge) : \"$0.00\"},\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"cod\",\r\n text:\"COD ($)\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n\r\n \r\n \r\n {row?.paymentError}\r\n \r\n }\r\n >\r\n
\r\n ) : row?.paymentStatus === 1 ? (\r\n \r\n
\r\n {row?.paymentStatus === 3 ? (\r\n ${row.cod ? row.cod?.toFixed(2) : 0.0}
\r\n\r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Delivery Date\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n Export(\"excel\");\r\n }}\r\n href={\"#\"}\r\n >\r\n Excel\r\n \r\n {\r\n Export(\"csv\");\r\n }}\r\n href=\"#\"\r\n >\r\n Csv\r\n \r\n {\r\n Export(\"json\");\r\n }}\r\n href=\"#\"\r\n >\r\n Json\r\n \r\n \r\n \r\n
\r\n \r\n {ids.length === 0 && (\r\n {\r\n handleGetTotalInvoiceByDate();\r\n setShowBtnPay(false);\r\n setShowExtra(true);\r\n setPaySelected(false);\r\n }}\r\n >\r\n {\r\n isLoading ? \"Generating Invoice...\" : \"Generate Invoice\"\r\n }\r\n \r\n )}\r\n {ids.length > 0 && (\r\n {\r\n GetTotalInvoice();\r\n setShowBtnPay(false);\r\n setShowExtra(true);\r\n setPaySelected(true);\r\n }}\r\n >\r\n {\r\n isLoading ? \"Generating Invoice...\" : \"Generate Invoice for selected orders\"\r\n }\r\n \r\n )}\r\n {\r\n handleGetOrders(initFilter);\r\n }}\r\n >\r\n Reresh Invoices\r\n \r\n
\r\n \r\n {\r\n if(extra !== 0 && extra !== null && adjustmentDescription === \"\")\r\n {\r\n Swal.fire({\r\n icon: \"info\",\r\n title: \"Oops...\",\r\n text: \"Please enter the adjustment description\",\r\n });\r\n return;\r\n }\r\n if(totalSelectedCreditMemo !== 0 && (invoices?.totalWithTax + totalSelectedCreditMemo) < 0)\r\n {\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to mark this invoice as credit memo?\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Mark it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handleSubmitCreditMemo();\r\n setIds([]);\r\n }\r\n });\r\n return;\r\n }\r\n if (invoices?.totalWithTax > 0) {\r\n setHidden(true);\r\n setShowPay(true);\r\n }else{\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to mark this invoice as credit memo?\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Mark it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handleSubmitCreditMemo();\r\n setIds([]);\r\n }\r\n });\r\n\r\n }\r\n }}\r\n >\r\n {isPaying ? \"Please wait...\" : \"Pay Invoice\"}\r\n \r\n
\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n
\r\n \r\n {\r\n document.getElementById(\"proceed_to_payment\").click();\r\n }}\r\n >\r\n {isPaying ? (\r\n
\r\n \r\n \r\n Procceding to payment...\r\n \r\n
\r\n ) : (\r\n \"Proceed to payment\"\r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PharmacyDetails;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useSubheader } from \"../../../../_metronic/layout\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport { OverlayTrigger, Tooltip, Modal } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport Swal from \"sweetalert2\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Slide } from 'react-slideshow-image';\r\nimport 'react-slideshow-image/dist/styles.css';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ExportAs } from \"../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport { Dropdown } from \"react-bootstrap\";\r\nimport ImportGlobal from \"../../Tools/ImportGlobal\";\r\n\r\nconst ProductOTC = () => {\r\n const suhbeader = useSubheader();\r\n // suhbeader.setTitle(\"Help Center\");\r\n const history = useHistory();\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const [categorie, setcategorie] = useState(null);\r\n const [DataProducts, setDataProducs] = useState([]);\r\n const [showDetail, setShowDetail] = useState(false);\r\n const handleCloseDetail = () => setShowDetail(false);\r\n const handleShowDetail = () => setShowDetail(true);\r\n const [categories, setcategories] = useState([]);\r\n const [productDetail, setproductDetail] = useState(null);\r\n const [search, setSearch] = useState(\"\");\r\n const [pageNumber, setpageNumber] = useState(1);\r\n const [isLoading, setisLoading] = useState(false);\r\n const [isLoadingCat, setisLoadingCat] = useState(false);\r\n const [isLoadingDET, setisLoadingDET] = useState(false);\r\n const [isLoadingCategory, setisLoadingCategory] = useState(false);\r\n const [PharmacyId, setPharmacyId] = useState(null);\r\n const [isLoadingEX, setisLoadingEX] = useState(false);\r\n const [image, setImage] = useState();\r\n const [CategoryName, setCategoryName] = useState();\r\n const [showCategory, setShowCategory] = useState(false);\r\n const [showEdite, setshowEdite] = useState(false);\r\n const handleCloseCategory = () => setShowCategory(false);\r\n const handleShowCategory = () => setShowCategory(true);\r\n const [Messageerror, setMessageerror] = useState(false);\r\n const [ShowModal, setShowModal] = useState(false);\r\n const characterCount = !!CategoryName?.length === true ? CategoryName?.length:0 ;\r\n const maxCharacters = 50;\r\n const [pagination, setPagination] = useState({\r\n count: 0,\r\n pageCount: 0,\r\n pageNumber: 1,\r\n pageSize: 12,\r\n totalItemCount: 0,\r\n hasPreviousPage: false,\r\n hasNextPage: false,\r\n isFirstPage: true,\r\n isLastPage: true,\r\n });\r\n const GetPharmacyId = () => {\r\n fetch(`${BASE_URL}/Stores/products/status`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setPharmacyId(data[1]?.pharmacyId)\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n useEffect(() => {\r\n GetPharmacyId()\r\n }, [])\r\n const getcategories = () => {\r\n setisLoadingCat(true)\r\n fetch(`${BASE_URL}/Stores/product/category`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setisLoadingCat(false)\r\n setcategories(data[1]);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingCat(false)\r\n console.log(error);\r\n });\r\n };\r\n const handleDeleteProduct = (id) => {\r\n fetch(`${BASE_URL}/Stores/products/${id}`, {\r\n method: \"DELETE\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"DELETE\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n getProducts(categorie, search, pageNumber)\r\n Swal.fire({\r\n title: \"Success!\",\r\n text: \"Product has been deleted successfully!\",\r\n icon: \"success\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 400) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: data[1]?.message,\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n } else if (data[0] === 500) {\r\n setisLoading(prevState => ({ ...prevState, Api3: false }));\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n const getProducts = (categoryId, searchProducts, pageNumber) => {\r\n setisLoading(true)\r\n\r\n fetch(`${BASE_URL}/Stores/products?pharmacyId=${PharmacyId}&categoryId=${categoryId !== null ? categoryId : \"\"}&search=${searchProducts}&pageNumber=${pageNumber}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setDataProducs(data[1]?.products);\r\n setPagination({\r\n count: data[1]?.pagination?.count,\r\n pageCount: data[1]?.pagination?.pageCount,\r\n pageNumber: data[1]?.pagination?.pageNumber,\r\n pageSize: data[1]?.pagination?.pageSize,\r\n totalItemCount: data[1]?.pagination?.totalItemCount,\r\n hasPreviousPage: data[1]?.pagination?.hasPreviousPage,\r\n hasNextPage: data[1]?.pagination?.hasNextPage,\r\n isFirstPage: data[1]?.pagination?.isFirstPage,\r\n isLastPage: data[1]?.pagination?.isLastPage,\r\n });\r\n setisLoading(false)\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoading(false)\r\n console.log(error);\r\n });\r\n };\r\n function Export(Type) {\r\n setisLoadingEX(true)\r\n fetch(`${BASE_URL}/Stores/products?pharmacyId=${PharmacyId}&categoryId=${categorie !== null ? categorie : \"\"}&search=${search}&pageSize=1000000000`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setisLoadingEX(false)\r\n var newArray = data[1]?.products?.map(item => ({\r\n ProductID: item?.id,\r\n ProductName: item?.name,\r\n Description: item?.description,\r\n CategoriesName: item?.categoriesNames,\r\n mainImage: item?.mainImage,\r\n Status: item?.isActive,\r\n Price: item?.price,\r\n Created: new Date(item?.created).toISOString().replace('T', ' ').substring(0, 23),\r\n Tags: Array.isArray(item?.tags) ? item?.tags?.join(', ') : item.tags,\r\n }));\r\n console.log(newArray)\r\n ExportAs(newArray || [], Type, \"Pharmacy_Product\");\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else {\r\n setisLoadingEX(false)\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingEX(false)\r\n console.log(error);\r\n });\r\n }\r\n const getProductDetails = (ProductId) => {\r\n setisLoadingDET(true)\r\n fetch(`${BASE_URL}/Stores/products/${ProductId}/${PharmacyId}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setisLoadingDET(false)\r\n setproductDetail(data[1]);\r\n } else if (data[0] === 400 && data[1].errors) {\r\n console.log(data[1].errors);\r\n setisLoadingDET(false)\r\n for (var i = 0; i < data[1].errors.length; i++) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].errors[i].description,\r\n });\r\n }\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setisLoadingDET(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n } else {\r\n setisLoadingDET(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingDET(false)\r\n console.log(error);\r\n });\r\n };\r\n \r\n const HandlPostCategory = () => {\r\n setisLoadingCategory(true)\r\n\r\n const formData = new FormData();\r\n formData.append('files', image?.file);\r\n formData.append('name', CategoryName);\r\n fetch(`${BASE_URL}/Stores/product/category`, {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: `bearer ${token}`,\r\n },\r\n Allow: \"POST\",\r\n body: formData,\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setisLoadingCategory(false)\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n // text: `Product ${!!Product === true ?\"updated\":\"added\"} Successfully`,\r\n text: `Category added Successfully`,\r\n });\r\n handleCloseCategory()\r\n getcategories()\r\n } else if (data[0] === 400 && data[1].message) {\r\n setisLoadingCategory(false)\r\n\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n \r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setisLoadingCategory(false)\r\n\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingCategory(false)\r\n\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n const HandlPutCategory = () => {\r\n setisLoadingCategory(true)\r\n const formData = new FormData();\r\n if(image?.file === null){\r\n formData.append('files', image?.result);\r\n }else{\r\n formData.append('files', image?.file);\r\n }\r\n formData.append('name', CategoryName);\r\n fetch(`${BASE_URL}/Stores/product/category/${categorie}`, {\r\n method: \"Put\",\r\n headers: {\r\n Authorization: `bearer ${token}`,\r\n },\r\n Allow: \"POST\",\r\n body: formData,\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setisLoadingCategory(false)\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: `Category updated Successfully`,\r\n });\r\n handleCloseCategory()\r\n getcategories()\r\n }else if (data[0] === 400 && data[1].message) {\r\n setisLoadingCategory(false)\r\n\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n \r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setisLoadingCategory(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingCategory(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n const HandlDeleteCategory = () => {\r\n fetch(`${BASE_URL}/Stores/product/category/${categorie}`, {\r\n method: \"DELETE\",\r\n headers: {\r\n Authorization: `bearer ${token}`,\r\n }\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setcategories(null);\r\n getcategories()\r\n setcategorie(null, search)\r\n setDataProducs([])\r\n getProducts(null, search, pageNumber)\r\n \r\n Swal.fire({\r\n title: \"Success!\",\r\n text: \"Category has been deleted successfully!\",\r\n icon: \"success\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n } else if (data[0] === 400) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: data[1]?.message,\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setisLoading(prevState => ({ ...prevState, Api3: false }));\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n const getCategoryDetails = () => {\r\n fetch(`${BASE_URL}/Stores/product/category/${categorie}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n const imageObject = {\r\n file: null,\r\n result: data[1]?.uriImage,\r\n };\r\nsetCategoryName(data[1]?.name);\r\nsetImage(imageObject);\r\n } else if (data[0] === 400 && data[1].errors) {\r\n for (var i = 0; i < data[1].errors.length; i++) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].errors[i].description,\r\n });\r\n }\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setisLoadingDET(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n } else {\r\n setisLoadingDET(false)\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: (\"Something went wrong!. Please try again later\"),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n setisLoadingDET(false)\r\n console.log(error);\r\n });\r\n };\r\n const handleImageChange = (event) => {\r\n const file = event.target.files[0];\r\n\r\n if (file) {\r\n const reader = new FileReader();\r\n\r\n reader.onload = (e) => {\r\n const imageObject = {\r\n file: file,\r\n result: e.target.result,\r\n };\r\n // Update the image state with the new object\r\n setImage(imageObject);\r\n };\r\n\r\n reader.readAsDataURL(file);\r\n }\r\n };\r\n const handleImageRemove = () => {\r\n setImage(null);\r\n };\r\n useEffect(() => {\r\n if (!showDetail) {\r\n setproductDetail(null)\r\n }\r\n }, [showDetail])\r\n useEffect(() => {\r\n if (!showCategory) {\r\n setCategoryName(null);\r\n setImage(null);\r\n setshowEdite(false);\r\n }\r\n }, [showCategory])\r\n useEffect(() => {\r\n getcategories()\r\n setisLoading(true)\r\n setisLoadingCat(true)\r\n }, [])\r\n useEffect(() => {\r\n if (!!PharmacyId === true) {\r\n setisLoading(true)\r\n getProducts(null, \"\", pageNumber)\r\n }\r\n }, [PharmacyId])\r\n const handlePageChange = (newPageNumber) => {\r\n setDataProducs(null)\r\n getProducts(categorie, search, newPageNumber);\r\n };\r\n const images = [\"/media/icons/productcards.webp\", \"/media/icons/productcards.webp\", \"/media/icons/productcards.webp\"]\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n {(role === \"Carrier Admin\" || role === \"Carrier User\") && (\r\n \r\n
\r\n \r\n
\r\n Pharmacy details
\r\n\r\n
\r\n \r\n \r\n method.label === paymentMethod)}\r\n onChange={(e) => {\r\n setPaymentMethod(e.label);\r\n }}\r\n className=\"basic-multi-select\"\r\n classNamePrefix=\"select\"\r\n />\r\n \r\n
\r\n \r\n
\r\n }\r\n
\r\n Pharmacy name
\r\n {pharmacy?.name}
\r\n Address
\r\n \r\n {pharmacy?.address1} , {pharmacy?.address2}\r\n
\r\n {pharmacy?.city} , {pharmacy?.state} , {pharmacy?.zipCode}\r\n
\r\n {pharmacy?.country}\r\n
\r\n \r\n {pharmacy?.city} , {pharmacy?.state} , {pharmacy?.zipCode}\r\n
\r\n {pharmacy?.country}\r\n
Contact info
\r\n \r\n {pharmacy?.contactFirstName} {pharmacy?.contactLastName}\r\n
\r\n {pharmacy?.contactEmail}
\r\n \r\n {pharmacy?.contactPhoneNumber}\r\n
\r\n {(role === \"Carrier Admin\") && <>\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n Invoicing email
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {data?.invoiceEmailEnabled && Enable invoicing email
\r\n \r\n {data?.invoiceEmailEnabled ? \"Enabled\" : \"Disabled\"}\r\n \r\n\r\n
}\r\n \r\n {\r\n setData({ ...data, invoicingEmail: value });\r\n }}\r\n name=\"invoicingEmail\"\r\n placeHolder=\"Enter the email\"\r\n classNames=\"w-100 overflow-auto\"\r\n />\r\n
\r\n \r\n {\r\n handleEnableEmail(data?.invoicingEmail,data?.invoiceEmailEnabled)\r\n }}\r\n className=\"btn btn-primary w-100 mt-5\">\r\n Save changes\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n setKey(1);\r\n }}\r\n >\r\n Orders\r\n \r\n \r\n {(role === \"Carrier Admin\" || role === \"Carrier User\") && (\r\n \r\n {\r\n setKey(2);\r\n }}\r\n >\r\n To Invoice\r\n \r\n \r\n )}\r\n {(role === \"Carrier Admin\" || role === \"Carrier User\") && (\r\n \r\n {\r\n setKey(3);\r\n }}\r\n >\r\n Invoices\r\n \r\n \r\n )}\r\n \r\n
\r\n {key === 1 && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n All orders
{\" \"}\r\n \r\n {pagination.totalItemCount}\r\n \r\n\r\n
\r\n \r\n )}\r\n {key === 2 && (\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n
\r\n )}\r\n {key === 3 && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {isLoadingCat && (\r\n\r\n \r\n Our top Storefront categories\r\n
\r\n\r\n
\r\n )}\r\n {isLoadingEX && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Please wait...\r\n
\r\n \r\n \r\n Loading...\r\n
\r\n \r\n {!!categorie === true ?\r\n {\r\n handleShowCategory()\r\n // setcategorie(null, search)\r\n // setDataProducs([])\r\n // getProducts(null, search, pageNumber)\r\n }}\r\n >\r\n \r\n Create new category\r\n \r\n
\r\n \r\n {\r\n setshowEdite(true)\r\n handleShowCategory()\r\n getCategoryDetails()\r\n }}\r\n >\r\n \r\n Edit\r\n \r\n {\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: (\"You want to delete this category!\"),\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonColor: \"#d33\",\r\n cancelButtonColor: \"#3085d6\",\r\n confirmButtonText: \"Yes\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n HandlDeleteCategory()\r\n }\r\n });\r\n }}\r\n >\r\n \r\n Delete\r\n \r\n\r\n
\r\n :\"\"}\r\n \r\n \r\n \r\n {/*begin::Item*/}\r\n {categories?.map((category) => {\r\n return (\r\n {\r\n setcategorie(category?.id)\r\n getProducts(category?.id, search, 1)\r\n }}\r\n >\r\n {/*begin::Nav link*/}\r\n \r\n {/*begin::Icon*/}\r\n {/*begin::Food icon*/}\r\n
\r\n {/*end::Nav link*/}\r\n \r\n )\r\n })}\r\n\r\n \r\n \r\n
\r\n {/*end::Info*/}\r\n \r\n \r\n {category?.name}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {DataProducts?.length === 0 && isLoading === false ?\r\n \r\n
\r\n \r\n Products
\r\n\r\n\r\n
\r\n {/*begin::Content*/}\r\n {/*begin::Pos food*/}\r\n \r\n \r\n {\r\n console.log(e.target.value.length)\r\n setSearch(e.target.value)\r\n setpageNumber(1)\r\n getProducts(categorie, e.target.value, 1)\r\n }}\r\n />\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {(\"Export as\")}\r\n \r\n\r\n \r\n {\r\n Export(\"excel\");\r\n }}\r\n href={\"#\"}\r\n >\r\n Excel\r\n \r\n {\r\n Export(\"csv\");\r\n }}\r\n href=\"#\"\r\n >\r\n Csv\r\n \r\n {\r\n Export(\"json\");\r\n }}\r\n href=\"#\"\r\n >\r\n Json\r\n \r\n \r\n \r\n setShowModal(true)}\r\n >\r\n \r\n {\r\n setcategorie(null, search)\r\n setDataProducs([])\r\n getProducts(null, search, pageNumber)\r\n }}\r\n >\r\n Show all products\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/*begin::Tap pane*/}\r\n \r\n
\r\n \r\n {/*begin::Card*/}\r\n {DataProducts?.map((product) => {\r\n const mainImage = product?.images.find(image => image.isMain);\r\n const otherImages = product?.images.filter(image => !image?.isMain);\r\n console.log(otherImages)\r\n return (\r\n
\r\n\r\n {/*end::Wrapper*/}\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n { }\r\n {\r\n handleShowDetail()\r\n getProductDetails(product?.id)\r\n }}\r\n />\r\n
\r\n \r\n {otherImages?.length > 0 ?\r\n \r\n {otherImages?.map((image, index) => {\r\n return (\r\n \r\n : \"\"}\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {index < 2 ? category?.name : (index === 2 ? '...' : null)}\r\n \r\n ))}\r\n
\r\n \r\n \r\n {product?.name && product?.name.length > 20\r\n ? product?.name.slice(0, 20) + '...'\r\n : product?.name}\r\n \r\n
\r\n {product?.categories?.map((category, index, array) => (\r\n ${product?.price}
\r\n\r\n\r\n {\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"Do you want to delete it !\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonColor: \"#d33\",\r\n cancelButtonColor: \"#0058B1\",\r\n confirmButtonText: \"Yes, I do!\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handleDeleteProduct(product?.id)\r\n }\r\n });\r\n }}\r\n >\r\n Delete\r\n \r\n {\r\n history.push(`/new-product/${product?.id}`);\r\n }}\r\n >\r\n Edit\r\n \r\n
\r\n \r\n
\r\n : \"\"}\r\n {isLoading && (\r\n\r\n \r\n
\r\n\r\n No result found
\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {/*begin::Card header*/}\r\n
\r\n {/*end::Card body*/}\r\n \r\n {/*begin::Card title*/}\r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n {/*end::Card title*/}\r\n Category picture
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Set the category thumbnail image. Only *.png, *.jpg and *.jpeg image files are accepted\r\n \r\n \r\n \r\n {\r\n setCategoryName(e.target.value);\r\n }} />\r\n
\r\n \r\n \r\n {characterCount}/{maxCharacters}\r\n
\r\n {Messageerror === true && !!CategoryName === false?Category name is required:\"\"}\r\n \r\n {/*begin::Container*/}\r\n
\r\n \r\n {!!productDetail === true ?\r\n
\r\n : \"\"}\r\n {isLoadingDET && (\r\n\r\n \r\n {/*begin::Image*/}\r\n {productDetail !== null ?\r\n
\r\n\r\n : \"\"}\r\n\r\n {/*end::Image*/}\r\n {/*begin::Title*/}\r\n \r\n {productDetail?.images.length > 0 ?\r\n \r\n {productDetail?.images?.map((image, index) => {\r\n return (\r\n \r\n :
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n {productDetail?.name}\r\n \r\n \r\n {productDetail?.isActive === true ? \"Active\" : \"Inactive\"}\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n ${productDetail?.price}
\r\n\r\n \r\n {productDetail?.tags?.map((tag) => {\r\n return (\r\n <>\r\n {!!tag === true ? \r\n {tag}\r\n : \"\"}\r\n \r\n )\r\n })}\r\n
\r\n \r\n \r\n {productDetail?.categories?.map((cateory) => {\r\n return (\r\n <>\r\n {!!cateory === true ? \r\n {cateory?.name}\r\n : \"\"}\r\n \r\n )\r\n })}\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n\r\n \r\n\r\n {/*begin::Aside column*/}\r\n \r\n {/*begin::Card header*/}\r\n
\r\n {/*end::Status*/}\r\n {/*begin::Category & tags*/}\r\n \r\n {/*begin::Button*/}\r\n \r\n Cancel\r\n \r\n {/*end::Button*/}\r\n {/*begin::Button*/}\r\n {\r\n formik.handleSubmit()\r\n }}\r\n > Save changes\r\n \r\n {(isLoading?.Api1 === true ||\r\n isLoading?.Api2 === true ||\r\n isLoading?.Api3 === true) ?\r\n \r\n : \"\"}\r\n\r\n \r\n\r\n {/* \r\n Please wait...{\" \"}\r\n \r\n */}\r\n \r\n {/*end::Button*/}\r\n
\r\n \r\n {/*begin::Thumbnail settings*/}\r\n
\r\n {/*end::Thumbnail settings*/}\r\n {/*begin::Status*/}\r\n \r\n {/*begin::Card header*/}\r\n
\r\n {/*end::Card body*/}\r\n \r\n {/*begin::Card title*/}\r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n {/*end::Card title*/}\r\n Thumbnail
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Set the product thumbnail image. Only *.png, *.jpg and *.jpeg image files are accepted\r\n \r\n \r\n {/*begin::Card title*/}\r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n {/*end::Card title*/}\r\n {/*begin::Card toolbar*/}\r\n\r\n {/*begin::Card toolbar*/}\r\n Status
\r\n\r\n\r\n option?.value === formik.values.isActive)}\r\n onChange={(e) => {\r\n formik.setFieldValue(\"isActive\", e?.value);\r\n }}\r\n />\r\n
\r\n {/*end::Card body*/}\r\n Set the product status.
\r\n\r\n \r\n \r\n Select publishing date and time\r\n \r\n
\r\n {/*end::Datepicker*/}\r\n \r\n {/*begin::Card title*/}\r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n {/*end::Card title*/}\r\n Product Details
\r\n\r\n {/*begin::Input group*/}\r\n {/*begin::Label*/}\r\n {/* \r\n \r\n Create new category\r\n */}\r\n {/*end::Button*/}\r\n {/*begin::Input group*/}\r\n {/*begin::Label*/}\r\n \r\n {\r\n formik.setFieldValue(\"tags\", value)\r\n }}\r\n name=\"AuthorizedPerson\"\r\n placeHolder={(\"Add tags\")}\r\n\r\n />\r\n
\r\n {/*end::Card body*/}\r\n \r\n\r\n \r\n {/*end::Aside column*/}\r\n {/*begin::Main column*/}\r\n Add product to a category.
\r\n {/*end::Description*/}\r\n {/*end::Input group*/}\r\n {/*begin::Button*/}\r\n {/* Add tags to a product.
\r\n {/*end::Description*/}\r\n {/*end::Input group*/}\r\n \r\n
\r\n {/*end::Tab content*/}\r\n \r\n \r\n {/*end::Main column*/}\r\n \r\n \r\n {/*begin::Tab pane*/}\r\n \r\n
\r\n \r\n {/*begin::General options*/}\r\n
\r\n \r\n {/*begin::Card header*/}\r\n
\r\n\r\n \r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n General
\r\n\r\n {/*begin::Input group*/}\r\n
\r\n {formik.touched.CategoryIds && formik.errors.CategoryIds ? (\r\n \r\n {/*begin::Label*/}\r\n \r\n {/*end::Label*/}\r\n {/*begin::Input*/}\r\n {\r\n formik.setFieldValue(\r\n \"name\",\r\n e.target.value\r\n );\r\n }}\r\n />\r\n {formik.touched.name && formik.errors.name ? (\r\n
\r\n {/*end::Input group*/}\r\n {/*begin::Input group*/}\r\n \r\n
\r\n ) : null}\r\n {/*end::Input*/}\r\n {/*begin::Description*/}\r\n \r\n * {formik.errors.name}\r\n
\r\n \r\n A product name is required and recommended to be unique.\r\n
\r\n {/*end::Description*/}\r\n \r\n \r\n {/*begin::Label*/}\r\n \r\n {/*end::Label*/}\r\n {/*begin::Editor*/}\r\n {\r\n console.log(value)\r\n formik.setFieldValue(\"description\", value);\r\n }}\r\n modules={{ /* customize modules */ }}\r\n formats={{ /* customize formats */ }}\r\n style={{ position: 'relative', height: '150px' /* Set the desired height for the editor itself */ }}\r\n\r\n />\r\n {/*end::Editor*/}\r\n {/*begin::Description*/}\r\n\r\n {/*end::Description*/}\r\n
\r\n \r\n Set a description to the product for better visibility.\r\n
\r\n \r\n \r\n Create new category\r\n */}\r\n {\r\n handleShowCategory()\r\n // setcategorie(null, search)\r\n // setDataProducs([])\r\n // getProducts(null, search, pageNumber)\r\n }}\r\n >\r\n \r\n Create new category\r\n \r\n
\r\n Categories*
\r\n {/*\r\n \r\n {/*begin::Item*/}\r\n {categories?.map((category) => {\r\n return (\r\n {\r\n console.log(\"in\");\r\n const currentCategoryId = category?.id;\r\n \r\n // Check if category?.id is already in formik.values.categoryId\r\n if (formik.values.CategoryIds.includes(currentCategoryId)) {\r\n // Remove category?.id from formik.values.categoryId\r\n formik.setFieldValue(\r\n \"CategoryIds\",\r\n formik.values.CategoryIds.filter((id) => id !== currentCategoryId)\r\n );\r\n } else {\r\n // Add category?.id to formik.values.categoryId\r\n formik.setFieldValue(\"CategoryIds\", [...formik.values.CategoryIds, currentCategoryId]);\r\n }\r\n console.log(formik.values.CategoryIds)\r\n }}\r\n >\r\n {/*begin::Nav link*/}\r\n \r\n {/*begin::Icon*/}\r\n {/*begin::Food icon*/}\r\n
\r\n {/*end::Nav link*/}\r\n \r\n )\r\n })}\r\n \r\n \r\n
\r\n {/*end::Info*/}\r\n \r\n \r\n {category?.name}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {/*end::Card header*/}\r\n \r\n * {formik.errors.CategoryIds}\r\n
\r\n \r\n {/*begin::Card header*/}\r\n
\r\n \r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n Media
\r\n\r\n {/*begin::Input group*/}\r\n
\r\n \r\n {/*begin::Dropzone*/}\r\n
\r\n setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n
\r\n {/*end::Dropzone*/}\r\n \r\n {images?.map((image, index) => (\r\n
\r\n )}\r\n \r\n }\r\n)
\r\n
\r\n ))}\r\n \r\n
\r\n \r\n {\r\n console.log(image?.id, image)\r\n if (!!Product === true) {\r\n if (!!image?.id === true) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: (\"You want to remove this image!\"),\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n HandlDeleteImages(Product?.id, image?.id, index,false)\r\n }\r\n });\r\n } else {\r\n handleRemoveImage(index)\r\n }\r\n } else {\r\n handleRemoveImage(index)\r\n }\r\n // setImage(null)\r\n }}\r\n alt='File'\r\n />
\r\n \r\n Set the product media gallery.\r\n
\r\n \r\n {/*begin::Card header*/}\r\n
\r\n {/*end::Pricing*/}\r\n \r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n Pricing
\r\n\r\n {/*begin::Input group*/}\r\n
\r\n {/*end::Card header*/}\r\n \r\n {/*begin::Label*/}\r\n \r\n {/*end::Label*/}\r\n {/*begin::Input*/}\r\n {\r\n const inputValue = parseFloat(e.target.value);\r\n\r\n // Round the value to two decimal places\r\n const roundedValue = !isNaN(inputValue) ? parseFloat(inputValue.toFixed(2)) : '';\r\n\r\n formik.setFieldValue(\"price\", roundedValue);\r\n }}\r\n />\r\n {formik.touched.price && formik.errors.price ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {/*end::Input*/}\r\n {/*begin::Description*/}\r\n \r\n * {formik.errors.price}\r\n
\r\n Set the product price.
\r\n {/*end::Description*/}\r\n \r\n \r\n
\r\n \r\n {/*begin::Card header*/}\r\n
\r\n {/*end::Card body*/}\r\n \r\n {/*begin::Card title*/}\r\n
\r\n {/*end::Card header*/}\r\n {/*begin::Card body*/}\r\n \r\n
\r\n {/*end::Card title*/}\r\n Category picture
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Set the category thumbnail image. Only *.png, *.jpg and *.jpeg image files are accepted\r\n \r\n \r\n \r\n {\r\n setCategoryName(e.target.value);\r\n }} />\r\n {Messageerror === true && !!CategoryName === false?Category name is required:\"\"}\r\n
\r\n \r\n {row.contactFirstName + \" \" + row.contactLastName}
\r\n ),\r\n },\r\n {\r\n dataField: \"contactPhoneNumber\",\r\n text: \"Contact Phone\",\r\n sort: true,\r\n onSort: (field, order) => {\r\n localStorage.setItem(\"InvoicingBillingSort\",JSON.stringify({\r\n sortField: field,\r\n sortOrder: order,\r\n })\r\n );\r\n },\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n`;\r\n\r\n if (response?.errors && response?.errors.length > 0) {\r\n message += `Errors: ${response?.errorCount}
\r\n Success: ${response?.successCount}
\r\n\r\n \r\n
`;\r\n }\r\n\r\n message += `
`;\r\n return message;\r\n }\r\n const [isLoadingPharmacy, setIsLoadingPharmacy] = useState(false);\r\n\r\n const PayAllInvoice = () => {\r\n setIsLoadingPharmacy(true)\r\n apiCalll({\r\n method: \"POST\",\r\n link: `/Pharmacies/ChargeAllPharmaciesWithCheckPayment?timezone=${getTimeZoneOffset()}${!!startDate === true ? `&startDate=${startDate}` : \"\"}${!!endDate === true ? `&endDate=${endDate}` : \"\"}`,\r\n })\r\n .then((res) => {\r\n if (res.length > 0 && res[0] === 200) {\r\n setIsLoadingPharmacy(false)\r\n handleGetPharmacies(initFilter);\r\n let message = `${res[1]?.message}\r\n Success: ${response?.successCount}
\r\n
Errors details
`;\r\n message += `| Pharmacies | \r\nError | \r\n
|---|---|
| ${error.pharmacyName} | \r\n${error.message} | \r\n
`;\r\n\r\n if (res[1]?.errors?.length > 0) {\r\n message += `Errors: ${res[1].errors?.length}
`;\r\n }\r\n\r\n let errors = \"\";\r\n let dataErrors = [];\r\n dataErrors = res[1]?.errors;\r\n\r\n for (let i = 0; i < dataErrors?.length; i++) {\r\n const error = dataErrors[i];\r\n errors += `
`;\r\n }\r\n\r\n // Show the message in the alert\r\n if (res[1]?.errors?.length > 0) {\r\n Swal.fire({\r\n icon: res[1].errors.length === 0 ? 'success' : 'warning',\r\n title: res[1].errors.length === 0 ? 'Success' : 'Completed with Errors',\r\n html: generateMessage(res[1]),\r\n width: '500px',\r\n confirmButtonColor: \"#605DFF\",\r\n cancelButtonColor: \"#d33\",\r\n });\r\n } else {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"All pharmacies paid successfully!\",\r\n width: '500px',\r\n });\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n setIsLoadingPharmacy(false)\r\n });\r\n }\r\n function handleSubmitCreditMemo() {\r\n setIsPaying(true);\r\n const data = {};\r\n if (paySelected === true) {\r\n data.ids = ids;\r\n }\r\n data.extra = extra || 0\r\n data.adjustmentDescription = adjustmentDescription\r\n data.creditMemoIds = selectedCreditMemo;\r\n \r\n return apiCalll({\r\n method: \"Post\",\r\n link:\r\n paySelected === true\r\n ? `/Pharmacies/CreditMemoSelected/${id}`\r\n : `/Pharmacies/CreditMemoByDate?pharmacyId=${id}&startDate=${startDate ||\r\n \"\"}&endDate=${endDate || \"\"}&timezone=${getTimeZoneOffset()}`,\r\n data: data,\r\n })\r\n .then((res) => {\r\n if (res[0] === 200) {\r\n document.getElementById(\"refresh_invoices\").click();\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"The payment has been paid successfully!\",\r\n });\r\n setShowPay(false);\r\n setHidden(false);\r\n setShowBtnPay(true);\r\n setShowExtra(false)\r\n setInvoiceNumber(res[1]?.invoiceNumber)\r\n } else if (res[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n } else {\r\n ModelStateMessage(res);\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n })\r\n .finally(() => {\r\n setIsPaying(false);\r\n });\r\n }\r\n\r\n function Export(Type, filter) {\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/invoicing?pageNumber=${filter?.page}&pageSize=1000000&search=${search || \"\"}&paymentMethod=${(paymentMethod === \"All\" ? \"\" : paymentMethod) ||\r\n \"\"}&startDate=${startDate || \"\"}&endDate=${endDate ||\r\n \"\"}&timezone=${getTimeZoneOffset()}&sortOrder=${filter?.sortOrder\r\n }&sortField=${firstLetterUppercase(filter?.sortField)}`,\r\n })\r\n .then(async (result) => {\r\n if (result[0] === 200) {\r\n const object = result[1]?.pharmacies.map((item) => {\r\n return {\r\n \"Store Name\": item.name,\r\n \"Contact Name\": item.contactFirstName + \" \" + item.contactLastName,\r\n \"Contact Phone\": item.contactPhoneNumber,\r\n \"Email\": item.contactEmail,\r\n \"Address Line 1\": item.address1,\r\n \"Address Line 2\": item.address2,\r\n \"City\": item.city,\r\n \"State\": item.state,\r\n \"Postal Code\": item.zipCode,\r\n \"Country\": item.country,\r\n \"Orders\": item.ordersCount,\r\n \"Subtotal\": item.amount,\r\n };\r\n });\r\n ExportAs(object || [], Type, \"Accounts_Receivable\");\r\n }\r\n else if (result[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n {(paymentMethod === \"check\" && pharmacies.length >0 )&& (\r\n \r\n {\r\n setSearch(e.target.value);\r\n\r\n var objectFilter = {\r\n search: e.target.value,\r\n startDate: startDate,\r\n endDate: endDate,\r\n paymentMethod: paymentMethod\r\n };\r\n localStorage.setItem(\"filterInvoicingBilling\", JSON.stringify(objectFilter));\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n\r\n var objectFilter = {\r\n search: search,\r\n startDate: moment(startDate).format(\"YYYY-MM-DD\"),\r\n endDate: moment(endDate).format(\"YYYY-MM-DD\"),\r\n paymentMethod: paymentMethod\r\n };\r\n localStorage.setItem(\"filterInvoicingBilling\", JSON.stringify(objectFilter));\r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Date\r\n \r\n
\r\n \r\n method.label === paymentMethod)}\r\n onChange={(e) => {\r\n setPaymentMethod(e.label);\r\n var objectFilter = {\r\n search: search,\r\n startDate: startDate,\r\n endDate: endDate,\r\n paymentMethod: e.label\r\n };\r\n localStorage.setItem(\"filterInvoicingBilling\", JSON.stringify(objectFilter));\r\n }}\r\n />\r\n \r\n Filter by Payment Method\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n Export(\"excel\", initFilter);\r\n }}\r\n href={\"#\"}\r\n >\r\n Excel\r\n \r\n {\r\n Export(\"csv\", initFilter);\r\n }}\r\n href=\"#\"\r\n >\r\n Csv\r\n \r\n {\r\n Export(\"json\", initFilter);\r\n }}\r\n href=\"#\"\r\n >\r\n Json\r\n \r\n \r\n \r\n
\r\n \r\n {JSON.parse(localStorage.getItem(\"InvoicingBillingSort\"))?.sortField && {\r\n localStorage.setItem(\"InvoicingBillingSort\", JSON.stringify({\r\n sortField: \"\",\r\n sortOrder: \"desc\",\r\n }));\r\n handleGetPharmacies(initFilter);\r\n }}\r\n className=\"btn btn-primary ml-xl-3 ml-lg-3 ml-md-3 ml-0\"\r\n >\r\n {sortCaretTwo(JSON.parse(localStorage.getItem(\"InvoicingBillingSort\"))?.sortOrder, JSON.parse(localStorage.getItem(\"InvoicingBillingSort\"))?.sortField)}\r\n {\r\n camelCaseToReadable(JSON.parse(localStorage.getItem(\"InvoicingBillingSort\"))?.sortField)\r\n }\r\n \r\n }\r\n {\r\n localStorage.removeItem(\"filterInvoicingBilling\");\r\n localStorage.removeItem(\"InvoicingBillingSort\");\r\n setSearch(\"\");\r\n setStartDate(null);\r\n setEndDate(null);\r\n setPaymentMethod(\"\");\r\n }}\r\n className=\"btn btn-outline-danger ml-xl-3 ml-lg-3 ml-md-3 ml-3\"\r\n >\r\n \r\n Clear filter\r\n \r\n
\r\n \r\n {\r\n PayAllInvoice()\r\n }}\r\n className=\"btn btn-info font-weight-bold \"\r\n >\r\n \r\n {isLoadingPharmacy === true?\"Please wait...\":<> \r\n \r\n Pay All Invoice }\r\n {/*end::Svg Icon*/}\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n if (\r\n extra !== 0 &&\r\n extra !== null &&\r\n adjustmentDescription === \"\"\r\n ) {\r\n Swal.fire({\r\n icon: \"info\",\r\n title: \"Oops...\",\r\n text: \"Please enter the adjustment description\",\r\n });\r\n return;\r\n }\r\n if(totalSelectedCreditMemo !== 0 && (invoices?.totalWithTax + totalSelectedCreditMemo) < 0)\r\n {\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to mark this invoice as credit memo?\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Mark it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handleSubmitCreditMemo();\r\n }\r\n });\r\n return;\r\n }\r\n if (invoices?.totalWithTax > 0) {\r\n setHidden(true);\r\n setShowPay(true);\r\n }else{\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to mark this invoice as credit memo?\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Mark it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handleSubmitCreditMemo();\r\n }\r\n });\r\n \r\n }\r\n }}\r\n >\r\n Pay Invoice\r\n \r\n
\r\n \r\n {!showExtra && (\r\n <>\r\n \r\n Print Invoice\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n \r\n )}\r\n\r\n
\r\n \r\n {\r\n document.getElementById(\"proceed_to_payment\").click();\r\n }}\r\n >\r\n {isPaying ? (\r\n
\r\n \r\n \r\n Procceding to payment...\r\n \r\n
\r\n ) : (\r\n \"Proceed to payment\"\r\n )}\r\n \r\n {\r\n window.open(`tel:${row.phone}`);\r\n }}\r\n className=\"text-info font-weight-bolder text-hover-muted mb-1 font-size-lg cursor-pointer\">{row.phone}
\r\n ),\r\n },\r\n {\r\n dataField: \"address1\",\r\n text: \"Address\",\r\n sort: true,\r\n onSort: (field, order) => {\r\n localStorage.setItem(\"filterPayoutBillingSort\",JSON.stringify({\r\n sortField: field,\r\n sortOrder: order,\r\n })\r\n );\r\n },\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) =>\r\n row.address1 && (\r\n\r\n {\r\n setId(row.id);\r\n setWithStripe(row?.paymentMethod === \"Stripe\");\r\n setShowBtnPay(true);\r\n }}\r\n className={`btn btn-sm btn-secondary font-weight-bolder font-size-sm mr-3`}\r\n >\r\n Show & Payout\r\n \r\n {\r\n const isStripe = paymentMethod === \"Stripe\" ? true : false;\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to pay this bill!\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Pay it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handlePayoutAllButton(row.id, isStripe);\r\n }\r\n });\r\n }}\r\n className={`btn btn-sm btn-success font-weight-bolder font-size-sm`}\r\n >\r\n Payout\r\n \r\n
\r\n ),\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n if (isPaymentLoading) {\r\n Swal.fire({\r\n title: \"Processing...\",\r\n html: \"Please wait while we are processing your request\",\r\n padding: \"2em\",\r\n allowOutsideClick: false,\r\n showConfirmButton: false,\r\n willOpen: () => {\r\n Swal.showLoading();\r\n },\r\n });\r\n }\r\n }, [isPaymentLoading]);\r\n\r\n const handlePayoutAllButton = (driverId, isStripe) => {\r\n setIsPaymentLoading(true);\r\n fetch(\r\n `${BASE_URL}/Payouts/PayoutEverything?driverId=${driverId}&startDate=${startDate ||\r\n \"\"}&endDate=${endDate ||\r\n \"\"}&NotPayedOut=${true}&payByStripe=${isStripe}&extras=${extra ||\r\n 0}&adjustment=${adjustmentDescription}&timezone=${getTimeZoneOffset()}`,\r\n {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n html: `Payout Informations : Paid : ${data[1].countSuccess} orders Failed : ${data[1].countError} orders`,\r\n });\r\n setShowBtnPay(false);\r\n handleGetDrivers(initFilter);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n }).finally(() => {\r\n setIsPaymentLoading(false);\r\n });\r\n };\r\n const handlePayoutEverything = (isManual) => {\r\n setIsPaying(true);\r\n fetch(\r\n `${BASE_URL}/Payouts/PayoutEverything?driverId=${id}&startDate=${startDate ||\r\n \"\"}&endDate=${endDate ||\r\n \"\"}&NotPayedOut=${true}&manual=${isManual}&payByStripe=${withStripe}&extras=${extra ||\r\n 0}&adjustment=${adjustmentDescription}&timezone=${getTimeZoneOffset()}`,\r\n {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n html: `Payout Informations : Paid : ${data[1].countSuccess} orders Failed : ${data[1].countError} orders`,\r\n });\r\n setBillInfos(data[1])\r\n setShowBtnPay(false);\r\n handleGetDrivers(initFilter);\r\n downloadBillAsPDF()\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n }).finally(() => {\r\n setIsPaying(false);\r\n });\r\n };\r\n const paginationOptions = {\r\n custom: true,\r\n totalSize: pagination?.totalItemCount || 0,\r\n sizePerPageList: initFilter?.sizePerPageList || [],\r\n sizePerPage: pagination?.pageSize || 10,\r\n page: pagination?.pageNumber || 1,\r\n };\r\n\r\n const handlePrint = useReactToPrint({\r\n content: () => componentRef.current,\r\n });\r\n\r\n \r\n function Export(Type, filter) {\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/invoicing/drivers?pageNumber=${filter?.page}&pageSize=1000000&search=${search || \"\"}&startDate=${startDate || \"\"}&endDate=${endDate ||\r\n \"\"}&timezone=${getTimeZoneOffset()}&sortOrder=${\r\n filter?.sortOrder\r\n }&sortField=${firstLetterUppercase(filter?.sortField)}&paymentMethod=${paymentMethod}`,\r\n })\r\n .then(async (result) => {\r\n if (result[0] === 200) {\r\n const object = result[1]?.drivers.map((item) => {\r\n return {\r\n \"Driver Name\": item.firstName + \" \" + item.lastName,\r\n \"Email\": item.email,\r\n \"Phone Number\": item.phone,\r\n \"Address Line 1\": item.address1,\r\n \"Address Line 2\": item.address2,\r\n \"City\": item.city,\r\n \"State\": item.state,\r\n \"Postal Code\": item.zipCode,\r\n \"Country\": item.country,\r\n \"Deliveries Not PAID\": item.ordersCountNotPaid,\r\n \"Subtotal\": item.amount,\r\n };\r\n });\r\n ExportAs(object || [], Type, \"Accounts_Payable\");\r\n }\r\n else if (result[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n\r\n var objectFilter = {\r\n search: e.target.value,\r\n startDate: startDate,\r\n endDate: endDate,\r\n };\r\n localStorage.setItem(\"filterPayoutBilling\", JSON.stringify(objectFilter));\r\n\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n\r\n var objectFilter = {\r\n search: search,\r\n startDate: moment(startDate).format(\"YYYY-MM-DD\"),\r\n endDate: moment(endDate).format(\"YYYY-MM-DD\"),\r\n };\r\n localStorage.setItem(\"filterPayoutBilling\", JSON.stringify(objectFilter));\r\n \r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Date\r\n \r\n
\r\n \r\n method.label === (paymentMethod === \"\" ? \"All\" : paymentMethod))}\r\n onChange={(e) => {\r\n setPaymentMethod(e.label === \"All\" ? \"\" : e.label);\r\n var objectFilter = {\r\n search: search,\r\n startDate: startDate,\r\n endDate: endDate,\r\n paymentMethod: e.label\r\n };\r\n localStorage.setItem(\"filterPayoutBilling\", JSON.stringify(objectFilter));\r\n }}\r\n />\r\n \r\n Filter by Payment Method\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n Export(\"excel\", initFilter);\r\n }}\r\n href={\"#\"}\r\n >\r\n Excel\r\n \r\n {\r\n Export(\"csv\", initFilter);\r\n }}\r\n href=\"#\"\r\n >\r\n Csv\r\n \r\n {\r\n Export(\"json\", initFilter);\r\n }}\r\n href=\"#\"\r\n >\r\n Json\r\n \r\n \r\n \r\n
\r\n \r\n {JSON.parse(localStorage.getItem(\"filterPayoutBillingSort\"))?.sortField && {\r\n localStorage.setItem(\"filterPayoutBillingSort\", JSON.stringify({\r\n sortField: \"\",\r\n sortOrder: \"desc\",\r\n }));\r\n handleGetDrivers(initFilter);\r\n }}\r\n className=\"btn btn-primary ml-xl-3 ml-lg-3 ml-md-3 ml-0\"\r\n >\r\n {sortCaretTwo(JSON.parse(localStorage.getItem(\"filterPayoutBillingSort\"))?.sortOrder, JSON.parse(localStorage.getItem(\"filterPayoutBillingSort\"))?.sortField)}\r\n {\r\n camelCaseToReadable(JSON.parse(localStorage.getItem(\"filterPayoutBillingSort\"))?.sortField)\r\n }\r\n \r\n }\r\n {\r\n localStorage.removeItem(\"filterPayoutBilling\");\r\n localStorage.removeItem(\"filterPayoutBillingSort\");\r\n setSearch(\"\");\r\n setStartDate(null);\r\n setEndDate(null);\r\n setPaymentMethod(\"\");\r\n }}\r\n className=\"btn btn-outline-danger ml-xl-3 ml-lg-3 ml-md-3 ml-3\"\r\n >\r\n \r\n Clear filter\r\n \r\n
\r\n \r\n {\r\n if(extra !== 0 && extra !== null && adjustmentDescription === \"\")\r\n {\r\n Swal.fire({\r\n icon: \"info\",\r\n title: \"Oops...\",\r\n text: \"Please enter the adjustment description\",\r\n });\r\n return;\r\n }\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to pay this bill!\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Pay it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handlePayoutEverything(true);\r\n }\r\n });\r\n }}\r\n >\r\n {isPaying ? \"Paying...\" : \"Pay Manually\"}\r\n \r\n
\r\n )}\r\n {showBtnPay && (\r\n \r\n {\r\n if(extra !== 0 && extra !== null && adjustmentDescription === \"\")\r\n {\r\n Swal.fire({\r\n icon: \"info\",\r\n title: \"Oops...\",\r\n text: \"Please enter the adjustment description\",\r\n });\r\n return;\r\n }\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: \"You want to pay this bill!\",\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes, Pay it!\",\r\n cancelButtonText: \"No, cancel!\",\r\n reverseButtons: true,\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n handlePayoutEverything(false);\r\n }\r\n });\r\n }}\r\n >\r\n {isPaying ? \"Paying...\" : \"Pay Bill\"}\r\n \r\n
\r\n )}\r\n \r\n {!showBtnPay && (\r\n <>\r\n \r\n Print Bill\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n \r\n )}\r\n
\r\n \r\n {!!row.created\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.created)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paidDate\",\r\n text: \"Paid Date\",\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n Paid Date\r\n\r\n {!!row?.paidDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row?.paidDate)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"startDate\",\r\n text: \"Pay Period \",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.startDate && moment(row.startDate).format(getFromatdate())}\r\n {\" - \"}\r\n {row.endDate && moment(row.endDate).format(getFromatdate())}\r\n \r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paymentSuccess\",\r\n text: \"Status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n\r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Date\r\n \r\n
\r\n \r\n {\r\n if(e){\r\n setSelectedStore(e);\r\n }else{\r\n setSelectedStore(null);\r\n }\r\n }}\r\n />\r\n \r\n Filter by Store\r\n \r\n
\r\n \r\n obj.value === chargeSuccess)}\r\n isSearchable={true}\r\n name=\"chargeSuccess\"\r\n options={status}\r\n onChange={(e) => {\r\n setChargeSuccess(e.value);\r\n }}\r\n />\r\n \r\n Filter by Status\r\n \r\n
\r\n \r\n
: null}\r\n \r\n );\r\n }}\r\n \r\n
\r\n Total Hst: {Currency(orders?.totalHst)}
\r\nTotal: {Currency(orders?.total)}
\r\n\r\n {\r\n SendInvoiceByEmail();\r\n }}\r\n >\r\n {isSending ? \"Sending...\" : \"Send Invoice\"}\r\n \r\n
}\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF();\r\n }}\r\n >\r\n {downloadIsLoading ? \"Downloading...\" : \"Download PDF\"}\r\n \r\n
\r\n \r\n {\r\n SendInvoiceByEmail();\r\n }}\r\n >\r\n {isSending ? \"Sending...\" : \"Send Invoice\"}\r\n \r\n
}\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF();\r\n }}\r\n >\r\n {downloadIsLoading ? \"Downloading...\" : \"Download PDF\"}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TransactionManagement;\r\n","import React, { lazy, Suspense, useState, useEffect } from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { ContentRoute, LayoutSplashScreen } from \"../_metronic/layout\";\r\nimport PaymentDelivery from \"./modules/Payment\";\r\nimport HelpCenter from \"./modules/Auth/pages/HelpCenter\";\r\nimport GuidedTour from \"./modules/Settings/DriverJs/IntroDriver\";\r\nimport PharmacyDetails from \"./modules/ECommerce/pages/manageorders/pharmacy-details/PharmacyDetails\";\r\nimport ProductOTC from \"./modules/ECommerce/pages/ProductsOTC\";\r\nimport ProductOTCEvent from \"./modules/ECommerce/pages/AddProductOTC\";\r\nimport TransactionManagement from \"./modules/ECommerce/pages/AccountsPayable/TransactionManagement\";\r\nimport { StaffAssignPharmacyDialog } from \"./modules/ECommerce/pages/managestaff/staff-details/staff-assign-pharmacy-dialog/StaffEditAssignPharmacyDialog\";\r\nimport { BackgroundPayment } from \"./modules/background-payment\";\r\nimport { GetRole } from \"../_metronic/_helpers/GlobalHelpers\";\r\n\r\n//lazy imports\r\nconst Index = lazy(() => import(\"./modules/Settings/Index\"));\r\nconst GlobalSearch = lazy(() => import(\"./pages/GlobalSearch\"));\r\nconst DashboardPage = lazy(() => import(\"./pages/DashboardPage\"));\r\nconst KPIDashboardPage = lazy(() => import(\"./pages/KpiDashboardPage\"));\r\nconst IndexCarriers = lazy(() =>\r\n import(\"./modules/SettingsCarriers/IndexCarriers\")\r\n);\r\nconst ECommercePage = lazy(() =>\r\n import(\"./modules/ECommerce/pages/eCommercePage\")\r\n);\r\nconst UserProfilepage = lazy(() =>\r\n import(\"./modules/UserProfile/UserProfilePage\")\r\n);\r\n\r\nconst CommandCenter = lazy(() =>\r\n import(\"./modules/ECommerce/pages/managecommandcenter\")\r\n);\r\n\r\nexport default function BasePage() {\r\n // useEffect(() => {\r\n // console.log('Base page');\r\n // }, []) // [] - is required if you need only one call\r\n // https://reactjs.org/docs/hooks-reference.html#useeffect\r\n const [IntroSeen, setIntroSeen] = useState(null);\r\n useEffect(() => {\r\n setTimeout(() => {\r\n setIntroSeen(true);\r\n }, 1500);\r\n }, []);\r\n return (\r\n <>\r\n {IntroSeen === true ? \r\n
\r\n \r\n \r\n {GetRole() !== \"Accord Financial\" &&\r\n <>\r\n \r\n {\r\n setKey(1);\r\n }}\r\n >\r\n Accounts receivable\r\n \r\n \r\n \r\n {\r\n setKey(2);\r\n }}\r\n >\r\n Accounts payable\r\n \r\n \r\n }\r\n \r\n {\r\n setKey(3);\r\n }}\r\n >\r\n Invoices\r\n \r\n \r\n {GetRole() !== \"Accord Financial\" && \r\n {\r\n setKey(4);\r\n }}\r\n >\r\n Bills\r\n \r\n }\r\n \r\n {\r\n setKey(5);\r\n }}\r\n >\r\n Master Invoices\r\n \r\n \r\n \r\n
\r\n {key === 1 && (\r\n \r\n
\r\n )}\r\n {key === 2 && (\r\n \r\n
\r\n )}\r\n {key === 3 && (\r\n \r\n
\r\n )}\r\n {key === 4 && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {key === 5 && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n Go Back\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {toAbsoluteUrl} from \"../../../_metronic/_helpers\";\r\n\r\nexport function ErrorPage404() {\r\n return (\r\n \r\n \r\n Sign In!\r\n \r\n
\r\n \r\n \r\n \r\n Go Back\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { ErrorPage401 } from \"./ErrorPage401\";\r\nimport { ErrorPage404 } from \"./ErrorPage404\";\r\n\r\nexport default function ErrorsPage() {\r\n return (\r\n - \r\n
- \r\n \r\n \r\n New Group\r\n \r\n \r\n
- \r\n \r\n \r\n Contacts\r\n \r\n \r\n
- \r\n \r\n \r\n Groups\r\n \r\n new\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Calls\r\n \r\n \r\n
- \r\n \r\n \r\n Settings\r\n \r\n \r\n\r\n \r\n\r\n
- \r\n \r\n \r\n Help\r\n \r\n \r\n
- \r\n \r\n \r\n Privacy\r\n \r\n 5\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {/* Or */}\r\n \r\n From\r\n {\r\n var aa = e.target?.value;\r\n setFilter((x) => {\r\n x.StartDate = aa;\r\n x.Type = null;\r\n return { ...x };\r\n });\r\n }}\r\n />\r\n
\r\n \r\n To\r\n {\r\n var aa = e.target?.value;\r\n setFilter((x) => {\r\n x.EndDate = aa;\r\n x.Type = null;\r\n return { ...x };\r\n });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n {/* Or */}\r\n \r\n From\r\n {\r\n var aa = e.target?.value;\r\n setFilter((x) => {\r\n x.StartDate = aa;\r\n x.Type = null;\r\n return { ...x };\r\n });\r\n }}\r\n />\r\n
\r\n \r\n To\r\n {\r\n var aa = e.target?.value;\r\n setFilter((x) => {\r\n x.EndDate = aa;\r\n x.Type = null;\r\n return { ...x };\r\n });\r\n }}\r\n />\r\n
\r\n {t(\"Access this account\")}
\r\n \r\n\r\n
\r\n \r\n );\r\n};\r\n\r\n export function roundToNearest30Minutes(time) {\r\n const momentTime = moment(time); // Parse the time using moment\r\n const minutes = momentTime.minutes();\r\n const roundedMinutes = Math.ceil(minutes / 30) * 30; // Round up to the nearest 30 minutes\r\n \r\n momentTime.minutes(roundedMinutes).seconds(0); // Set the minutes and reset seconds to 0\r\n return momentTime.format(\"YYYY-MM-DDTHH:mm:ss\");\r\n }\r\n \r\n\r\n\r\nexport const PickupTimes = [\r\n { value: \"00:00\", label: \"12:00 AM\" },\r\n { value: \"00:30\", label: \"12:30 AM\" },\r\n { value: \"01:00\", label: \"01:00 AM\" },\r\n { value: \"01:30\", label: \"01:30 AM\" },\r\n { value: \"02:00\", label: \"02:00 AM\" },\r\n { value: \"02:30\", label: \"02:30 AM\" },\r\n { value: \"03:00\", label: \"03:00 AM\" },\r\n { value: \"03:30\", label: \"03:30 AM\" },\r\n { value: \"04:00\", label: \"04:00 AM\" },\r\n { value: \"04:30\", label: \"04:30 AM\" },\r\n { value: \"05:00\", label: \"05:00 AM\" },\r\n { value: \"05:30\", label: \"05:30 AM\" },\r\n { value: \"06:00\", label: \"06:00 AM\" },\r\n { value: \"06:30\", label: \"06:30 AM\" },\r\n { value: \"07:00\", label: \"07:00 AM\" },\r\n { value: \"07:30\", label: \"07:30 AM\" },\r\n { value: \"08:00\", label: \"08:00 AM\" },\r\n { value: \"08:30\", label: \"08:30 AM\" },\r\n { value: \"09:00\", label: \"09:00 AM\" },\r\n { value: \"09:30\", label: \"09:30 AM\" },\r\n { value: \"10:00\", label: \"10:00 AM\" },\r\n { value: \"10:30\", label: \"10:30 AM\" },\r\n { value: \"11:00\", label: \"11:00 AM\" },\r\n { value: \"11:30\", label: \"11:30 AM\" },\r\n { value: \"12:00\", label: \"12:00 PM\" },\r\n { value: \"12:30\", label: \"12:30 PM\" },\r\n { value: \"13:00\", label: \"01:00 PM\" },\r\n { value: \"13:30\", label: \"01:30 PM\" },\r\n { value: \"14:00\", label: \"02:00 PM\" },\r\n { value: \"14:30\", label: \"02:30 PM\" },\r\n { value: \"15:00\", label: \"03:00 PM\" },\r\n { value: \"15:30\", label: \"03:30 PM\" },\r\n { value: \"16:00\", label: \"04:00 PM\" },\r\n { value: \"16:30\", label: \"04:30 PM\" },\r\n { value: \"17:00\", label: \"05:00 PM\" },\r\n { value: \"17:30\", label: \"05:30 PM\" },\r\n { value: \"18:00\", label: \"06:00 PM\" },\r\n { value: \"18:30\", label: \"06:30 PM\" },\r\n { value: \"19:00\", label: \"07:00 PM\" },\r\n { value: \"19:30\", label: \"07:30 PM\" },\r\n { value: \"20:00\", label: \"08:00 PM\" },\r\n { value: \"20:30\", label: \"08:30 PM\" },\r\n { value: \"21:00\", label: \"09:00 PM\" },\r\n { value: \"21:30\", label: \"09:30 PM\" },\r\n { value: \"22:00\", label: \"10:00 PM\" },\r\n { value: \"22:30\", label: \"10:30 PM\" },\r\n { value: \"23:00\", label: \"11:00 PM\" },\r\n { value: \"23:30\", label: \"11:30 PM\" },\r\n];\r\n\r\n export const PickupTimes24Hours = [\r\n { value: \"00:00\", label: \"00:00\" },\r\n { value: \"00:30\", label: \"00:30\" },\r\n { value: \"01:00\", label: \"01:00\" },\r\n { value: \"01:30\", label: \"01:30\" },\r\n { value: \"02:00\", label: \"02:00\" },\r\n { value: \"02:30\", label: \"02:30\" },\r\n { value: \"03:00\", label: \"03:00\" },\r\n { value: \"03:30\", label: \"03:30\" },\r\n { value: \"04:00\", label: \"04:00\" },\r\n { value: \"04:30\", label: \"04:30\" },\r\n { value: \"05:00\", label: \"05:00\" },\r\n { value: \"05:30\", label: \"05:30\" },\r\n { value: \"06:00\", label: \"06:00\" },\r\n { value: \"06:30\", label: \"06:30\" },\r\n { value: \"07:00\", label: \"07:00\" },\r\n { value: \"07:30\", label: \"07:30\" },\r\n { value: \"08:00\", label: \"08:00\" },\r\n { value: \"08:30\", label: \"08:30\" },\r\n { value: \"09:00\", label: \"09:00\" },\r\n { value: \"09:30\", label: \"09:30\" },\r\n { value: \"10:00\", label: \"10:00\" },\r\n { value: \"10:30\", label: \"10:30\" },\r\n { value: \"11:00\", label: \"11:00\" },\r\n { value: \"11:30\", label: \"11:30\" },\r\n { value: \"12:00\", label: \"12:00\" },\r\n { value: \"12:30\", label: \"12:30\" },\r\n { value: \"13:00\", label: \"13:00\" },\r\n { value: \"13:30\", label: \"13:30\" },\r\n { value: \"14:00\", label: \"14:00\" },\r\n { value: \"14:30\", label: \"14:30\" },\r\n { value: \"15:00\", label: \"15:00\" },\r\n { value: \"15:30\", label: \"15:30\" },\r\n { value: \"16:00\", label: \"16:00\" },\r\n { value: \"16:30\", label: \"16:30\" },\r\n { value: \"17:00\", label: \"17:00\" },\r\n { value: \"17:30\", label: \"17:30\" },\r\n { value: \"18:00\", label: \"18:00\" },\r\n { value: \"18:30\", label: \"18:30\" },\r\n { value: \"19:00\", label: \"19:00\" },\r\n { value: \"19:30\", label: \"19:30\" },\r\n { value: \"20:00\", label: \"20:00\" },\r\n { value: \"20:30\", label: \"20:30\" },\r\n { value: \"21:00\", label: \"21:00\" },\r\n { value: \"21:30\", label: \"21:30\" },\r\n { value: \"22:00\", label: \"22:00\" },\r\n { value: \"22:30\", label: \"22:30\" },\r\n { value: \"23:00\", label: \"23:00\" },\r\n { value: \"23:30\", label: \"23:30\" },\r\n ];\r\n\r\n \r\nexport const Times = [\r\n { value: -1, label: \"12:00 AM\" },\r\n { value: 1, label: \"01:00 AM\" },\r\n { value: 2, label: \"02:00 AM\" },\r\n { value: 3, label: \"03:00 AM\" },\r\n { value: 4, label: \"04:00 AM\" },\r\n { value: 5, label: \"05:00 AM\" },\r\n { value: 6, label: \"06:00 AM\" },\r\n { value: 7, label: \"07:00 AM\" },\r\n { value: 8, label: \"08:00 AM\" },\r\n { value: 9, label: \"09:00 AM\" },\r\n { value: 10, label: \"10:00 AM\" },\r\n { value: 11, label: \"11:00 AM\" },\r\n { value: 12, label: \"12:00 PM\" },\r\n { value: 13, label: \"01:00 PM\" },\r\n { value: 14, label: \"02:00 PM\" },\r\n { value: 15, label: \"03:00 PM\" },\r\n { value: 16, label: \"04:00 PM\" },\r\n { value: 17, label: \"05:00 PM\" },\r\n { value: 18, label: \"06:00 PM\" },\r\n { value: 19, label: \"07:00 PM\" },\r\n { value: 20, label: \"08:00 PM\" },\r\n { value: 21, label: \"09:00 PM\" },\r\n { value: 22, label: \"10:00 PM\" },\r\n { value: 23, label: \"11:00 PM\" },\r\n];\r\n\r\n\r\nexport function getComputerOffset() {\r\n // Get the timezone offset in minutes and convert it to hours\r\n const offsetMinutes = moment().utcOffset();\r\n const offsetHours = offsetMinutes / 60;\r\n \r\n return offsetHours;\r\n}\r\n\r\nexport function getFormattedOffset(offsetHours) {\r\n // Create a moment object with the desired offset\r\n const offset = moment().utcOffset(offsetHours * 60);\r\n\r\n // Format the offset to show as a string, like \"UTC-05:00\"\r\n const offsetString = `UTC${offset.format(\"Z\")}`;\r\n \r\n return offsetString;\r\n}","/* eslint-disable */\r\n\"use strict\";\r\n// DOCS: https://javascript.info/cookie\r\n\r\n// Component Definition\r\nexport var KTCookie = function() {\r\n return {\r\n // returns the cookie with the given name,\r\n // or undefined if not found\r\n getCookie: function(name) {\r\n var matches = document.cookie.match(new RegExp(\r\n \"(?:^|; )\" + name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, '\\\\$1') + \"=([^;]*)\"\r\n ));\r\n return matches ? decodeURIComponent(matches[1]) : undefined;\r\n },\r\n // Please note that a cookie value is encoded,\r\n // so getCookie uses a built-in decodeURIComponent function to decode it.\r\n setCookie: function(name, value, options) {\r\n if (!options) {\r\n options = {};\r\n }\r\n\r\n options = Object.assign({}, {path: '/'}, options);\r\n\r\n if (options.expires instanceof Date) {\r\n options.expires = options.expires.toUTCString();\r\n }\r\n\r\n var updatedCookie = encodeURIComponent(name) + \"=\" + encodeURIComponent(value);\r\n\r\n for (var optionKey in options) {\r\n if (!options.hasOwnProperty(optionKey)) {\r\n continue;\r\n }\r\n updatedCookie += \"; \" + optionKey;\r\n var optionValue = options[optionKey];\r\n if (optionValue !== true) {\r\n updatedCookie += \"=\" + optionValue;\r\n }\r\n }\r\n\r\n document.cookie = updatedCookie;\r\n },\r\n // To delete a cookie, we can call it with a negative expiration date:\r\n deleteCookie: function(name) {\r\n setCookie(name, \"\", {\r\n 'max-age': -1\r\n })\r\n }\r\n }\r\n}();\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTCookie;\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../../_metronic/_helpers\";\r\nimport { InputNumber } from \"antd\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { OverlayTrigger, Spinner, Tooltip } from \"react-bootstrap\";\r\nimport moment from \"moment\";\r\n\r\nconst Invoice = (props) => {\r\n const formatCurrency = (amount) => {\r\n return new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n }).format(amount);\r\n };\r\n function formatNumberWithCommas(number) {\r\n const num = parseFloat(number)\r\n\r\n if (!isNaN(num)) {\r\n const roundedNumber = Math.round(num * 10000) / 10000 // Round to four decimal places\r\n const [integerPart, decimalPart] = roundedNumber.toFixed(4).split('.')\r\n const formattedInteger = integerPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\r\n\r\n if (decimalPart && decimalPart !== '0000') {\r\n return `${formattedInteger}.${decimalPart.replace(/0+$/, '')}`\r\n } else {\r\n return formattedInteger\r\n }\r\n } else {\r\n return <>\r\n }\r\n }\r\n function roundNumber(number) {\r\n if (number === 0) {\r\n return 0\r\n } else {\r\n if (number) {\r\n const decimalPart = number % 1\r\n let roundedNumber\r\n\r\n if (decimalPart < 0.5) {\r\n roundedNumber = Math.floor(number)\r\n } else {\r\n roundedNumber = Math.ceil(number)\r\n }\r\n\r\n return formatNumberWithCommas(roundedNumber)\r\n } else {\r\n return 0\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n {/* {props.isLoading && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n INVOICE{\" \"}\r\n {props?.invoices?.invoiceNumber &&\r\n \"#\" + props?.invoices?.invoiceNumber}\r\n {props?.invoiceNumber &&\r\n \"#\" + props?.invoiceNumber}\r\n
\r\n {props?.startDate && props?.endDate && (\r\n\r\n
\r\n )}\r\n {props?.invoices?.startDate && props?.invoices?.endDate && (\r\n Pay Period :
\r\n\r\n {moment(props?.startDate).format(\"MMMM DD, YYYY\")}\r\n {\" - \"}\r\n {moment(props?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n )}\r\n Pay Period :
\r\n\r\n {moment(props?.invoices?.startDate).format(\r\n \"MMMM DD, YYYY\"\r\n )}\r\n {\" - \"}\r\n {moment(props?.invoices?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n Date of issue
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
\r\n Date due
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n {props?.invoices?.businessName || \"DeliveryEase Inc.\"}\r\n
\r\n {!props?.invoices?.address && (\r\n <>\r\n\r\n 2100 Bloor Street West\r\n
\r\n \r\n Suite 6164\r\n
\r\n \r\n Toronto, ON, M6S 5A5\r\n
\r\n \r\n )}\r\n {props?.invoices?.address && (\r\n <>\r\n \r\n {props?.invoices?.address?.line1}\r\n
\r\n {props?.invoices?.address?.line2 && (\r\n \r\n {props?.invoices?.address?.line2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.address?.city}\r\n {\", \"}\r\n {props?.invoices?.address?.state}\r\n {\", \"}\r\n {props?.invoices?.address?.postalCode}\r\n
\r\n \r\n {props?.invoices?.address?.country === \"CA\" ? \"Canada\" : props?.invoices?.address?.country}\r\n
\r\n \r\n )}\r\n \r\n accounting@deliveryease.co\r\n
\r\n \r\n +1 (855) 272-7625\r\n
\r\n \r\n GST/HST Registration No: {props?.invoices?.hstNumber}\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Bill To
\r\n\r\n {props?.invoices?.pharmacyDetails?.name}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.address1}\r\n
\r\n {props?.invoices?.pharmacyDetails?.address2 && (\r\n \r\n {props?.invoices?.pharmacyDetails?.address2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.pharmacyDetails?.city}\r\n {\", \"}\r\n {props?.invoices?.pharmacyDetails?.state}\r\n {\", \"}\r\n {props?.invoices?.pharmacyDetails?.zipCode}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.country}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.phoneNumber}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.email}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {formatCurrency(props?.invoices?.totalWithTax + (props?.totalSelectedCreditMemo || 0))} due{\" \"}\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n {/* (Not Including Taxes) */}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Description | \r\n\r\n | \r\n | Quantity | \r\nTax | \r\nAmount | \r\n
|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n {item?.over10KM === true\r\n ? `Deliveries over ${!!props?.invoices?.deliveriesGrouped === true ?roundNumber(props?.invoices?.deliveriesGrouped):\"10\" } km`\r\n : `Deliveries within ${!!props?.invoices?.deliveriesGrouped === true ?roundNumber(props?.invoices?.deliveriesGrouped):\"10\" } KM Radius`}\r\n\r\n {/*\r\n {new Date().toLocaleDateString(\"en-US\", {\r\n year: \"numeric\",\r\n month: \"long\",\r\n day: \"numeric\",\r\n })}\r\n */}\r\n | \r\n \r\n | \r\n | {item?.count} | \r\n\r\n {Math.round(\r\n props?.invoices?.taxPercentage * 100\r\n ) / 100}\r\n %{\" \"}\r\n | \r\n\r\n {formatCurrency(item?.charge)}\r\n | \r\n
| \r\n \r\n \r\n \r\n {props?.invoices?.pfcDesc}\r\n\r\n | \r\n \r\n | \r\n | {props?.invoices?.pfcCount} | \r\n\r\n {Math.round(\r\n props?.invoices?.taxPercentage * 100\r\n ) / 100}\r\n %{\" \"}\r\n | \r\n\r\n {formatCurrency(props?.invoices?.pfcTotal)}\r\n | \r\n
| \r\n \r\n \r\n \r\n Service fee\r\n\r\n | \r\n \r\n | \r\n | 1 | \r\n\r\n {Math.round(\r\n props?.invoices?.taxPercentage * 100\r\n ) / 100}\r\n %{\" \"}\r\n | \r\n\r\n {formatCurrency(props?.invoices?.smsFee)}\r\n | \r\n
\r\n \r\n {props?.invoices?.adjustmentDescription}\r\n\r\n | \r\n \r\n | \r\n | 1 | \r\n\r\n {Math.round(\r\n props?.invoices?.taxPercentage * 100\r\n ) / 100}\r\n %{\" \"}\r\n | \r\n\r\n {props?.invoices?.extra ?\r\n formatCurrency(props?.invoices?.extra\r\n ) : null}\r\n | \r\n
| \r\n | \r\n \r\n | \r\n | 1 | \r\n\r\n {Math.round(\r\n props?.invoices?.taxPercentage * 100\r\n ) / 100}\r\n %{\" \"}\r\n | \r\n\r\n | \r\n
| \r\n | \r\n | \r\n | \r\n {props.showExtra && (\r\n <>\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {props.showExtra && (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.hstTax ?? 0)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.total)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(item?.creditAmount)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(item?.totalWithTax)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.creditAmount)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | |||
| \r\n | \r\n | \r\n | \r\n \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.totalWithTax + (props?.totalSelectedCreditMemo || 0))\r\n ) : (\r\n \r\n | \r\n
\r\n
\r\n \r\n DeliveryEase Inc.\r\n
\r\n\r\n Humbled to be your pharmacy delivery partner 🙂\r\n
\r\n\r\n
\r\n \r\n Generating invoice {props?.name && \"for\" + \" \"}\r\n {props?.name} ...\r\n
\r\n\r\n \r\n
\r\n \r\n )} */}\r\n \r\n );\r\n};\r\n\r\nexport default Invoice;\r\n","import React, {createContext} from \"react\";\r\nimport {useMemo} from \"react\";\r\nimport {useContext} from \"react\";\r\n\r\nconst I18N_CONFIG_KEY = process.env.REACT_APP_I18N_CONFIG_KEY || \"i18nConfig\";\r\nconst initialState = {\r\n selectedLang: \"en\"\r\n };\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(I18N_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return initialState;\r\n}\r\n\r\n// Side effect\r\nexport function setLanguage(lang) {\r\n localStorage.setItem(I18N_CONFIG_KEY, JSON.stringify({ selectedLang: lang }));\r\n window.location.reload();\r\n}\r\n\r\nconst I18nContext = createContext();\r\n\r\nexport function useLang() {\r\n return useContext(I18nContext).selectedLang;\r\n}\r\n\r\nexport function withI18n(Component) {\r\n class WithI18n extends React.Component {\r\n static displayName = `WithI18n(${Component.displayName || Component.name})`;\r\n\r\n static contextType = I18nContext;\r\n\r\n render() {\r\n return \r\n \r\n \r\n \r\n \r\n \r\n \r\n {(fileType !== \"jpg\" && fileType !== \"jpeg\" && fileType !== \"png\") ? (\r\n 
\r\n )}\r\n \r\n \r\n \r\n {\r\n window.open(fileUrl, \"_blank\");\r\n }}\r\n >\r\n Download\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default FileViewerModal;\r\n","// CountContext.js\r\nimport { createContext, useContext, useState } from 'react';\r\nimport React from 'react';\r\nconst CountContext = createContext();\r\n\r\nexport const CountProvider = ({ children }) => {\r\n const [count, setCount] = useState(0);\r\n const [reloadRxDrop, setReloadRxDrop] = useState(false);\r\n const [notifications, setNotifications] = useState([]);\r\n const [isSound, setIsSound] = useState(false);\r\n\r\n return (\r\n \r\n {fromInvoice === true ? \"Invoice\": fromInvoice === false ? \"Custom Bill\" : \"File Viewer\"}\r\n
\r\n \r\nPlease wait...
};\r\n}\r\n\r\nexport function NoRecordsFoundMessage({ entities }) {\r\n const customersList = entities === null ? [] : entities;\r\n return (\r\n <>\r\n {customersList.length === 0 && entities !== null && (\r\n No records found
\r\n )}\r\n \r\n );\r\n}\r\n\r\n\r\nexport function NoRecodFoundAndPleaseWaitMessage({ records, isLoading }) {\r\n return (\r\n <>\r\n {records?.length === 0 && !isLoading && (\r\n \r\n
\r\n )}\r\n\r\n {records?.length === 0 && isLoading && (\r\n No record found.
\r\n\r\n \r\n Loading...\r\n \r\n
\r\n )}\r\n \r\n );\r\n}","import React, { useMemo } from \"react\";\r\nimport { CustomCheckbox } from \"./GlobalHelpers\";\r\n\r\nfunction SelectionCheckbox({ isSelected, onChange }) {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction groupingItemOnSelect(props) {\r\n const { ids, setIds, customerId, isRow, setNames, Names, customer, ordersCodes, setOrdersCodes, backgroundCheckRequired,setBackgroundCheckRequired } = props;\r\n const currentIndex = ids.findIndex(id => id === customerId);\r\n if (ids.some((id) => id === customerId)) {\r\n setIds(ids.filter((id) => id !== customerId));\r\n if(Names !== undefined){\r\n setNames(Names.filter((name) => name?.id !== customerId));\r\n }\r\n if (ordersCodes !== undefined) {\r\n setOrdersCodes(ordersCodes.filter((code) => code !== customer.orderCode));\r\n }\r\n if (backgroundCheckRequired !== undefined && currentIndex !== -1) {\r\n setBackgroundCheckRequired(backgroundCheckRequired.filter((_, index) => index !== currentIndex));\r\n }\r\n } else {\r\n const newIds = [...ids,customerId];\r\n setIds(newIds);\r\n\r\n \r\n if(Names !== undefined){\r\n const newNames = [...Names,customer];\r\n setNames(newNames);\r\n }\r\n if (ordersCodes !== undefined) {\r\n const newOrdersCodes = [...ordersCodes, customer.orderCode];\r\n setOrdersCodes(newOrdersCodes);\r\n }\r\n if (backgroundCheckRequired !== undefined && currentIndex === -1) {\r\n const newBackgroundChecks = [...backgroundCheckRequired, customer.backgroundCheckRequired];\r\n setBackgroundCheckRequired(newBackgroundChecks);\r\n }\r\n }\r\n}\r\n\r\n// check official documentations: https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Row%20Selection&selectedStory=Custom%20Selection%20Column%20Header%20Style&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel\r\nexport function getSelectRow(props) {\r\n const { entities, ids, setIds, isRow, setNames, Names, ordersCodes, setOrdersCodes,backgroundCheckRequired,setBackgroundCheckRequired } = props;\r\n\r\n const handleRowSelect = (row, isSelect) => {\r\n const currentIndex = ids.findIndex(id => id === row.id);\r\n if (isSelect) {\r\n const order = {\r\n id: row.id,\r\n name: row.firstName + \" \" + row.lastName,\r\n orderCode: row.code,\r\n backgroundCheckRequired: row.backgroundCheckRequired\r\n };\r\n setIds((prevIds) => [...prevIds, row.id]);\r\n if (ordersCodes !== undefined){\r\n setOrdersCodes((prevIds) => [...prevIds, row.code]);\r\n }\r\n if(Names !== undefined){\r\n setNames((prevIds) => [...prevIds, order]);\r\n }\r\n if (backgroundCheckRequired !== undefined && currentIndex === -1) {\r\n const newBackgroundChecks = [...backgroundCheckRequired, row.backgroundCheckRequired];\r\n setBackgroundCheckRequired(newBackgroundChecks);\r\n }\r\n } else {\r\n setIds((prevIds) => prevIds.filter((id) => id !== row.id));\r\n if (ordersCodes !== undefined){\r\n setOrdersCodes((prevIds) => prevIds.filter((code) => code !== row.code));\r\n }\r\n if(Names !== undefined){\r\n setNames((prevIds) => prevIds.filter((el) => el.id !== row.id));\r\n }\r\n if (backgroundCheckRequired !== undefined && currentIndex !== -1) {\r\n setBackgroundCheckRequired(backgroundCheckRequired.filter((_, index) => index !== currentIndex));\r\n }\r\n }\r\n };\r\n \r\n const handleSelectAll = (isSelect, rows) => {\r\n const allNames = rows.map((el) => ({ id: el.id, name: el?.firstName + \" \" + el?.lastName }));\r\n const allOrdersCodes = rows.map((el) => el.code);\r\n const allBackgroundChecks = rows.map((el) => el.backgroundCheckRequired);\r\n if (isSelect) {\r\n setIds(rows.map((row) => row.id));\r\n if (Names !== undefined) {\r\n setNames(allNames);\r\n }\r\n if (setOrdersCodes !== undefined) {\r\n setOrdersCodes(allOrdersCodes);\r\n }\r\n if (setBackgroundCheckRequired !== undefined) {\r\n setBackgroundCheckRequired(allBackgroundChecks);\r\n }\r\n } else {\r\n setIds([]);\r\n if(Names !== undefined) {\r\n setNames([])\r\n }\r\n if (setOrdersCodes !== undefined) {\r\n setOrdersCodes([]);\r\n }\r\n if (setBackgroundCheckRequired !== undefined) {\r\n setBackgroundCheckRequired([]);\r\n }\r\n }\r\n };\r\n\r\n return {\r\n mode: 'checkbox',\r\n clickToSelect: false,\r\n selected: ids,\r\n onSelect: handleRowSelect,\r\n onSelectAll: handleSelectAll,\r\n selectionRenderer: (props) => Please wait..
\r\n\r\n
\r\n \r\n - \r\n {languages.map((language) => (\r\n
\r\n
\r\n \r\n );\r\n\r\n return (\r\n \r\n handleRemoveFile(file.name)}\r\n >\r\n \r\n
\r\n \r\n {file.name} ({(file.size / 1024).toFixed(2)} KB)\r\n
\r\n \r\n {\r\n setShow(false);\r\n }}\r\n centered\r\n >\r\n \r\n \r\n Upload {name}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default UploadFiles;\r\n","import React, { Fragment, useState } from \"react\";\r\nimport { Col, Row } from \"react-bootstrap\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n// export const token = JSON.parse(localStorage.getItem(\"user\") ?? \"\").token;\r\n\r\nexport async function apiCalll(props) {\r\n const token = !!props?.token ? props?.token : JSON.parse(localStorage.getItem(\"user\"))?.token ? JSON.parse(localStorage.getItem(\"user\")).token : \"\";\r\n return await fetch(`${BASE_URL}${props?.link}`, {\r\n method: props?.method,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + (!!props?.token ? props.token : token),\r\n },\r\n body: JSON.stringify(props?.data),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n return data;\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n}\r\n\r\nexport function ItemNumberStep(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {files.map((file) => renderFilePreview(file))}\r\n
\r\n \r\n Max {name} size is 10MB.\r\n \r\n \r\n {setShow(false)}}\r\n >\r\n Cancel\r\n \r\n \r\n {isLoading ? \"Uploading...\" : `Upload ${name}`}\r\n \r\n
\r\n \r\n \r\n {props?.number}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n ${p[key]}
`\r\n );\r\n if (a === -1) list.push(`${p[key]}
`);\r\n }\r\n }\r\n\r\n Swal.fire({\r\n title:\r\n ' Required',\r\n icon: \"error\",\r\n html: `${list.join(\" \")}
`,\r\n showCloseButton: true,\r\n confirmButtonText: \"OK!\",\r\n });\r\n } else if (\r\n result[1].message !== null &&\r\n result[1].message !== undefined &&\r\n result[1].message !== \"\"\r\n ) {\r\n Swal.fire(\"Oops?\", result[1].message, \"error\");\r\n } else if (\r\n result[1].error_description !== null &&\r\n result[1].error_description !== undefined &&\r\n result[1].error_description !== \"\"\r\n ) {\r\n Swal.fire(\"Oops?\", result[1].error_description, \"error\");\r\n } else {\r\n Swal.fire(\"Oops?\", \"Bad request\", \"error\");\r\n }\r\n } catch (err) {}\r\n}\r\n\r\nexport function ModelStateMessage400(result, setListFun) {\r\n try {\r\n /* if (!!result[1]) {\r\n Swal.fire(\"Oops?\", result[1], \"error\");\r\n return false;\r\n } */\r\n if (!!result[1]?.message) {\r\n Swal.fire(\r\n \"Oops?\",\r\n typeof result[1].message !== \"string\"\r\n ? result[1].message?.value\r\n : result[1]?.message,\r\n \"error\"\r\n );\r\n return false;\r\n }\r\n if (!result[1]?.errors) result[1] = JSON.parse(result[1]);\r\n if (!!result[1]?.errors) {\r\n var p = result[1]?.errors;\r\n var list = [];\r\n var list2 = [];\r\n for (var key in p) {\r\n if (p.hasOwnProperty(key)) {\r\n list2.push({ key: key, value: p[key] });\r\n\r\n var a = list.findIndex(\r\n // eslint-disable-next-line no-loop-func\r\n (x) => x === `${p[key]}
`\r\n );\r\n if (a === -1) list.push(`${p[key]}
`);\r\n }\r\n }\r\n if (!!setListFun) setListFun(list2);\r\n\r\n Swal.fire({\r\n title:\r\n ' Required',\r\n icon: \"error\",\r\n html: `${list.join(\" \")}
`,\r\n showCloseButton: true,\r\n confirmButtonText: \"OK!\",\r\n });\r\n } else if (typeof result[1] === \"string\") {\r\n Swal.fire(\"Oops?\", result[1], \"error\");\r\n } else {\r\n Swal.fire(\"Oops?\", \"Bad_request\", \"error\");\r\n }\r\n } catch (err) {\r\n if (typeof result[1] === \"string\") {\r\n Swal.fire(\"Oops?\", result[1], \"error\");\r\n }else {\r\n Swal.fire(\"Oops?\", \"Bad_request\", \"error\");\r\n }\r\n }\r\n}\r\n","import moment from \"moment\";\r\n\r\nexport const AppString = {\r\n ID: \"id\",\r\n PHOTO_URL: \"photoUrl\",\r\n PUSH_TOKEN: \"pushToken\",\r\n NICKNAME: \"nickname\",\r\n ABOUT_ME: \"aboutMe\",\r\n NODE_MESSAGES: \"messages\",\r\n NODE_NOTIFICATIONS: \"notifications\",\r\n NODE_USERS: \"users\",\r\n NODE_LOADS: \"loads\",\r\n UPLOAD_CHANGED: \"state_changed\",\r\n DOC_ADDED: \"added\",\r\n PREFIX_IMAGE: \"image/\",\r\n};\r\nexport function truncateString(str, num) {\r\n try {\r\n if (str?.length > num) {\r\n return str?.slice(0, num) + \"...\";\r\n } else {\r\n return str;\r\n }\r\n } catch (err) {\r\n\r\n }\r\n}\r\n\r\nexport function timeSince(dt) {\r\n var date = new Date(moment(Number(dt)).format(\r\n \"lll\"\r\n ));\r\n var seconds = Math.floor((new Date() - date) / 1000);\r\n\r\n var interval = seconds / 31536000;\r\n\r\n if (interval > 1) {\r\n return Math.floor(interval) + \" year\";\r\n }\r\n interval = seconds / 2592000;\r\n if (interval > 1) {\r\n return Math.floor(interval) + \" month\";\r\n }\r\n interval = seconds / 86400;\r\n if (interval >= 1 && interval < 2) {\r\n return Math.floor(interval) + \" day\";\r\n }else if(interval > 2){\r\n return Math.floor(interval) + \" days\";\r\n }\r\n interval = seconds / 3600;\r\n if (interval >= 1 && interval < 2) {\r\n return Math.floor(interval) + \" hr\";\r\n }else if(interval > 2){\r\n return Math.floor(interval) + \" hrs\";\r\n }\r\n interval = seconds / 60;\r\n if (interval > 1) {\r\n return Math.floor(interval) + \" min\";\r\n }\r\n return \"just now\";\r\n}\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport { ConvertToDateCurrentTimeZoneDateTime, ConvertToDateCurrentTimeZoneDateTime24Hour, GetRole } from \"../../../../../../../_metronic/_helpers/GlobalHelpers\";\r\n\r\nexport const StatusColumnFormatter = ( cellContent,\r\n row,\r\n rowIndex,\r\n { openOrderAssignToDriverDialog = () => {}, setBackgroundCheckRequiredField = () => {} } = {}\r\n ) => {\r\n let colotCode;\r\n switch (row.status) {\r\n case \"Draft\":\r\n colotCode = \"#C0C0C0\";\r\n break;\r\n case \"Open\":\r\n colotCode = \"#4caf50\";\r\n break;\r\n case \"Booked\":\r\n colotCode = \"#8950FC\";\r\n break;\r\n case \"Out for pickup\":\r\n colotCode = \"#32C5D2\";\r\n break;\r\n case \"Ready for pickup\":\r\n colotCode = \"#ff7c43\";\r\n break;\r\n case \"In transit\":\r\n colotCode = \"#6993ff\";\r\n break;\r\n case \"Assigned\":\r\n colotCode = \"#FFA800\";\r\n break;\r\n case \"Delivered\":\r\n colotCode = \"#009688\";\r\n break;\r\n case \"Closed\":\r\n colotCode = \"#991f17\";\r\n break;\r\n case \"RxDrop\":\r\n colotCode = \"#F3A694\";\r\n break;\r\n case \"RTS\":\r\n colotCode = \"#6D73D9\";\r\n break;\r\n case \"Pending Driver\":\r\n colotCode = \"#F64E7B\";\r\n break;\r\n\r\n default:\r\n colotCode = \"\";\r\n break;\r\n }\r\n\r\n return (\r\n \r\n {row.status !== \"RTS\" ? \r\n \r\n {row.status}\r\n \r\n : \r\n {row.rtsReason}\r\n }\r\n >\r\n \r\n {row.status}\r\n \r\n }\r\n\r\n {row.status === \"Delivered\" && row.driverNote &&\r\n {row.driverNote}\r\n }\r\n >\r\n \r\n {\r\n openOrderAssignToDriverDialog(row)\r\n setBackgroundCheckRequiredField(row?.backgroundCheckRequired);\r\n }}\r\n >\r\n \r\n \r\n {row.rtsStatus === true ? (\r\n \r\n Returned at{\" \"}\r\n {row?.is12HourFormat\r\n ? ConvertToDateCurrentTimeZoneDateTime(\r\n row?.actualDeliveryRtsDate\r\n )\r\n : ConvertToDateCurrentTimeZoneDateTime24Hour(\r\n row?.actualDeliveryRtsDate\r\n )}\r\n \r\n ) : (\r\n \"Not Returned\"\r\n )}\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useStripe, useElements, CardElement } from '@stripe/react-stripe-js';\r\nimport { StripeCardElement, StripeCardElementOptions } from '@stripe/stripe-js'\r\nimport { Spinner } from 'react-bootstrap';\r\nimport Swal from 'sweetalert2'\r\n\r\nconst CheckoutForm = ({\r\n handleSubmit2,\r\n setbilling,\r\n handleClose,\r\n values,\r\n Billing,\r\n sub,\r\n formik,\r\n ...props\r\n}) => {\r\n const stripe = useStripe();\r\n const elements = useElements();\r\n\r\n const handleSubmit = async (event) => {\r\n if (!stripe || !elements) {\r\n return;\r\n }\r\n\r\n const cardElement = elements.getElement(CardElement);\r\n if (!cardElement) {\r\n // Handle the case where the card element is missing\r\n return;\r\n }\r\n\r\n const result = await stripe.createToken(cardElement, {\r\n name: !!Billing && !!Billing?.cardName ? Billing.cardName : formik.values.cardName,\r\n });\r\n if (result.error) {\r\n console.error(result.error.message);\r\n Swal.fire({\r\n text: result.error.message,\r\n icon: \"info\",\r\n showConfirmButton: true,\r\n timer: 3000,\r\n width: \"25rem\",\r\n });\r\n } else {\r\n console.log(result, result.token?.id, result.token?.card?.id);\r\n\r\n setbilling({\r\n ...Billing,\r\n cardToken: result.token.id,\r\n type: result.token.type,\r\n cardId: result.token?.card?.id,\r\n });\r\n handleSubmit2({\r\n ...Billing,\r\n cardToken: result.token.id,\r\n type: result.token.type,\r\n cardId: result.token?.card?.id,\r\n }, values);\r\n\r\n if (!!props?.nextStep) {\r\n props.nextStep();\r\n }\r\n }\r\n };\r\n\r\n const handleChange = (event) => {\r\n // Listen for changes in the CardElement\r\n // and display any errors as the customer types their card details\r\n console.log(event?.complete);\r\n };\r\n // const cardElementOptions: StripeCardElementOptions = {\r\n // hidePostalCode: true,\r\n // }\r\n return (\r\n <>\r\n \r\n \r\n Submit\r\n {sub && (\r\n \r\n Discard\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CheckoutForm;\r\n","import React, { useEffect } from 'react';\r\nimport { Elements } from '@stripe/react-stripe-js';\r\nimport { loadStripe } from '@stripe/stripe-js';\r\nimport CheckoutForm from './CheckoutForm';\r\nimport { useState } from 'react';\r\n\r\n// Make sure to call `loadStripe` outside of a component's render to avoid\r\n// recreating the `Stripe` object on every render.\r\n\r\nconst Payment = ({\r\n publishedKey,\r\n clientSecret,\r\n handleSubmit,\r\n values,\r\n setbilling,\r\n handleClose,\r\n Billing,\r\n sub,\r\n formik,\r\n key,\r\n nextStep,\r\n}) => {\r\n const[stripePromise,setStripePromiseKey] = useState(\"\");\r\n useEffect(() => {\r\n if(!!publishedKey === true) setStripePromiseKey(loadStripe(publishedKey));\r\n },[publishedKey]);\r\n\r\n const options = {\r\n // passing the client secret obtained from the server\r\n clientSecret: clientSecret,\r\n };\r\n\r\n return !!stripePromise === false ? (\r\n Loading...
\r\n ) : (\r\n <>\r\n\r\n value = parseInt(KTUtil.css(el, 'z-index'));\r\n\r\n if (!isNaN(value) && value !== 0) {\r\n return value;\r\n }\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n /**\r\n * Checks whether the element has any parent with fixed positionfreg\r\n * @param {object} el jQuery element object\r\n * @returns {boolean}\r\n */\r\n hasFixedPositionedParent: function(el) {\r\n var position;\r\n\r\n while (el && el !== document) {\r\n position = KTUtil.css(el, 'position');\r\n\r\n if (position === \"fixed\") {\r\n return true;\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n /**\r\n * Simulates delay\r\n */\r\n sleep: function(milliseconds) {\r\n var start = new Date().getTime();\r\n for (var i = 0; i < 1e7; i++) {\r\n if ((new Date().getTime() - start) > milliseconds) {\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Gets randomly generated integer value within given min and max range\r\n * @param {number} min Range start value\r\n * @param {number} max Range end value\r\n * @returns {number}\r\n */\r\n getRandomInt: function(min, max) {\r\n return Math.floor(Math.random() * (max - min + 1)) + min;\r\n },\r\n\r\n /**\r\n * Checks whether Angular library is included\r\n * @returns {boolean}\r\n */\r\n isAngularVersion: function() {\r\n return window.Zone !== undefined ? true : false;\r\n },\r\n\r\n // Deep extend: $.extend(true, {}, objA, objB);\r\n deepExtend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n var obj = arguments[i];\r\n if (!obj) continue;\r\n\r\n for (var key in obj) {\r\n if (!obj.hasOwnProperty(key)) {\r\n continue;\r\n }\r\n\r\n // based on https://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/\r\n if ( Object.prototype.toString.call(obj[key]) === '[object Object]' ) {\r\n out[key] = KTUtil.deepExtend(out[key], obj[key]);\r\n continue;\r\n }\r\n\r\n out[key] = obj[key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n // extend: $.extend({}, objA, objB);\r\n extend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n if (!arguments[i])\r\n continue;\r\n\r\n for (var key in arguments[i]) {\r\n if (arguments[i].hasOwnProperty(key))\r\n out[key] = arguments[i][key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n getById: function(el) {\r\n if (typeof el === 'string') {\r\n return document.getElementById(el);\r\n } else {\r\n return el;\r\n }\r\n },\r\n\r\n getByTag: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByTagName: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByClass: function(query) {\r\n return document.getElementsByClassName(query);\r\n },\r\n\r\n getBody: function() {\r\n return document.getElementsByTagName('body')[0];\r\n },\r\n\r\n /**\r\n * Checks whether the element has given classes\r\n * @param {object} el jQuery element object\r\n * @param {string} Classes string\r\n * @returns {boolean}\r\n */\r\n hasClasses: function(el, classes) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n var classesArr = classes.split(\" \");\r\n\r\n for (var i = 0; i < classesArr.length; i++) {\r\n if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n hasClass: function(el, className) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n return el.classList ? el.classList.contains(className) : new RegExp('\\\\b' + className + '\\\\b').test(el.className);\r\n },\r\n\r\n addClass: function(el, className) {\r\n if (!el || typeof className === 'undefined') {\r\n return;\r\n }\r\n\r\n var classNames = className.split(' ');\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n if (classNames[i] && classNames[i].length > 0) {\r\n el.classList.add(KTUtil.trim(classNames[i]));\r\n }\r\n }\r\n } else if (!KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className += ' ' + KTUtil.trim(classNames[x]);\r\n }\r\n }\r\n },\r\n\r\n removeClass: function(el, className) {\r\n if (!el || typeof className === 'undefined') {\r\n return;\r\n }\r\n\r\n var classNames = className.split(' ');\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n el.classList.remove(KTUtil.trim(classNames[i]));\r\n }\r\n } else if (KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className = el.className.replace(new RegExp('\\\\b' + KTUtil.trim(classNames[x]) + '\\\\b', 'g'), '');\r\n }\r\n }\r\n },\r\n\r\n triggerCustomEvent: function(el, eventName, data) {\r\n var event;\r\n if (window.CustomEvent) {\r\n event = new CustomEvent(eventName, {\r\n detail: data\r\n });\r\n } else {\r\n event = document.createEvent('CustomEvent');\r\n event.initCustomEvent(eventName, true, true, data);\r\n }\r\n\r\n el.dispatchEvent(event);\r\n },\r\n\r\n triggerEvent: function(node, eventName) {\r\n // Make sure we use the ownerDocument from the provided node to avoid cross-window problems\r\n var doc;\r\n if (node.ownerDocument) {\r\n doc = node.ownerDocument;\r\n } else if (node.nodeType == 9) {\r\n // the node may be the document itself, nodeType 9 = DOCUMENT_NODE\r\n doc = node;\r\n } else {\r\n throw new Error(\"Invalid node passed to fireEvent: \" + node.id);\r\n }\r\n\r\n if (node.dispatchEvent) {\r\n // Gecko-style approach (now the standard) takes more work\r\n var eventClass = \"\";\r\n\r\n // Different events have different event classes.\r\n // If this switch statement can't map an eventName to an eventClass,\r\n // the event firing is going to fail.\r\n switch (eventName) {\r\n case \"click\": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.\r\n case \"mouseenter\":\r\n case \"mouseleave\":\r\n case \"mousedown\":\r\n case \"mouseup\":\r\n eventClass = \"MouseEvents\";\r\n break;\r\n\r\n case \"focus\":\r\n case \"change\":\r\n case \"blur\":\r\n case \"select\":\r\n eventClass = \"HTMLEvents\";\r\n break;\r\n\r\n default:\r\n throw \"fireEvent: Couldn't find an event class for event '\" + eventName + \"'.\";\r\n break;\r\n }\r\n var event = doc.createEvent(eventClass);\r\n\r\n var bubbles = eventName == \"change\" ? false : true;\r\n event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.\r\n\r\n event.synthetic = true; // allow detection of synthetic events\r\n // The second parameter says go ahead with the default action\r\n node.dispatchEvent(event, true);\r\n } else if (node.fireEvent) {\r\n // IE-old school style\r\n var event = doc.createEventObject();\r\n event.synthetic = true; // allow detection of synthetic events\r\n node.fireEvent(\"on\" + eventName, event);\r\n }\r\n },\r\n\r\n index: function( el ){\r\n var c = el.parentNode.children, i = 0;\r\n for(; i < c.length; i++ )\r\n if( c[i] == el ) return i;\r\n },\r\n\r\n trim: function(string) {\r\n return string.trim();\r\n },\r\n\r\n eventTriggered: function(e) {\r\n if (e.currentTarget.dataset.triggered) {\r\n return true;\r\n } else {\r\n e.currentTarget.dataset.triggered = true;\r\n\r\n return false;\r\n }\r\n },\r\n\r\n remove: function(el) {\r\n if (el && el.parentNode) {\r\n el.parentNode.removeChild(el);\r\n }\r\n },\r\n\r\n find: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelector(query);\r\n }\r\n },\r\n\r\n findAll: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelectorAll(query);\r\n }\r\n },\r\n\r\n insertAfter: function(el, referenceNode) {\r\n return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);\r\n },\r\n\r\n parents: function(elem, selector) {\r\n // Element.matches() polyfill\r\n if (!Element.prototype.matches) {\r\n Element.prototype.matches =\r\n Element.prototype.matchesSelector ||\r\n Element.prototype.mozMatchesSelector ||\r\n Element.prototype.msMatchesSelector ||\r\n Element.prototype.oMatchesSelector ||\r\n Element.prototype.webkitMatchesSelector ||\r\n function(s) {\r\n var matches = (this.document || this.ownerDocument).querySelectorAll(s),\r\n i = matches.length;\r\n while (--i >= 0 && matches.item(i) !== this) {}\r\n return i > -1;\r\n };\r\n }\r\n\r\n // Set up a parent array\r\n var parents = [];\r\n\r\n // Push each parent element to the array\r\n for ( ; elem && elem !== document; elem = elem.parentNode ) {\r\n if (selector) {\r\n if (elem.matches(selector)) {\r\n parents.push(elem);\r\n }\r\n continue;\r\n }\r\n parents.push(elem);\r\n }\r\n\r\n // Return our parent array\r\n return parents;\r\n },\r\n\r\n children: function(el, selector, log) {\r\n if (!el || !el.childNodes) {\r\n return;\r\n }\r\n\r\n var result = [],\r\n i = 0,\r\n l = el.childNodes.length;\r\n\r\n for (var i; i < l; ++i) {\r\n if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {\r\n result.push(el.childNodes[i]);\r\n }\r\n }\r\n\r\n return result;\r\n },\r\n\r\n child: function(el, selector, log) {\r\n var children = KTUtil.children(el, selector, log);\r\n\r\n return children ? children[0] : null;\r\n },\r\n\r\n matches: function(el, selector, log) {\r\n var p = Element.prototype;\r\n var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {\r\n return [].indexOf.call(document.querySelectorAll(s), this) !== -1;\r\n };\r\n\r\n if (el && el.tagName) {\r\n return f.call(el, selector);\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n data: function(el) {\r\n return {\r\n set: function(name, data) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n window.KTUtilElementDataStoreID++;\r\n el.customDataTag = window.KTUtilElementDataStoreID;\r\n }\r\n\r\n if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {\r\n window.KTUtilElementDataStore[el.customDataTag] = {};\r\n }\r\n\r\n window.KTUtilElementDataStore[el.customDataTag][name] = data;\r\n },\r\n\r\n get: function(name) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return null;\r\n }\r\n\r\n return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;\r\n },\r\n\r\n has: function(name) {\r\n if (!el) {\r\n return false;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return false;\r\n }\r\n\r\n return (window.KTUtilElementDataStore[el.customDataTag] && window.KTUtilElementDataStore[el.customDataTag][name]) ? true : false;\r\n },\r\n\r\n remove: function(name) {\r\n if (el && this.has(name)) {\r\n delete window.KTUtilElementDataStore[el.customDataTag][name];\r\n }\r\n }\r\n };\r\n },\r\n\r\n outerWidth: function(el, margin) {\r\n var width;\r\n\r\n if (margin === true) {\r\n width = parseFloat(el.offsetWidth);\r\n width += parseFloat(KTUtil.css(el, 'margin-left')) + parseFloat(KTUtil.css(el, 'margin-right'));\r\n\r\n return parseFloat(width);\r\n } else {\r\n width = parseFloat(el.offsetWidth);\r\n\r\n return width;\r\n }\r\n },\r\n\r\n offset: function(el) {\r\n var rect, win;\r\n\r\n if ( !el ) {\r\n return;\r\n }\r\n\r\n // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\r\n // Support: IE <=11 only\r\n // Running getBoundingClientRect on a\r\n // disconnected node in IE throws an error\r\n\r\n if ( !el.getClientRects().length ) {\r\n return { top: 0, left: 0 };\r\n }\r\n\r\n // Get document-relative position by adding viewport scroll to viewport-relative gBCR\r\n rect = el.getBoundingClientRect();\r\n win = el.ownerDocument.defaultView;\r\n\r\n return {\r\n top: rect.top + win.pageYOffset,\r\n left: rect.left + win.pageXOffset\r\n };\r\n },\r\n\r\n height: function(el) {\r\n return KTUtil.css(el, 'height');\r\n },\r\n\r\n outerHeight: function(el, withMargin) {\r\n var height = el.offsetHeight;\r\n var style;\r\n\r\n if (typeof withMargin !== 'undefined' && withMargin === true) {\r\n style = getComputedStyle(el);\r\n height += parseInt(style.marginTop) + parseInt(style.marginBottom);\r\n\r\n return height;\r\n } else {\r\n return height;\r\n }\r\n },\r\n\r\n visible: function(el) {\r\n return !(el.offsetWidth === 0 && el.offsetHeight === 0);\r\n },\r\n\r\n attr: function(el, name, value) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.setAttribute(name, value);\r\n } else {\r\n return el.getAttribute(name);\r\n }\r\n },\r\n\r\n hasAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n return el.getAttribute(name) ? true : false;\r\n },\r\n\r\n removeAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n el.removeAttribute(name);\r\n },\r\n\r\n animate: function(from, to, duration, update, easing, done) {\r\n /**\r\n * TinyAnimate.easings\r\n * Adapted from jQuery Easing\r\n */\r\n var easings = {};\r\n var easing;\r\n\r\n easings.linear = function(t, b, c, d) {\r\n return c * t / d + b;\r\n };\r\n\r\n easing = easings.linear;\r\n\r\n // Early bail out if called incorrectly\r\n if (typeof from !== 'number' ||\r\n typeof to !== 'number' ||\r\n typeof duration !== 'number' ||\r\n typeof update !== 'function') {\r\n return;\r\n }\r\n\r\n // Create mock done() function if necessary\r\n if (typeof done !== 'function') {\r\n done = function() {};\r\n }\r\n\r\n // Pick implementation (requestAnimationFrame | setTimeout)\r\n var rAF = window.requestAnimationFrame || function(callback) {\r\n window.setTimeout(callback, 1000 / 50);\r\n };\r\n\r\n // Animation loop\r\n var canceled = false;\r\n var change = to - from;\r\n\r\n function loop(timestamp) {\r\n var time = (timestamp || +new Date()) - start;\r\n\r\n if (time >= 0) {\r\n update(easing(time, from, change, duration));\r\n }\r\n if (time >= 0 && time >= duration) {\r\n update(to);\r\n done();\r\n } else {\r\n rAF(loop);\r\n }\r\n }\r\n\r\n update(from);\r\n\r\n // Start animation loop\r\n var start = window.performance && window.performance.now ? window.performance.now() : +new Date();\r\n\r\n rAF(loop);\r\n },\r\n\r\n actualCss: function(el, prop, cache) {\r\n var css = '';\r\n\r\n if (el instanceof HTMLElement === false) {\r\n return;\r\n }\r\n\r\n if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {\r\n var value;\r\n\r\n // the element is hidden so:\r\n // making the el block so we can meassure its height but still be hidden\r\n css = el.style.cssText;\r\n el.style.cssText = 'position: absolute; visibility: hidden; display: block;';\r\n\r\n if (prop == 'width') {\r\n value = el.offsetWidth;\r\n } else if (prop == 'height') {\r\n value = el.offsetHeight;\r\n }\r\n\r\n el.style.cssText = css;\r\n\r\n // store it in cache\r\n el.setAttribute('kt-hidden-' + prop, value);\r\n\r\n return parseFloat(value);\r\n } else {\r\n // store it in cache\r\n return parseFloat(el.getAttribute('kt-hidden-' + prop));\r\n }\r\n },\r\n\r\n actualHeight: function(el, cache) {\r\n return KTUtil.actualCss(el, 'height', cache);\r\n },\r\n\r\n actualWidth: function(el, cache) {\r\n return KTUtil.actualCss(el, 'width', cache);\r\n },\r\n\r\n getScroll: function(element, method) {\r\n // The passed in `method` value should be 'Top' or 'Left'\r\n method = 'scroll' + method;\r\n return (element == window || element == document) ? (\r\n self[(method == 'scrollTop') ? 'pageYOffset' : 'pageXOffset'] ||\r\n (browserSupportsBoxModel && document.documentElement[method]) ||\r\n document.body[method]\r\n ) : element[method];\r\n },\r\n\r\n css: function(el, styleProp, value) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.style[styleProp] = value;\r\n } else {\r\n var defaultView = (el.ownerDocument || document).defaultView;\r\n // W3C standard way:\r\n if (defaultView && defaultView.getComputedStyle) {\r\n // sanitize property name to css notation\r\n // (hyphen separated words eg. font-Size)\r\n styleProp = styleProp.replace(/([A-Z])/g, \"-$1\").toLowerCase();\r\n return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);\r\n } else if (el.currentStyle) { // IE\r\n // sanitize property name to camelCase\r\n styleProp = styleProp.replace(/\\-(\\w)/g, function(str, letter) {\r\n return letter.toUpperCase();\r\n });\r\n value = el.currentStyle[styleProp];\r\n // convert other units to pixels on IE\r\n if (/^\\d+(em|pt|%|ex)?$/i.test(value)) {\r\n return (function(value) {\r\n var oldLeft = el.style.left,\r\n oldRsLeft = el.runtimeStyle.left;\r\n el.runtimeStyle.left = el.currentStyle.left;\r\n el.style.left = value || 0;\r\n value = el.style.pixelLeft + \"px\";\r\n el.style.left = oldLeft;\r\n el.runtimeStyle.left = oldRsLeft;\r\n return value;\r\n })(value);\r\n }\r\n return value;\r\n }\r\n }\r\n },\r\n\r\n slide: function(el, dir, speed, callback, recalcMaxHeight) {\r\n if (!el || (dir == 'up' && KTUtil.visible(el) === false) || (dir == 'down' && KTUtil.visible(el) === true)) {\r\n return;\r\n }\r\n\r\n speed = (speed ? speed : 600);\r\n var calcHeight = KTUtil.actualHeight(el);\r\n var calcPaddingTop = false;\r\n var calcPaddingBottom = false;\r\n\r\n if (KTUtil.css(el, 'padding-top') && KTUtil.data(el).has('slide-padding-top') !== true) {\r\n KTUtil.data(el).set('slide-padding-top', KTUtil.css(el, 'padding-top'));\r\n }\r\n\r\n if (KTUtil.css(el, 'padding-bottom') && KTUtil.data(el).has('slide-padding-bottom') !== true) {\r\n KTUtil.data(el).set('slide-padding-bottom', KTUtil.css(el, 'padding-bottom'));\r\n }\r\n\r\n if (KTUtil.data(el).has('slide-padding-top')) {\r\n calcPaddingTop = parseInt(KTUtil.data(el).get('slide-padding-top'));\r\n }\r\n\r\n if (KTUtil.data(el).has('slide-padding-bottom')) {\r\n calcPaddingBottom = parseInt(KTUtil.data(el).get('slide-padding-bottom'));\r\n }\r\n\r\n if (dir == 'up') { // up\r\n el.style.cssText = 'display: block; overflow: hidden;';\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {\r\n el.style.paddingTop = (calcPaddingTop - value) + 'px';\r\n }, 'linear');\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\r\n el.style.paddingBottom = (calcPaddingBottom - value) + 'px';\r\n }, 'linear');\r\n }\r\n\r\n KTUtil.animate(0, calcHeight, speed, function(value) {\r\n el.style.height = (calcHeight - value) + 'px';\r\n }, 'linear', function() {\r\n el.style.height = '';\r\n el.style.display = 'none';\r\n\r\n if (typeof callback === 'function') {\r\n callback();\r\n }\r\n });\r\n\r\n\r\n } else if (dir == 'down') { // down\r\n el.style.cssText = 'display: block; overflow: hidden;';\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {//\r\n el.style.paddingTop = value + 'px';\r\n }, 'linear', function() {\r\n el.style.paddingTop = '';\r\n });\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\r\n el.style.paddingBottom = value + 'px';\r\n }, 'linear', function() {\r\n el.style.paddingBottom = '';\r\n });\r\n }\r\n\r\n KTUtil.animate(0, calcHeight, speed, function(value) {\r\n el.style.height = value + 'px';\r\n }, 'linear', function() {\r\n el.style.height = '';\r\n el.style.display = '';\r\n el.style.overflow = '';\r\n\r\n if (typeof callback === 'function') {\r\n callback();\r\n }\r\n });\r\n }\r\n },\r\n\r\n slideUp: function(el, speed, callback) {\r\n KTUtil.slide(el, 'up', speed, callback);\r\n },\r\n\r\n slideDown: function(el, speed, callback) {\r\n KTUtil.slide(el, 'down', speed, callback);\r\n },\r\n\r\n show: function(el, display) {\r\n if (typeof el !== 'undefined') {\r\n el.style.display = (display ? display : 'block');\r\n }\r\n },\r\n\r\n hide: function(el) {\r\n if (typeof el !== 'undefined') {\r\n el.style.display = 'none';\r\n }\r\n },\r\n\r\n addEvent: function(el, type, handler, one) {\r\n if (typeof el !== 'undefined' && el !== null) {\r\n el.addEventListener(type, handler);\r\n }\r\n },\r\n\r\n removeEvent: function(el, type, handler) {\r\n if (el !== null) {\r\n el.removeEventListener(type, handler);\r\n }\r\n },\r\n\r\n on: function(element, selector, event, handler) {\r\n if (!selector) {\r\n return;\r\n }\r\n\r\n var eventId = KTUtil.getUniqueID('event');\r\n\r\n window.KTUtilDelegatedEventHandlers[eventId] = function(e) {\r\n var targets = element.querySelectorAll(selector);\r\n var target = e.target;\r\n\r\n while (target && target !== element) {\r\n for (var i = 0, j = targets.length; i < j; i++) {\r\n if (target === targets[i]) {\r\n handler.call(target, e);\r\n }\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n }\r\n\r\n KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n return eventId;\r\n },\r\n\r\n off: function(element, event, eventId) {\r\n if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {\r\n return;\r\n }\r\n\r\n KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n delete window.KTUtilDelegatedEventHandlers[eventId];\r\n },\r\n\r\n one: function onetime(el, type, callback) {\r\n el.addEventListener(type, function callee(e) {\r\n // remove event\r\n if (e.target && e.target.removeEventListener) {\r\n e.target.removeEventListener(e.type, callee);\r\n }\r\n\r\n // need to verify from https://themeforest.net/author_dashboard#comment_23615588\r\n if (el && el.removeEventListener) {\r\n\t\t\t\t e.currentTarget.removeEventListener(e.type, callee);\r\n\t\t\t }\r\n\r\n // call handler\r\n return callback(e);\r\n });\r\n },\r\n\r\n hash: function(str) {\r\n var hash = 0,\r\n i, chr;\r\n\r\n if (str.length === 0) return hash;\r\n for (i = 0; i < str.length; i++) {\r\n chr = str.charCodeAt(i);\r\n hash = ((hash << 5) - hash) + chr;\r\n hash |= 0; // Convert to 32bit integer\r\n }\r\n\r\n return hash;\r\n },\r\n\r\n animateClass: function(el, animationName, callback) {\r\n var animation;\r\n var animations = {\r\n animation: 'animationend',\r\n OAnimation: 'oAnimationEnd',\r\n MozAnimation: 'mozAnimationEnd',\r\n WebkitAnimation: 'webkitAnimationEnd',\r\n msAnimation: 'msAnimationEnd',\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.addClass(el, 'animated ' + animationName);\r\n\r\n KTUtil.one(el, animation, function() {\r\n KTUtil.removeClass(el, 'animated ' + animationName);\r\n });\r\n\r\n if (callback) {\r\n KTUtil.one(el, animation, callback);\r\n }\r\n },\r\n\r\n transitionEnd: function(el, callback) {\r\n var transition;\r\n var transitions = {\r\n transition: 'transitionend',\r\n OTransition: 'oTransitionEnd',\r\n MozTransition: 'mozTransitionEnd',\r\n WebkitTransition: 'webkitTransitionEnd',\r\n msTransition: 'msTransitionEnd'\r\n };\r\n\r\n for (var t in transitions) {\r\n if (el.style[t] !== undefined) {\r\n transition = transitions[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, transition, callback);\r\n },\r\n\r\n animationEnd: function(el, callback) {\r\n var animation;\r\n var animations = {\r\n animation: 'animationend',\r\n OAnimation: 'oAnimationEnd',\r\n MozAnimation: 'mozAnimationEnd',\r\n WebkitAnimation: 'webkitAnimationEnd',\r\n msAnimation: 'msAnimationEnd'\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, animation, callback);\r\n },\r\n\r\n animateDelay: function(el, value) {\r\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + 'animation-delay', value);\r\n }\r\n },\r\n\r\n animateDuration: function(el, value) {\r\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + 'animation-duration', value);\r\n }\r\n },\r\n\r\n scrollTo: function(target, offset, duration) {\r\n var duration = duration ? duration : 500;\r\n var targetPos = target ? KTUtil.offset(target).top : 0;\r\n var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n var from, to;\r\n\r\n if (offset) {\r\n scrollPos += offset;\r\n }\r\n\r\n from = scrollPos;\r\n to = targetPos;\r\n\r\n KTUtil.animate(from, to, duration, function(value) {\r\n document.documentElement.scrollTop = value;\r\n document.body.parentNode.scrollTop = value;\r\n document.body.scrollTop = value;\r\n }); //, easing, done\r\n },\r\n\r\n scrollTop: function(offset, duration) {\r\n KTUtil.scrollTo(null, offset, duration);\r\n },\r\n\r\n isArray: function(obj) {\r\n return obj && Array.isArray(obj);\r\n },\r\n\r\n ready: function(callback) {\r\n if (document.attachEvent ? document.readyState === \"complete\" : document.readyState !== \"loading\") {\r\n callback();\r\n } else {\r\n document.addEventListener('DOMContentLoaded', callback);\r\n }\r\n },\r\n\r\n isEmpty: function(obj) {\r\n for (var prop in obj) {\r\n if (obj.hasOwnProperty(prop)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n numberString: function(nStr) {\r\n nStr += '';\r\n var x = nStr.split('.');\r\n var x1 = x[0];\r\n var x2 = x.length > 1 ? '.' + x[1] : '';\r\n var rgx = /(\\d+)(\\d{3})/;\r\n while (rgx.test(x1)) {\r\n x1 = x1.replace(rgx, '$1' + ',' + '$2');\r\n }\r\n return x1 + x2;\r\n },\r\n\r\n detectIE: function() {\r\n var ua = window.navigator.userAgent;\r\n\r\n // Test values; Uncomment to check result …\r\n\r\n // IE 10\r\n // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';\r\n\r\n // IE 11\r\n // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\r\n\r\n // Edge 12 (Spartan)\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';\r\n\r\n // Edge 13\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';\r\n\r\n var msie = ua.indexOf('MSIE ');\r\n if (msie > 0) {\r\n // IE 10 or older => return version number\r\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);\r\n }\r\n\r\n var trident = ua.indexOf('Trident/');\r\n if (trident > 0) {\r\n // IE 11 => return version number\r\n var rv = ua.indexOf('rv:');\r\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\r\n }\r\n\r\n var edge = ua.indexOf('Edge/');\r\n if (edge > 0) {\r\n // Edge (IE 12+) => return version number\r\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);\r\n }\r\n\r\n // other browser\r\n return false;\r\n },\r\n\r\n isRTL: function() {\r\n var html = KTUtil.getByTagName('html')[0];\r\n\r\n if (html) {\r\n return (KTUtil.attr(html, 'direction') == 'rtl');\r\n }\r\n },\r\n\r\n // Scroller\r\n scrollInit: function(element, options) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n // Learn more: https://github.com/mdbootstrap/perfect-scrollbar#options\r\n var pluginDefOptions = {\r\n wheelSpeed: 0.5,\r\n swipeEasing: true,\r\n wheelPropagation: false,\r\n minScrollbarLength: 40,\r\n maxScrollbarLength: 300,\r\n suppressScrollX: true\r\n };\r\n\r\n options = KTUtil.deepExtend({}, pluginDefOptions, options);\r\n\r\n // Define init function\r\n function init() {\r\n var ps;\r\n var height;\r\n\r\n // Get extra options via data attributes\r\n var attrs = element.getAttributeNames();\r\n if (attrs.length > 0) {\r\n attrs.forEach(function(attrName) {\r\n \t\t\t// more options; https://github.com/ganlanyuan/tiny-slider#options\r\n \t\t\tif ((/^data-.*/g).test(attrName)) {\r\n if (['scroll', 'height', 'mobile-height'].includes(optionName) == false) {\r\n var optionName = attrName.replace('data-', '').toLowerCase().replace(/(?:[\\s-])\\w/g, function(match) {\r\n \t\t\t\t\treturn match.replace('-', '').toUpperCase();\r\n \t\t\t\t});\r\n\r\n options[optionName] = KTUtil.filterBoolean(element.getAttribute(attrName));\r\n }\r\n \t\t\t}\r\n \t\t});\r\n }\r\n\r\n if (options.height instanceof Function) {\r\n height = options.height.call();\r\n } else {\r\n if (KTUtil.isMobileDevice() === true && options.mobileHeight) {\r\n height = parseInt(options.mobileHeight);\r\n } else if (options.height) {\r\n height = parseInt(options.height);\r\n } else {\r\n height = parseInt(KTUtil.css(element, 'height'));\r\n }\r\n }\r\n\r\n if (height === false) {\r\n KTUtil.scrollDestroy(element, true);\r\n\r\n return;\r\n }\r\n\r\n height = parseInt(height);\r\n\r\n // Destroy scroll on table and mobile modes\r\n if ((options.mobileNativeScroll || options.disableForMobile) && KTUtil.isMobileDevice() === true) {\r\n ps = KTUtil.data(element).get('ps');\r\n if (ps) {\r\n if (options.resetHeightOnDestroy) {\r\n KTUtil.css(element, 'height', 'auto');\r\n } else {\r\n KTUtil.css(element, 'overflow', 'auto');\r\n if (height > 0) {\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n }\r\n\r\n ps.destroy();\r\n ps = KTUtil.data(element).remove('ps');\r\n } else if (height > 0){\r\n KTUtil.css(element, 'overflow', 'auto');\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (height > 0) {\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n\r\n if (options.desktopNativeScroll) {\r\n KTUtil.css(element, 'overflow', 'auto');\r\n return;\r\n }\r\n\r\n // Pass options via HTML Attributes\r\n if (KTUtil.attr(element, 'data-window-scroll') == 'true') {\r\n options.windowScroll = true;\r\n }\r\n\r\n // Init scroll\r\n ps = KTUtil.data(element).get('ps');\r\n\r\n if (ps) {\r\n ps.update();\r\n } else {\r\n KTUtil.css(element, 'overflow', 'hidden');\r\n KTUtil.addClass(element, 'scroll');\r\n\r\n ps = new PerfectScrollbar(element, options);\r\n\r\n KTUtil.data(element).set('ps', ps);\r\n }\r\n\r\n // Remember scroll position in cookie\r\n var uid = KTUtil.attr(element, 'id');\r\n try {\r\n if (uid) {\r\n var cookie = KTCookie.getCookie(uid);\r\n if (options.rememberPosition === true && cookie) {\r\n var pos = parseInt(cookie);\r\n if (pos > 0) {\r\n element.scrollTop = pos;\r\n }\r\n element.addEventListener('ps-scroll-y', function() {\r\n KTCookie.setCookie(uid, element.scrollTop, {});\r\n });\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error(e);\r\n }\r\n\r\n // Todo:Consider using Localstorage\r\n if (options.rememberPosition === true && KTCookie && uid) {\r\n if (KTCookie.getCookie(uid)) {\r\n var pos = parseInt(KTCookie.getCookie(uid));\r\n\r\n if (pos > 0) {\r\n element.scrollTop = pos;\r\n }\r\n }\r\n\r\n element.addEventListener('ps-scroll-y', function() {\r\n KTCookie.setCookie(uid, element.scrollTop);\r\n });\r\n }\r\n }\r\n\r\n // Init\r\n init();\r\n\r\n // Handle window resize\r\n if (options.handleWindowResize) {\r\n KTUtil.addResizeHandler(function() {\r\n init();\r\n });\r\n }\r\n },\r\n\r\n scrollUpdate: function(element) {\r\n var ps = KTUtil.data(element).get('ps');\r\n if (ps) {\r\n ps.update();\r\n }\r\n },\r\n\r\n scrollUpdateAll: function(parent) {\r\n var scrollers = KTUtil.findAll(parent, '.ps');\r\n for (var i = 0, len = scrollers.length; i < len; i++) {\r\n KTUtil.scrollUpdate(scrollers[i]);\r\n }\r\n },\r\n\r\n scrollDestroy: function(element, resetAll) {\r\n var ps = KTUtil.data(element).get('ps');\r\n\r\n if (ps) {\r\n ps.destroy();\r\n ps = KTUtil.data(element).remove('ps');\r\n }\r\n\r\n if (element && resetAll) {\r\n element.style.setProperty('overflow', '');\r\n element.style.setProperty('height', '');\r\n }\r\n },\r\n\r\n filterBoolean: function(val) {\r\n // Convert string boolean\r\n\t\t\tif (val === true || val === 'true') {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\tif (val === false || val === 'false') {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n return val;\r\n },\r\n\r\n setHTML: function(el, html) {\r\n el.innerHTML = html;\r\n },\r\n\r\n getHTML: function(el) {\r\n if (el) {\r\n return el.innerHTML;\r\n }\r\n },\r\n\r\n getDocumentHeight: function() {\r\n var body = document.body;\r\n var html = document.documentElement;\r\n\r\n return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );\r\n },\r\n\r\n getScrollTop: function() {\r\n return (document.scrollingElement || document.documentElement).scrollTop;\r\n },\r\n\r\n changeColor: function(col, amt) {\r\n\r\n var usePound = false;\r\n\r\n if (col[0] == \"#\") {\r\n col = col.slice(1);\r\n usePound = true;\r\n }\r\n\r\n var num = parseInt(col,16);\r\n\r\n var r = (num >> 16) + amt;\r\n\r\n if (r > 255) r = 255;\r\n else if (r < 0) r = 0;\r\n\r\n var b = ((num >> 8) & 0x00FF) + amt;\r\n\r\n if (b > 255) b = 255;\r\n else if (b < 0) b = 0;\r\n\r\n var g = (num & 0x0000FF) + amt;\r\n\r\n if (g > 255) g = 255;\r\n else if (g < 0) g = 0;\r\n\r\n return (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n\r\n },\r\n\r\n // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\n throttle: function (timer, func, delay) {\r\n \t// If setTimeout is already scheduled, no need to do anything\r\n \tif (timer) {\r\n \t\treturn;\r\n \t}\r\n\r\n \t// Schedule a setTimeout after delay seconds\r\n \ttimer = setTimeout(function () {\r\n \t\tfunc();\r\n\r\n \t\t// Once setTimeout function execution is finished, timerId = undefined so that in
\r\n \t\t// the next scroll event function execution can be scheduled by the setTimeout\r\n \t\ttimer = undefined;\r\n \t}, delay);\r\n },\r\n\r\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\r\n debounce: function (timer, func, delay) {\r\n \t// Cancels the setTimeout method execution\r\n \tclearTimeout(timer)\r\n\r\n \t// Executes the func after delay time.\r\n \ttimer = setTimeout(func, delay);\r\n },\r\n\r\n btnWait: function(el, cls, message, disable) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (typeof disable !== 'undefined' && disable === true) {\r\n KTUtil.attr(el, \"disabled\", true);\r\n }\r\n\r\n if (cls) {\r\n KTUtil.addClass(el, cls);\r\n KTUtil.attr(el, \"wait-class\", cls);\r\n }\r\n\r\n if (message) {\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption) {\r\n KTUtil.data(caption).set('caption', KTUtil.getHTML(caption));\r\n KTUtil.setHTML(caption, message);\r\n } else {\r\n KTUtil.data(el).set('caption', KTUtil.getHTML(el));\r\n KTUtil.setHTML(el, message);\r\n }\r\n }\r\n },\r\n\r\n btnRelease: function(el) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n /// Show loading state on button\r\n KTUtil.removeAttr(el, \"disabled\");\r\n\r\n if (KTUtil.hasAttr(el, \"wait-class\")) {\r\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\r\n }\r\n\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption && KTUtil.data(caption).has('caption')) {\r\n KTUtil.setHTML(caption, KTUtil.data(caption).get('caption'));\r\n } else if (KTUtil.data(el).has('caption')) {\r\n KTUtil.setHTML(el, KTUtil.data(el).get('caption'));\r\n }\r\n },\r\n\r\n isOffscreen: function(el, direction, offset) {\r\n offset = offset || 0;\r\n\r\n var windowWidth = KTUtil.getViewPort().width;\r\n var windowHeight = KTUtil.getViewPort().height;\r\n\r\n var top = KTUtil.offset(el).top;\r\n var height = KTUtil.outerHeight(el) + offset;\r\n var left = KTUtil.offset(el).left;\r\n var width = KTUtil.outerWidth(el) + offset;\r\n\r\n if (direction == 'bottom') {\r\n if (windowHeight < top + height) {\r\n return true;\r\n } else if (windowHeight > top + height * 1.5) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'top') {\r\n if (top < 0) {\r\n return true;\r\n } else if (top > height) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'left') {\r\n if (left < 0) {\r\n return true;\r\n } else if (left * 2 > width) {\r\n //console.log('left 2');\r\n //return true;\r\n }\r\n }\r\n\r\n if (direction == 'right') {\r\n if (windowWidth < left + width) {\r\n return true;\r\n } else {\r\n //console.log('right 2');\r\n //return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n }\r\n}();\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTUtil;\r\n}\r\n\r\n// Initialize KTUtil class on document ready\r\nKTUtil.ready(function() {\r\n\tif (typeof KTAppSettings !== 'undefined') {\r\n\t\tKTUtil.init(KTAppSettings);\r\n\t} else {\r\n\t\tKTUtil.init();\r\n\t}\r\n});\r\n\r\n// CSS3 Transitions only after page load(.page-loading class added to body tag and remove with JS on page load)\r\nwindow.onload = function() {\r\n var result = KTUtil.getByTagName('body');\r\n if (result && result[0]) {\r\n KTUtil.removeClass(result[0], 'page-loading');\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../../_metronic/_helpers\";\r\nimport { InputNumber } from \"antd\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { OverlayTrigger, Spinner, Tooltip } from \"react-bootstrap\";\r\nimport moment from \"moment\";\r\n\r\nconst InvoiceShort = (props) => {\r\n const formatCurrency = (amount) => {\r\n return new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n }).format(amount);\r\n };\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n\r\n {/* {props.isLoading && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n INVOICE{\" \"}\r\n {props?.invoices?.invoiceNumber &&\r\n \"#\" + props?.invoices?.invoiceNumber}\r\n
\r\n {props?.startDate && props?.endDate && (\r\n\r\n
\r\n )}\r\n Pay Period :
\r\n\r\n {moment(props?.startDate).format(\"MMMM DD, YYYY\")}\r\n {\" - \"}\r\n {moment(props?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n Date of issue
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
\r\n Date due
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n {props?.invoices?.businessName || \"DeliveryEase Inc.\"}\r\n
\r\n {!props?.invoices?.address && (\r\n <>\r\n\r\n 2100 Bloor Street West\r\n
\r\n \r\n Suite 6164\r\n
\r\n \r\n Toronto, ON, M6S 5A5\r\n
\r\n \r\n )}\r\n {props?.invoices?.address && (\r\n <>\r\n \r\n {props?.invoices?.address?.line1}\r\n
\r\n {props?.invoices?.address?.line2 && (\r\n \r\n {props?.invoices?.address?.line2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.address?.city}\r\n {\", \"}\r\n {props?.invoices?.address?.state}\r\n {\", \"}\r\n {props?.invoices?.address?.postalCode}\r\n
\r\n \r\n {props?.invoices?.address?.country === \"CA\" ? \"Canada\" : props?.invoices?.address?.country}\r\n
\r\n \r\n )}\r\n \r\n accounting@deliveryease.co\r\n
\r\n \r\n +1 (855) 272-7625\r\n
\r\n \r\n GST/HST Registration No: {props?.invoices?.hstNumber}\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Bill To
\r\n\r\n {props?.invoices?.pharmacyDetails?.name}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.address1}\r\n
\r\n {props?.invoices?.pharmacyDetails?.address2 && (\r\n \r\n {props?.invoices?.pharmacyDetails?.address2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.pharmacyDetails?.city}\r\n {\", \"}\r\n {props?.invoices?.pharmacyDetails?.state}\r\n {\", \"}\r\n {props?.invoices?.pharmacyDetails?.zipCode}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.country}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.phoneNumber}\r\n
\r\n \r\n {props?.invoices?.pharmacyDetails?.email}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {formatCurrency(props?.invoices?.totalWithTax)} due{\" \"}\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n {/* (Not Including Taxes) */}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Description | \r\n\r\n | \r\n | \r\n | Quantity | \r\nAmount | \r\n
|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n {props?.invoices?.startDate &&\r\n props?.invoices?.endDate ? (\r\n \r\n {/* \r\n Orders From:{\" \"}\r\n {moment(\r\n props?.invoices?.startDate\r\n ).format(\"MMMM DD, YYYY\")}\r\n {\" To: \"}\r\n {moment(props?.invoices?.endDate).format(\r\n \"MMMM DD, YYYY\"\r\n )}\r\n \r\n | \r\n \r\n | \r\n | \r\n | {props?.invoices?.groupedOrders?.count} | \r\n\r\n {!props.isLoading ? (\r\n formatCurrency(\r\n props?.invoices?.groupedOrders?.charge\r\n )\r\n ) : (\r\n | \r\n
| \r\n \r\n \r\n \r\n {props?.invoices?.pfcDesc}\r\n\r\n | \r\n \r\n | \r\n | \r\n | {props?.invoices?.pfcCount} | \r\n\r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.pfcTotal)\r\n ) : (\r\n | \r\n
| \r\n \r\n \r\n \r\n {props?.invoices?.adjustmentDescription}\r\n\r\n | \r\n \r\n | \r\n | \r\n | 1 | \r\n\r\n {!props.isLoading ? (\r\n formatCurrency( props?.extra || props?.invoices?.extra || 0)\r\n ) : (\r\n | \r\n
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.hstTax ?? 0) \r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.total)\r\n ) : (\r\n | \r\n ||
| \r\n | \r\n | \r\n | |||
| \r\n | \r\n | \r\n | \r\n \r\n {formatCurrency(props?.invoices?.creditAmount)}\r\n\r\n | \r\n ||
| \r\n | \r\n | \r\n | \r\n \r\n {!props.isLoading ? (\r\n formatCurrency(props?.invoices?.totalWithTax)\r\n ) : (\r\n \r\n | \r\n
\r\n
\r\n \r\n DeliveryEase Inc.\r\n
\r\n\r\n Humbled to be your pharmacy delivery partner 🙂\r\n
\r\n\r\n
\r\n \r\n Generating invoice {props?.name && \"for\" + \" \"}\r\n {props?.name} ...\r\n
\r\n\r\n \r\n
\r\n \r\n )} */}\r\n \r\n );\r\n};\r\n\r\nexport default InvoiceShort;\r\n","import { Formik, useFormik } from \"formik\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Col,\r\n Modal,\r\n OverlayTrigger,\r\n Row,\r\n Spinner,\r\n Tooltip,\r\n} from \"react-bootstrap\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport ReactSelect from \"react-select\";\r\nimport Swal from \"sweetalert2\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport {\r\n ModelStateMessage,\r\n apiCalll,\r\n creditCardTypeFromNumber,\r\n setValueField\r\n} from \"../../../_metronic/_helpers/apiHelpers\";\r\nimport { DynamicModal } from \"../../../_metronic/_helpers/GlobalHelpers\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../_metronic/_partials/controls\";\r\nimport Payment from \"../UserProfile/stripe/Payment\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function PaymentDelivery(props) {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [token, setToken] = useState(\"\");\r\n const history = useHistory();\r\n const [currentId, setCurrentId] = useState(\"\");\r\n const [data, setData] = useState(null);\r\n const [isError, setIsError] = useState(false);\r\n const [modalStripe, setModalStripe] = useState(false);\r\n const [payWithCash, setPayWithCash] = useState(true);\r\n const [loadingPayout, setLoadingPayout] = useState(false);\r\n const [loadingBtn, setLoadingBtn] = useState(false);\r\n const [reasonSkip, setReasonSkip] = useState(\"\");\r\n const [modalPaymentCard, setModalPaymentCard] = useState(false);\r\n const [modalReasonSkip, setModalReasonSkip] = useState(false);\r\n const [isSuccessfulPayment, setIsSuccessfulPayment] = useState(null);\r\n const [clientSecret, setclientSecret] = useState(\r\n \"seti_1O5Uux44XggjBBCkPaNKmab6_secret_OtHTF2i2LmVci9WyyCivVI84puJKcZ1\"\r\n );\r\n const [Key, setKey] = useState(null);\r\n function extractLastTwoDigits(inputString) {\r\n // Use a regular expression to match the last two digits in the string\r\n const regex = /(\\d{2})\\D*$/;\r\n const match = inputString.match(regex);\r\n\r\n // Check if there was a match\r\n if (match && match[1]) {\r\n // Extract and return the last two digits as a number\r\n return parseInt(match[1], 10).toString();\r\n } else {\r\n // Return an error value or handle the case when no digits are found\r\n return NaN; // NaN represents \"Not-a-Number\"\r\n }\r\n }\r\n useEffect(() => {\r\n try {\r\n var url = window.location.href.split(\"/deliveryPayment\");\r\n var token = url[1].split(\"&id=\")[0].replace(\"?token=\", \"\");\r\n var id = url[1].split(\"&id=\")[1];\r\n getData(id, token);\r\n setToken(token);\r\n setCurrentId(id);\r\n\r\n //hide subheader\r\n var element = document.getElementById(\"kt_subheader\");\r\n if (!!element) element.style.display = \"none\";\r\n } catch (err) {\r\n console.log(\"🚀 ~ file: index.js:28 ~ useEffect ~ err:\", err);\r\n }\r\n }, []);\r\n var initValuesCard = {\r\n orderId: \"\",\r\n cardName: \"\",\r\n cardNumber: \"\",\r\n stripeCardToken: \"\",\r\n stripeCardId: \"\",\r\n expiryMonth: \"\",\r\n expiryYear: \"\",\r\n cardCvc: \"\",\r\n };\r\n const [valuesCard, setValuesCard] = useState(initValuesCard);\r\n useEffect(() => {\r\n if (!modalStripe || modalPaymentCard) {\r\n setValuesCard(initValuesCard);\r\n }\r\n }, [modalStripe, modalPaymentCard]);\r\n const formik2 = useFormik({\r\n initialValues: valuesCard,\r\n onSubmit: async (values, { setStatus, setSubmitting }) => {\r\n // billing(values)\r\n },\r\n });\r\n\r\n const getPayWithCash = (id) => {\r\n fetch(`${BASE_URL}/Pharmacies/getCash/${id}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\"\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setPayWithCash(data[1].hideCash);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n async function getData(id, token) {\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/Orders/Details/${id}`,\r\n token: token,\r\n }).then(async (result) => {\r\n try {\r\n if (result.length > 0 && result[0] === 200) {\r\n var a = result[1];\r\n setData(a);\r\n setIsError(false);\r\n setValueField(valuesCard, setValuesCard, id, \"orderId\");\r\n setValueField(valuesCard, setValuesCard, id, \"orderId\");\r\n getPayWithCash(a.order.pharmacyId);\r\n } else {\r\n setIsError(true);\r\n ModelStateMessage(result);\r\n }\r\n } catch (err) {}\r\n });\r\n setToken(token);\r\n setCurrentId(id);\r\n }\r\n const { t } = useTranslation();\r\n\r\n const listMonth = [];\r\n const listMonthSelect = [];\r\n const listYear = [];\r\n const listYearSelect = [];\r\n var currentTime = new Date().getFullYear();\r\n for (let index = 1; index <= 12; index++) {\r\n listMonth.push();\r\n listMonthSelect.push(index);\r\n }\r\n for (let index = 0; index <= 20; index++) {\r\n listYear.push();\r\n listYearSelect.push(currentTime + index);\r\n }\r\n function ImageCardNumber({ value }) {\r\n return (\r\n \r\n \r\n
\r\n COD Payment
\r\n\r\n {/*begin::Page*/}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n {\r\n setModalStripe(false);\r\n }}\r\n >\r\n <>\r\n \r\n \r\n {t(\"Checkout for\")}\r\n \r\n (${data?.order?.cod})\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n {/*begin::Wrapper*/}\r\n \r\n {/*begin::Content*/}\r\n \r\n {!!data === false ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ) : !!data?.order?.gpSuccess === false && data?.order?.paymentMethod !== \"not paid\"? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ) : !!data?.order?.gpSuccess === false &&\r\n data?.order?.paymentMethod === \"not paid\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {\r\n setModalPaymentCard(false);\r\n }}\r\n >\r\n \r\n {({\r\n values,\r\n status,\r\n errors,\r\n touched,\r\n setFieldValue,\r\n handleChange,\r\n handleBlur,\r\n handleSubmit,\r\n isValid,\r\n isSubmitting,\r\n }) => (\r\n <>\r\n \r\n \r\n {t(\"Pay with credit card for\")}\r\n \r\n (${data?.order?.cod})\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {!isError ? (\r\n
\r\n Loading..
\r\n ) : (\r\n\r\n 401 Unauthorized...\r\n
\r\n )}\r\n\r\n
\r\n \r\n #{data?.order?.code ?? \"...\"}\r\n
\r\n\r\n\r\n ${data?.order?.cod ?? \"...\"}\r\n
\r\n\r\n {(payWithCash == false || payWithCash == null) ? {\r\n e.preventDefault();\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: `You want to pay this order #${data?.order?.code} with cash for amount $${data?.order?.cod}`,\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonColor: \"#013C73\",\r\n cancelButtonColor: \"#d33\",\r\n cancelButtonText: \"Cancel\",\r\n confirmButtonText: \"Confirm now\",\r\n }).then(async (result) => {\r\n if (result.isConfirmed) {\r\n apiCalll({\r\n method: \"POST\",\r\n link: `/orders/MarkAsPaidByHand`,\r\n token: token,\r\n data: {\r\n id: currentId,\r\n type: \"cash\",\r\n },\r\n }).then(async (result) => {\r\n try {\r\n if (\r\n result.length > 0 &&\r\n result[0] === 200\r\n ) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"Successful payment\",\r\n });\r\n getData(currentId, token);\r\n } else {\r\n ModelStateMessage(result);\r\n }\r\n } catch (err) {}\r\n });\r\n }\r\n });\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n Swal.fire({\r\n title: \"Are you sure?\",\r\n text: `You want to pay this order #${data?.order?.code} with cheque for amount $${data?.order?.cod}`,\r\n icon: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonColor: \"#013C73\",\r\n cancelButtonColor: \"#d33\",\r\n cancelButtonText: \"Cancel\",\r\n confirmButtonText: \"Confirm now\",\r\n }).then(async (result) => {\r\n if (result.isConfirmed) {\r\n apiCalll({\r\n method: \"POST\",\r\n link: `/orders/MarkAsPaidByHand`,\r\n token: token,\r\n data: {\r\n id: currentId,\r\n type: \"cheque\",\r\n },\r\n }).then(async (result) => {\r\n try {\r\n if (\r\n result.length > 0 &&\r\n result[0] === 200\r\n ) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"Successful payment\",\r\n });\r\n getData(currentId, token);\r\n } else {\r\n ModelStateMessage(result);\r\n }\r\n } catch (err) {}\r\n });\r\n }\r\n });\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n\r\n if (\r\n data?.order?.processor === \"moneris\" ||\r\n data?.order?.processor === \"deliveryeaseMoneris\" ||\r\n data?.order?.processor === \"globalPayment\"\r\n ) {\r\n setModalPaymentCard(true);\r\n } else if (\r\n data?.order?.processor ===\r\n \"deliveryeaseStripe\" ||\r\n data?.order?.processor === \"stripe\"\r\n ) {\r\n setLoadingBtn(true);\r\n await apiCalll({\r\n method: \"GET\",\r\n link: `/billing/CreateSetupIntentDriver/${currentId}`,\r\n token: token,\r\n }).then(async (result) => {\r\n try {\r\n if (\r\n result.length > 0 &&\r\n result[0] === 200\r\n ) {\r\n var a = result[1];\r\n setclientSecret(a?.clientSecret);\r\n setKey(a?.stripePublishableKey);\r\n setTimeout(() => {\r\n setModalStripe(true);\r\n setLoadingBtn(false);\r\n }, 1000);\r\n } else {\r\n ModelStateMessage(result);\r\n setLoadingBtn(false);\r\n }\r\n } catch (err) {\r\n setLoadingBtn(false);\r\n }\r\n });\r\n }\r\n }}\r\n >\r\n {\r\n e.preventDefault();\r\n setModalReasonSkip(true);\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n : \"\"\r\n }\r\n \r\n \r\n
\r\n \r\n {!data?.hidePayment &&\r\n (\r\n \r\n
\r\n {loadingBtn && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Order #{data?.order?.code} has been{\" \"}\r\n skipped for payment {\" \"}\r\n successfully.{\" \"}\r\n
\r\n \r\n You can check now the app mobile for this order\r\n to complete the process.\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Order #{data?.order?.code} has been{\" \"}\r\n paid {\" \"}\r\n successfully.{\" \"}\r\n
\r\n \r\n You can check the payment now on your app mobile\r\n for this order to complete the process.\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e.target.value,\r\n \"cardName\"\r\n );\r\n }}\r\n name=\"cardName\"\r\n />\r\n
\r\n {/*end::Input*/}\r\n {/*begin::Input*/}\r\n \r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n {\r\n const length = e?.target?.value?.length;\r\n if (length > 19) {\r\n return false;\r\n } else {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e.target.value,\r\n \"cardNumber\"\r\n );\r\n }\r\n }}\r\n name=\"cardNumber\"\r\n />\r\n {valuesCard.cardNumber !== \"\" && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n {/*begin::Input*/}\r\n
\r\n\r\n \r\n \r\n {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e?.value <= 9 || e?.value >= 1\r\n ? `0${e?.value}`\r\n : e?.value,\r\n \"expiryMonth\"\r\n );\r\n }}\r\n name=\"expiryMonth\"\r\n isSearchable={true}\r\n placeholder={t(\"Month\")}\r\n options={listMonthSelect.map((a) => {\r\n return {\r\n label: a,\r\n value: a,\r\n };\r\n })}\r\n />\r\n
\r\n {/*end::Input*/}\r\n \r\n {/*begin::Input*/}\r\n
\r\n {/*end::Input*/}\r\n \r\n {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e?.value?.toString(),\r\n \"expiryYear\"\r\n );\r\n }}\r\n name=\"expiryYear\"\r\n isSearchable={true}\r\n placeholder={t(\"Year\")}\r\n options={listYearSelect.map((a) => {\r\n return {\r\n label: a,\r\n value: a,\r\n };\r\n })}\r\n />\r\n\r\n {/* {errors.CardExpiryYear && touched.CardExpiryYear ? (\r\n
\r\n ) : null} */}\r\n \r\n \r\n {errors.CardExpiryYear}\r\n
\r\n \r\n {/*begin::Input*/}\r\n
\r\n \r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n {\r\n const length =\r\n e?.target?.value?.length;\r\n if (length > 4) {\r\n return false;\r\n } else {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e.target.value,\r\n \"cardCvc\"\r\n );\r\n }\r\n }}\r\n name=\"cardCvc\"\r\n />\r\n
\r\n\r\n {/* {errors.CardCvc && touched.CardCvc ? (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n * {errors.CardCvc}\r\n
\r\n ) : null} */}\r\n \r\n \r\n \r\n Powered by\r\n \r\n {data?.order?.processor === \"stripe\" ||\r\n data?.order?.processor === \"deliveryeaseStripe\" ? (\r\n
\r\n \r\n {\r\n setModalPaymentCard(false);\r\n }}\r\n >\r\n {t(\"Close\")}\r\n \r\n {\r\n if (!loadingPayout) {\r\n setLoadingPayout(true);\r\n\r\n setTimeout(async () => {\r\n \r\n valuesCard.orderId = currentId;\r\n valuesCard.expiryYear = extractLastTwoDigits(\r\n valuesCard.expiryYear\r\n );\r\n await apiCalll({\r\n method: \"POST\",\r\n link: `/Orders/MarkAsPaidByCard`,\r\n data: valuesCard,\r\n token: token,\r\n }).then((result) => {\r\n try {\r\n if (result?.length > 0 && result[0] === 200) {\r\n Swal.fire({\r\n position: \"top-center\",\r\n icon: \"success\",\r\n title: t(\"Successful payment\"),\r\n showConfirmButton: false,\r\n timer: 1500,\r\n });\r\n setModalPaymentCard(false);\r\n getData(currentId, token);\r\n setLoadingPayout(false);\r\n } else {\r\n ModelStateMessage(result);\r\n setLoadingPayout(false);\r\n }\r\n } catch (err) {\r\n setLoadingPayout(false);\r\n }\r\n });\r\n }, 988);\r\n\r\n }\r\n }}\r\n >\r\n {loadingPayout ? \"Please wait...\" : t(\"Pay now\")}\r\n \r\n
\r\n \r\n \r\n {\r\n if (!!data?.cardId && !!data?.cardToken && !loadingPayout) {\r\n\r\n setTimeout(async () => {\r\n valuesCard.stripeCardId = data?.cardId;\r\n valuesCard.stripeCardToken = data?.cardToken;\r\n valuesCard.orderId = currentId;\r\n await apiCalll({\r\n method: \"POST\",\r\n link: `/Orders/MarkAsPaidByCard`,\r\n data: valuesCard,\r\n token: token,\r\n }).then((result) => {\r\n try {\r\n if (\r\n result?.length > 0 &&\r\n result[0] === 200\r\n ) {\r\n Swal.fire({\r\n position: \"top-center\",\r\n icon: \"success\",\r\n title: t(\"Successful payment\"),\r\n showConfirmButton: false,\r\n timer: 1500,\r\n });\r\n setModalStripe(false);\r\n getData(currentId, token);\r\n setLoadingPayout(false);\r\n } else {\r\n ModelStateMessage(result);\r\n setLoadingPayout(false);\r\n }\r\n } catch (err) {\r\n setLoadingPayout(false);\r\n }\r\n });\r\n }, 988);\r\n } else {\r\n setLoadingPayout(false);\r\n }\r\n }}\r\n Billing={valuesCard}\r\n setbilling={setValuesCard}\r\n // sub={sub}\r\n formik={formik2}\r\n />\r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n setValueField(\r\n valuesCard,\r\n setValuesCard,\r\n e.target.value,\r\n \"cardName\"\r\n );\r\n }}\r\n />\r\n
\r\n \r\n \r\n Powered by\r\n {data?.order?.processor === \"stripe\" ||\r\n data?.order?.processor === \"deliveryeaseStripe\" ? (\r\n
\r\n \r\n {\r\n setModalStripe(false);\r\n }}\r\n >\r\n {t(\"Close\")}\r\n \r\n {\r\n setLoadingPayout(true);\r\n document.getElementById(\"Strip_billing_pay\").click();\r\n }}\r\n >\r\n {t(\"Pay now\")}\r\n {loadingPayout && (\r\n
\r\n \r\n setModalReasonSkip(false)}\r\n className=\"float-right\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n setReasonSkip(e.target.value);\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Bill;\r\n","import { useFormik } from 'formik';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport ReactSelect from 'react-select';\r\nimport Swal from 'sweetalert2';\r\nimport * as Yup from \"yup\";\r\nimport { toAbsoluteUrl } from '../../../_metronic/_helpers';\r\nimport { apiCalll, creditCardTypeFromNumber, ModelStateMessage400 } from '../../../_metronic/_helpers/apiHelpers';\r\nimport { currencyFormat } from '../../../_metronic/_helpers/GlobalHelpers';\r\n\r\nconst backgroundSchema = Yup.object().shape({\r\n cardName: Yup.string().required(\"Card name is required\"),\r\n cardNumber: Yup.string()\r\n .matches(/^\\d{13,19}$/, \"Card number must be 13 or 19 digits\")\r\n .required(\"Card number is required\"),\r\n expiryMonth: Yup.string().required(\"Expiry month is required\"),\r\n expiryYear: Yup.string().required(\"Expiry year is required\"),\r\n cvv: Yup.string().required(\"CVV is required\")\r\n .min(3, \"CVV must be at least 3 digits\")\r\n .max(4, \"CVV must be at most 4 digits\"),\r\n});\r\n\r\nconst initialValues = {\r\n price: 0,\r\n email: \"\",\r\n workLocationState: \"\",\r\n workLocationCountry: \"\",\r\n workLocationStateName: \"\",\r\n workLocationCountryName: \"\",\r\n cvv: \"\",\r\n cardName: \"\",\r\n cardNumber: \"\",\r\n expiryMonth: \"\",\r\n expiryYear: \"\",\r\n phone: \"\",\r\n firstName: \"\",\r\n lastName: \"\"\r\n};\r\nexport function BackgroundPayment(props) {\r\n const [token, setToken] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [showMessage, setShowMessage] = useState(false);\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: backgroundSchema,\r\n onSubmit: async (values, { setStatus, setSubmitting }) => {\r\n setLoading(true);\r\n await apiCalll({\r\n method: \"POST\",\r\n link: `/Checkr/driver/invite`,\r\n token: token,\r\n data: values,\r\n }).then(async (result) => {\r\n try {\r\n if (result.length > 0 && result[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"You payment for background check has been submitted successfully\",\r\n });\r\n setShowMessage(true);\r\n setLoading(false);\r\n } else {\r\n ModelStateMessage400(result);\r\n setLoading(false);\r\n }\r\n } catch (err) {\r\n setLoading(false);\r\n }\r\n });\r\n },\r\n });\r\n\r\n const t = (val) => val;\r\n const listMonth = [];\r\n const listMonthSelect = [];\r\n const listYear = [];\r\n const listYearSelect = [];\r\n var currentTime = new Date().getFullYear();\r\n for (let index = 1; index <= 12; index++) {\r\n if (index < 10) {\r\n listMonth.push();\r\n listMonthSelect.push(`0${index}`);\r\n }\r\n else {\r\n listMonth.push();\r\n listMonthSelect.push(index);\r\n }\r\n }\r\n for (let index = 0; index <= 20; index++) {\r\n listYear.push();\r\n listYearSelect.push(currentTime + index);\r\n }\r\n useEffect(() => {\r\n const tokenValue = window.location.search.replace(\"?token_id=\", \"\");\r\n if (!!tokenValue) {\r\n setToken(tokenValue);\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/Checkr/driver/backgroundCheckDetails`,\r\n token: tokenValue,\r\n }).then(async (result) => {\r\n try {\r\n if (result.length > 0 && result[0] === 200) {\r\n var a = result[1];\r\n formik.setFieldValue(\"price\", a?.details?.price)\r\n formik.setFieldValue(\"firstName\", a?.details?.firstName)\r\n formik.setFieldValue(\"lastName\", a?.details?.lastName)\r\n formik.setFieldValue(\"email\", a?.details?.email)\r\n formik.setFieldValue(\"phone\", a?.details?.phoneNumber ?? \"-\")\r\n formik.setFieldValue(\"workLocationCountry\", a?.details?.location?.countryCode);\r\n formik.setFieldValue(\"workLocationState\", a?.details?.location?.stateCode);\r\n\r\n // formik.setFieldValue(\"workLocationCountry\", a?.details?.location?.countryCode ?? \"-\")\r\n // formik.setFieldValue(\"workLocationState\", a?.details?.location?.stateCode ?? \"-\")\r\n formik.setFieldValue(\"workLocationStateName\", a?.details?.location?.stateName ?? \"-\")\r\n formik.setFieldValue(\"workLocationCountryName\", a?.details?.location?.countryName ?? \"-\")\r\n }\r\n } catch (err) { }\r\n });\r\n }\r\n }, []);\r\n function ImageCardNumber({ value }) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props?.billInfos?.rbcConfirmationNumber &&
\r\n\r\n \r\n EMT Confirmation Number: {props?.billInfos?.rbcConfirmationNumber} {`(${props?.billInfos?.rbcStatus})`} \r\n
}\r\n {props?.invoices?.rbcConfirmationNumber &&\r\n EMT Confirmation Number: {props?.invoices?.rbcConfirmationNumber} {`(${props?.invoices?.rbcStatus})`} \r\n
}\r\n\r\n BILL {props?.invoices?.billNumber && \"#\"+props?.invoices?.billNumber} {props?.billInfos?.billNumber && \"#\"+props?.billInfos?.billNumber}\r\n
\r\n {(props?.startDate && props?.endDate) &&\r\n
}\r\n {(props?.invoices?.startDate && props?.invoices?.endDate) && Pay Period :
\r\n\r\n {\r\n moment(props?.startDate).format(\"MMMM DD, YYYY\")\r\n }\r\n {\" - \"}\r\n {\r\n moment(props?.endDate).format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
}\r\n Pay Period :
\r\n\r\n {\r\n moment(props?.invoices?.startDate).format(\"MMMM DD, YYYY\")\r\n }\r\n {\" - \"}\r\n {\r\n moment(props?.invoices?.endDate).format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
\r\n Date of issue
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
\r\n Date due
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n { props?.invoices?.businessName || \"DeliveryEase Inc.\"}\r\n
\r\n {!props?.invoices?.address && <>\r\n\r\n 2100 Bloor Street West\r\n
\r\n \r\n Suite 6164\r\n
\r\n \r\n Toronto, ON, M6S 5A5\r\n
\r\n }\r\n {props?.invoices?.address && <>\r\n \r\n {props?.invoices?.address?.line1}\r\n
\r\n {props?.invoices?.address?.line2 && (\r\n \r\n {props?.invoices?.address?.line2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.address?.city}{\", \"}\r\n {props?.invoices?.address?.state}{\", \"}\r\n {props?.invoices?.address?.postalCode}\r\n
\r\n \r\n {props?.invoices?.address?.country === \"CA\" ? \"Canada\" : props?.invoices?.address?.country}\r\n
\r\n }\r\n \r\n accounting@deliveryease.co\r\n
\r\n \r\n +1 (855) 272-7625\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Paid to:
\r\n\r\n {props?.invoices?.driverDetails?.name}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.address1}\r\n
\r\n {props?.invoices?.driverDetails?.address2 && (\r\n \r\n {props?.invoices?.driverDetails?.address2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.driverDetails?.city}{\" \"}\r\n {props?.invoices?.driverDetails?.state}{\" \"}\r\n {props?.invoices?.driverDetails?.zipCode}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.country}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.phoneNumber}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.email}\r\n
\r\n {props?.invoices?.hst && !props?.showValid && \r\n Tax ID: {props?.invoices?.hst} {GetHSTStatusWidget(props?.invoices?.hstVerificationStatusCode)}\r\n
}\r\n {props?.invoices?.hst && props?.showValid && props?.invoices?.hstVerificationStatusCode === \"valid\" && \r\n Tax ID: {props?.invoices?.hst}\r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n {formatCurrency(props?.invoices?.totalPayedWithTips + (props?.extra || 0))} due{\" \"}\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n Payment method:\r\n {props.showBtnPay ? (\r\n obj.value === props?.withStripe\r\n )}\r\n onChange={(e) => {\r\n props.setWithStripe(e.value);\r\n if (props.ids.length === 0) {\r\n props.handleGetPayoutEverything(e.value);\r\n }\r\n }}\r\n />\r\n ) : (\r\n \r\n {(props?.withStripe ||props?.invoices?.withStripe ) ? \"Stripe\" : \"EMT\"}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n {props?.invoices?.ordersCount}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalCharge)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalAdditionalCharges)}\r\n | \r\n
| \r\n {new Intl.NumberFormat(\"en-US\").format(props?.invoices?.pfcCount)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalPfc)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.subTotal)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.stripeFee)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.amount)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.hstTax)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalWithTax)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.tips)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalDriverAdjustments)}\r\n | \r\n
| \r\n {props.showBtnPay && (\r\n | \r\n
| \r\n | \r\n
\r\n \r\n {formatCurrency(\r\n props?.invoices?.totalPayedWithTips + (props?.extra || 0)\r\n )}\r\n\r\n | \r\n
\r\n
\r\n \r\n DeliveryEase Inc.\r\n
\r\n\r\n Humbled to be your pharmacy delivery partner 🙂\r\n
\r\n\r\n \r\n {\r\n e.preventDefault();\r\n formik.handleSubmit();\r\n }}\r\n disabled={formik.isSubmitting || loading}\r\n className={`btn btn-info font-weight-bold px-9 py-4 my-3 w-100`}\r\n >\r\n {t(\"Pay now\")}\r\n {loading && }\r\n \r\n }\r\n {/*end::Form*/}\r\n
\r\n )\r\n}\r\n","import create from 'zustand';\r\n\r\nconst AuthSTockData = create((set) => ({\r\n loginData: {\r\n isBackup: null,\r\n username: '',\r\n password: '',\r\n code: '',\r\n },\r\n setLoginData: ({ username, password, code, isBackup }) => set((state) => ({\r\n loginData: {\r\n ...state.loginData,\r\n isBackup: isBackup !== undefined ? isBackup : state.loginData.isBackup,\r\n username: username !== undefined ? username : state.loginData.username,\r\n password: password !== undefined ? password : state.loginData.password,\r\n code: code !== undefined ? code : state.loginData.code,\r\n },\r\n })),\r\n}));\r\n\r\nexport default AuthSTockData;\r\n","import React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { connect } from \"react-redux\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { login } from \"../_redux/authCrud\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { translateAuto } from \"../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport useAuthStore from \"./Two-factor/authStore\";\r\nimport AuthSTockData from \"./Two-factor/AuthSTockData\";\r\n\r\n/*\r\n INTL (i18n) docs:\r\n https://github.com/formatjs/react-intl/blob/master/docs/Components.md#formattedmessage\r\n*/\r\n\r\n/*\r\n Formik+YUP:\r\n https://jaredpalmer.com/formik/docs/tutorial#getfieldprops\r\n*/\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\",\r\n};\r\n\r\nfunction Login(props) {\r\n const { intl } = props;\r\n console.log(props)\r\n const { t } = useTranslation();\r\n const [loading, setLoading] = useState(false);\r\n const LoginSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(translateAuto(\"Wrong email format\"))\r\n .min(3, translateAuto(\"Minimum 3 symbols\"))\r\n .max(50, translateAuto(\"Maximum 50 symbols\"))\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n password: Yup.string()\r\n .min(3, translateAuto(\"Minimum 3 symbols\"))\r\n .max(50, translateAuto(\"Maximum 50 symbols\"))\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n });\r\n\r\n const enableLoading = () => {\r\n setLoading(true);\r\n };\r\n\r\n const disableLoading = () => {\r\n setLoading(false);\r\n };\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n const history = useHistory();\r\n const { setLoginData } = useAuthStore();\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: LoginSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n // Swal.fire(\"Good job!\", \"You clicked the button!\", \"success\");\r\n // return;\r\n enableLoading();\r\n\r\n setTimeout(() => {\r\n login(values.email, values.password,null ,null)\r\n .then((data) => {\r\n AuthSTockData.getState().setLoginData({\r\n username: values.email,\r\n password: values.password,\r\n code: '',\r\n isBackup:'',\r\n \r\n });\r\n if (!!data?.data?.data?.token === true && data?.data?.data?.twoFactorEnabled === true) {\r\n props.login(data?.data?.accessToken);\r\n } else {\r\n if (data?.data?.data?.twoFactorReminded) {\r\n props.login(data?.data?.accessToken);\r\n } else {\r\n if (data?.data?.data?.twoFactorEnabled === true) {\r\n disableLoading();\r\n props.history.push(\"/auth/verification\");\r\n // props.login(data?.data?.accessToken);\r\n } else {\r\n setLoginData(data)\r\n props.history.push(\"/auth/twoFactor\");\r\n }\r\n }\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\"textt\")\r\n disableLoading();\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\r\n })\r\n );\r\n });\r\n }, 1000);\r\n },\r\n });\r\n\r\n const [showPassword, setShowPassword] = useState(false);\r\n\r\n return (\r\n \r\n
\r\n {showMessage ? (\r\n \r\n 🎉 Thank you! Your payment was successful. We're processing your background check, and you’ll receive updates soon!\r\n \r\n ) : \r\n \r\n Background check payment\r\n
\r\n\r\n \r\n ${currencyFormat(formik.values.price)}\r\n
\r\n \r\n \r\n {formik.values.firstName} {formik.values.lastName}\r\n
\r\n \r\n \r\n {formik.values.email}\r\n
\r\n \r\n \r\n {formik.values.workLocationCountryName}\r\n
\r\n \r\n \r\n {formik.values?.workLocationStateName}\r\n
\r\n \r\n \r\n {\r\n formik.setFieldValue(\r\n \"cardName\",\r\n e.target.value\r\n );\r\n }}\r\n />\r\n {formik.touched.cardName && formik.errors.cardName ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.cardName}
\r\n \r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n {\r\n formik.setFieldValue(\r\n \"cardNumber\",\r\n e.target.value\r\n );\r\n }}\r\n />\r\n {formik.values.cardNumber !== \"\" && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {formik.touched.cardNumber && formik.errors.cardNumber ? (\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.cardNumber}
\r\n \r\n
\r\n \r\n {/*begin::Input*/}\r\n
\r\n\r\n \r\n \r\n {\r\n return {\r\n label: a,\r\n value: a,\r\n };\r\n })}\r\n onChange={(e) => {\r\n formik.setFieldValue(\r\n \"expiryMonth\",\r\n e.value.toString()\r\n );\r\n }}\r\n />\r\n {formik.touched.expiryMonth && formik.errors.expiryMonth ? (\r\n
\r\n {/*end::Input*/}\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.expiryMonth}
\r\n \r\n {/*begin::Input*/}\r\n
\r\n\r\n \r\n {\r\n return {\r\n label: a.toString().slice(-2),\r\n value: a.toString().slice(-2),\r\n };\r\n }\r\n )\r\n }\r\n onChange={(e) => {\r\n formik.setFieldValue(\r\n \"expiryYear\",\r\n e.value.toString()\r\n );\r\n }}\r\n />\r\n {formik.touched.expiryYear && formik.errors.expiryYear ? (\r\n
\r\n {/*end::Input*/}\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.expiryYear}
\r\n \r\n {/*begin::Input*/}\r\n
\r\n \r\n \r\n
\r\n {/*end::Input*/}\r\n \r\n {\r\n formik.setFieldValue(\r\n \"cvv\",\r\n e.target.value\r\n );\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {formik.touched.cvv && formik.errors.cvv ? (\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.cvv}
\r\n \r\n {/* begin::Head */}\r\n \r\n \r\n {t(\"Sign_In\")}\r\n {loading && }\r\n \r\n \r\n {t(\"Sign_In\")}\r\n {loading && }\r\n \r\n \r\n {/*end::Form*/}\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Login));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport Swal from \"sweetalert2\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport ReactSelect from \"react-select\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { translateAuto } from \"../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n firstname: \"\",\r\n lastname: \"\",\r\n phoneNumber: \"\",\r\n companyName: \"\",\r\n role: \"BUSINESSMANAGER\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zipCode: \"\",\r\n country: \"\",\r\n site: \"\",\r\n inviteReferral:\"\",\r\n};\r\n\r\nconst customStyles = {\r\n control: (base, state) => ({\r\n ...base,\r\n width: \"100%\",\r\n padding: \"0.6rem\",\r\n backgroundColor: \"#f3f6f9\",\r\n borderColor: \"#f3f6f9\",\r\n }),\r\n};\r\n\r\nfunction Registration(props) {\r\n const { t } = useTranslation();\r\n const currentlang = localStorage.getItem(\"i18nConfig\");\r\n const [loading, setLoading] = useState(false);\r\n const [Steps, setSteps] = useState(0);\r\n const [countries, setCountries] = useState([]);\r\n const [states, setStates] = useState([]);\r\n const [showPassword, setShowPassword] = useState(false);\r\n // const { intl } = props;\r\n const RegistrationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(translateAuto(\"Wrong email format\"))\r\n .required(translateAuto(\"Email is required\")),\r\n password: Yup.string()\r\n .min(8, translateAuto(\"Minimum 8 symbols\"))\r\n .max(50, translateAuto(\"Maximum 50 symbols\"))\r\n .matches(\r\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/,\r\n translateAuto(\"Must Contain 8 Characters, One Uppercase, One Lowercase, One Number and one special case Character\")\r\n )\r\n .required(translateAuto(\"Password is required\")),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref(\"password\"), null], translateAuto(\"Passwords must match\"))\r\n .required(translateAuto(\"Confirm Password is required\")),\r\n firstname: Yup.string().required(translateAuto(\"First Name is required\")),\r\n lastname: Yup.string().required(translateAuto(\"Last Name is required\")),\r\n phoneNumber: Yup.string().required(translateAuto(\"Phone Number is required\")),\r\n companyName: Yup.string().required(translateAuto(\"Company Name is required\")),\r\n role: Yup.string().required(translateAuto(\"Role is required\")),\r\n address1: Yup.string().required(translateAuto(\"Address 1 is required\")),\r\n city: Yup.string().required(translateAuto(\"City is required\")),\r\n state: Yup.string().required(translateAuto(\"State is required\")),\r\n zipCode: Yup.string().required(translateAuto(\"Zip Code is required\")),\r\n country: Yup.string().required(translateAuto(\"Country is required\")),\r\n});\r\n\r\n function checkPassword(password) {\r\n var re = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/;\r\n return re.test(password);\r\n }\r\n const [IvLink, setIvLink] = useState(\"\");\r\n function GetInvite() { \r\n const currentUrl = window.location.href;\r\n // Use URLSearchParams to parse the URL and get the value of \"ir\"\r\n const urlParams = new URLSearchParams(currentUrl);\r\n const irValue = urlParams.get('ir');\r\n setIvLink(irValue)\r\n console.log(irValue);\r\n }\r\n\r\n function handleRegister(data) {\r\n setLoading(true);\r\n fetch(`${BASE_URL}/Account/Register`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n \"Accept-Language\": JSON.parse(currentlang)?.selectedLang,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(data),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const data = await response.json();\r\n return [statusCode, data];\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setLoading(false);\r\n props.history.push(\"/activateaccount\");\r\n } else if (data[0] === 400 && data[1].message) {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n setLoading(false);\r\n for (const [key, value] of Object.entries(data[1].errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n }\r\n\r\n const getCountires = () => {\r\n fetch(`${BASE_URL}/Generic/Countries`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n let tt = data[1]?.countries.map((country) => {\r\n return { value: country.name, label: country.name };\r\n });\r\n setCountries(tt);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n const getStates = (code) => {\r\n console.log(\"code\", code);\r\n fetch(`${BASE_URL}/Generic/States?name=${code}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n let tt = data[1]?.states.map((state) => {\r\n return { value: state.name, label: state.name };\r\n });\r\n setStates(tt);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useState(() => {\r\n GetInvite();\r\n getCountires();\r\n }, []);\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: RegistrationSchema,\r\n onSubmit: (values) => {\r\n var url_string = window.location.href;\r\n if (url_string !== \"\") {\r\n var url = new URL(url_string);\r\n values.roleInviteCode = url.searchParams.get(\"r\");\r\n values.userInviteCode = url.searchParams.get(\"c\");\r\n }\r\n handleRegister(values);\r\n },\r\n });\r\n \r\n useEffect(()=>{\r\n if(!!IvLink === true){\r\n formik.setFieldValue(\"inviteReferral\",IvLink)\r\n }\r\n },[IvLink])\r\n return (\r\n \r\n
\r\n {/* end::Head */}\r\n\r\n {/*begin::Form*/}\r\n {t(\"Sign in to your account\")}
\r\n\r\n
\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.email}
\r\n \r\n
\r\n \r\n {\r\n setShowPassword(!showPassword);\r\n }}\r\n >\r\n \r\n \r\n
\r\n {formik.touched.password && formik.errors.password ? (\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.password}
\r\n \r\n \r\n {/*
\r\n \r\n \r\n {/* begin: Alert */}\r\n {formik.status && (\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Registration));\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link, Redirect, useHistory } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { translateAuto } from \"../../../../_metronic/_helpers/GlobalHelpers\";\r\n\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\nconst initialValues = {\r\n email: \"\",\r\n};\r\n\r\nfunction ForgotPassword(props) {\r\n const { t } = useTranslation();\r\n const currentlang = localStorage.getItem(\"i18nConfig\");\r\n const { intl } = props;\r\n const [isRequested, setIsRequested] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const history = useHistory();\r\n\r\n const ForgotPasswordSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(translateAuto(\"Wrong email format\"))\r\n .min(3, translateAuto(\"Minimum 3 symbols\"))\r\n .max(50, translateAuto(\"Maximum 50 symbols\"))\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n });\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const handleForgotPassword = (values) => {\r\n setLoading(true);\r\n fetch(`${BASE_URL}/Account/ForgetPassword`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n \"Accept-Language\": JSON.parse(currentlang)?.selectedLang,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(values),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: t(\"success\"),\r\n text: t(\r\n \"We have sent you an email with a link to reset your password\"\r\n ),\r\n });\r\n setLoading(false);\r\n setIsRequested(true);\r\n } else if (data[0] === 400 && data[1]?.message) {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1]?.message,\r\n });\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: t(\"Something went wrong!. Please try again later\"),\r\n });\r\n setIsRequested(false);\r\n }\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: ForgotPasswordSchema,\r\n onSubmit: (values) => {\r\n handleForgotPassword(values);\r\n },\r\n });\r\n\r\n return (\r\n <>\r\n {isRequested && \r\n
\r\n )}\r\n {/* end: Alert */}\r\n {Steps === 0 ? (\r\n {formik.status}
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {Steps === 1 ? (\r\n \r\n
\r\n {/* begin: Fullname */}\r\n \r\n {\" \"}\r\n {t(\"Register Business Account!\")}\r\n
\r\n\r\n
\r\n {/* end: Fullname */}\r\n\r\n {/* begin: Email */}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.firstname}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.lastname}\r\n
\r\n \r\n
\r\n {/* end: Email */}\r\n {/* begin: site */}\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.email}\r\n
\r\n \r\n
\r\n {/* end: site */}\r\n {/* begin: Phone */}\r\n \r\n formik.setFieldValue(\"phoneNumber\", value)}\r\n />\r\n {formik.touched.phoneNumber && formik.errors.phoneNumber ? (\r\n
\r\n {/* end: Phone */}\r\n {/* begin: Password */}\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.phoneNumber}\r\n
\r\n \r\n
\r\n {/* end: Password */}\r\n\r\n {/* begin: Confirm Password */}\r\n \r\n {\r\n setShowPassword(!showPassword);\r\n }}\r\n >\r\n \r\n \r\n
\r\n {formik.touched.password && formik.errors.password ? (\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.password}\r\n
\r\n \r\n
\r\n {/* end: Confirm Password */}\r\n\r\n {/* begin: Terms and Conditions */}\r\n {/* \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.confirmPassword}\r\n
\r\n \r\n \r\n {formik.touched.acceptTerms && formik.errors.acceptTerms ? (\r\n
*/}\r\n {/* end: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.acceptTerms}
\r\n \r\n \r\n \r\n {t(\"Cancel\")}\r\n \r\n \r\n {\r\n if (\r\n formik.values.firstname === \"\" ||\r\n formik.values.lastname === \"\" ||\r\n formik.values.email === \"\" ||\r\n formik.values.phoneNumber === \"\" ||\r\n formik.values.password === \"\" ||\r\n formik.values.confirmPassword === \"\"\r\n ) {\r\n formik.setFieldTouched(\"firstname\", true);\r\n formik.setFieldTouched(\"lastname\", true);\r\n formik.setFieldTouched(\"email\", true);\r\n formik.setFieldTouched(\"site\", true);\r\n formik.setFieldTouched(\"phoneNumber\", true);\r\n formik.setFieldTouched(\"password\", true);\r\n formik.setFieldTouched(\"confirmPassword\", true);\r\n } else {\r\n if (\r\n checkPassword(formik.values.password) &&\r\n formik.values.password === formik.values.confirmPassword\r\n ) {\r\n setSteps(1);\r\n }\r\n }\r\n }}\r\n className=\"btn btn-info font-weight-bold px-9 py-4 my-3\"\r\n >\r\n {t(\"Next\")}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {Steps === 2 ? (\r\n \r\n
\r\n {/* begin: Company */}\r\n {t(\"Company info\")}
\r\n\r\n
\r\n {/* end: Company */}\r\n\r\n {/* begin: Address1 */}\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n * {formik.errors.companyName}\r\n
\r\n \r\n
\r\n {/* end: Address1 */}\r\n\r\n {/* begin: Address2 */}\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.address1}\r\n
\r\n \r\n
\r\n {/* end: Address2 */}\r\n\r\n {/* begin: City & State */}\r\n \r\n
\r\n {/* end: City & State */}\r\n\r\n {/* begin: Zip & Country */}\r\n \r\n {\r\n return {\r\n value: item.value,\r\n label: item.label,\r\n };\r\n }) || []\r\n }\r\n placeholder=\"Country*\"\r\n className=\"basic-single\"\r\n classNamePrefix=\"select\"\r\n onChange={(e) => {\r\n formik.setFieldValue(\"country\", e.value);\r\n getStates(e.value);\r\n }}\r\n />\r\n {formik.touched.country && formik.errors.country ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.country}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n *{formik.errors.city}\r\n
\r\n \r\n
\r\n {/* end: City & State */}\r\n \r\n {/* end: Terms and Conditions */}\r\n \r\n {\r\n return {\r\n value: item.label,\r\n label: item.label,\r\n };\r\n }) || []\r\n }\r\n placeholder={t(\"State*\")}\r\n className=\"basic-single\"\r\n classNamePrefix=\"select\"\r\n onChange={(e) => {\r\n formik.setFieldValue(\"state\", e.value);\r\n }}\r\n />\r\n {formik.touched.state && formik.errors.state ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.state}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n * {formik.errors.zipCode}\r\n
\r\n \r\n {\r\n setSteps(0);\r\n }}\r\n type=\"button\"\r\n className=\"btn btn-light-info font-weight-bold px-9 py-4 my-3\"\r\n >\r\n {t(\"Previous\")}\r\n \r\n {\r\n if (\r\n formik.values.companyName === \"\" ||\r\n formik.values.address1 === \"\" ||\r\n formik.values.city === \"\" ||\r\n formik.values.state === \"\" ||\r\n formik.values.zipCode === \"\" ||\r\n formik.values.country === \"\"\r\n ) {\r\n formik.setFieldTouched(\"companyName\", true);\r\n formik.setFieldTouched(\"address1\", true);\r\n formik.setFieldTouched(\"city\", true);\r\n formik.setFieldTouched(\"state\", true);\r\n formik.setFieldTouched(\"zipCode\", true);\r\n formik.setFieldTouched(\"country\", true);\r\n } else {\r\n setSteps(2);\r\n }\r\n }}\r\n className=\"btn btn-info font-weight-bold px-9 py-4 my-3\"\r\n >\r\n Next\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n Review your Details and Submit
\r\nInformation:
\r\n\r\n
\r\n \r\n {/*begin::Section*/}\r\n \r\n {formik.values.firstname + \" \" + formik.values.lastname}\r\n
\r\n {formik.values.companyName}
\r\n {formik.values.email}
\r\n {formik.values.site}
\r\n {formik.values.phoneNumber}
\r\n Current Address:
\r\n\r\n
\r\n {/*end::Section*/}\r\n \r\n {/* end: Terms and Conditions */}\r\n {formik.values.address1}
\r\n {formik.values.address2 ? formik.values.address2 : \"\"}
\r\n \r\n {formik.values.city +\r\n \", \" +\r\n formik.values.state +\r\n \", \" +\r\n formik.values.country +\r\n \", \" +\r\n formik.values.zipCode}\r\n
\r\n \r\n {\r\n setSteps(1);\r\n }}\r\n type=\"button\"\r\n className=\"btn btn-light-info font-weight-bold px-9 py-4 my-3\"\r\n >\r\n Previous\r\n \r\n \r\n Submit\r\n {loading && (\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {/* {formik.status && (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(ForgotPassword));\r\n","import React from \"react\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport { connect } from \"react-redux\";\r\nimport * as auth from \"../_redux/authRedux\";\r\n\r\n\r\n\r\nfunction Terms(props) {\r\n\r\n\r\n return (\r\n\r\n \r\n
\r\n {t(\"Forgotten Password\")}
\r\n\r\n {t(\"Enter your email to reset your password\")}\r\n
\r\n \r\n
\r\n )} */}\r\n \r\n {formik.status}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.email}
\r\n \r\n \r\n {t(\"Submit\")}\r\n \r\n \r\n \r\n {t(\"Cancel\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Terms));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function Activationemail() {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n var url = new URL(window.location.href);\r\n var code = url.searchParams.get(\"code\");\r\n const [accountverified, setaccountverified] = useState(true);\r\n const {t} = useTranslation();\r\n\r\n useEffect(() => {\r\n console.log(code)\r\n sendCodeFunction(code);\r\n }, [code]);\r\n\r\n function sendCodeFunction(params) {\r\n if (params !== null && params !== \"\" && params !== undefined) {\r\n var myHeaders = new Headers();\r\n myHeaders.append(\"Content-Type\", \"application/json\");\r\n var raw = JSON.stringify({\r\n Code: params,\r\n });\r\n\r\n var requestOptions = {\r\n method: \"POST\",\r\n headers: myHeaders,\r\n body: raw,\r\n redirect: \"follow\",\r\n };\r\n\r\n fetch(`${BASE_URL}/Account/ConfirmEmail`, requestOptions)\r\n .then((response) => response.text())\r\n .then((result) => {\r\n setaccountverified(true);\r\n })\r\n .catch((error) => console.log(\"error\", error));\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Terms ans conditions
\r\n\r\n
\r\n \r\n
\r\n Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\nContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/*end::Login*/}\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function Activationemaildriver() {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n var url = new URL(window.location.href);\r\n var code = url.searchParams.get(\"code\");\r\n const [accountverified, setaccountverified] = useState(true);\r\n const {t} = useTranslation();\r\n\r\n useEffect(() => {\r\n sendCodeFunction(code);\r\n }, [code]);\r\n\r\n function sendCodeFunction(params) {\r\n if (params !== null && params !== \"\" && params !== undefined) {\r\n var myHeaders = new Headers();\r\n myHeaders.append(\"Content-Type\", \"application/json\");\r\n var raw = JSON.stringify({\r\n Code: params,\r\n });\r\n\r\n var requestOptions = {\r\n method: \"POST\",\r\n headers: myHeaders,\r\n body: raw,\r\n redirect: \"follow\",\r\n };\r\n\r\n fetch(`${BASE_URL}/Account/ConfirmEmail`, requestOptions)\r\n .then((response) => response.text())\r\n .then((result) => {\r\n setaccountverified(true);\r\n })\r\n .catch((error) => console.log(\"error\", error));\r\n }\r\n }\r\n\r\n return (\r\n \r\n {/*begin::Login Header*/}\r\n
\r\n \r\n \r\n
\r\n {/*end::Login Header*/}\r\n {/*begin::Login Sign in form*/}\r\n \r\n
\r\n \r\n
\r\n \r\n {!accountverified ? (\r\n <>\r\n
\r\n \r\n {t(\"Verify your email\")}\r\n
\r\n \r\n ) : (\r\n <>\r\n\r\n {t(\"Welcome To Rxpress\")}\r\n
\r\n \r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {!accountverified ? (\r\n <>\r\n
\r\n \r\n {t(\"We have sent an email from\")}{\" \"}\r\n \r\n support@deliveryease.co\r\n\r\n \r\n
\r\n {t(\"verify email\")}\r\n
\r\n {t(\"If you didn’t receive any email. Please\")}{\" \"}\r\n {t(\"Contact us\")}\r\n
\r\n \r\n {t(\"verify email\")}\r\n
\r\n {t(\"If you didn’t receive any email. Please\")}{\" \"}\r\n {t(\"Contact us\")}\r\n
\r\n \r\n {t(\"Log in\")}\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n
\r\n Your account has been created successfully.\r\n
\r\n Please check your email to verify your account.\r\n
\r\n \r\n Your account has been created successfully.\r\n
\r\n Please check your email to verify your account.\r\n
\r\n \r\n {t(\"Log In\")}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n {/*end::Login*/}\r\n \r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { translateAuto } from \"../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\n\r\nfunction ResetPassword(props) {\r\n const { t } = useTranslation();\r\n const { intl } = props;\r\n const [isRequested, setIsRequested] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const history = useHistory();\r\n\r\n var url2 = window.location.search;\r\n let param = url2?.replace(\"?code=\", \"\");\r\n let token = param?.split(\",,,\")[0];\r\n var email = param?.split(\",,,\")[1];\r\n\r\n const ForgotPasswordSchema = Yup.object().shape({\r\n password: Yup.string()\r\n .required(translateAuto(\"Password is required\"))\r\n .min(6, translateAuto(\"Password must be at least 6 characters long\"))\r\n .matches(/[A-Z]/, translateAuto(\"Password must contain at least one uppercase letter\"))\r\n .matches(/\\d/, translateAuto(\"Password must contain at least one digit\"))\r\n .matches(/\\W/, translateAuto(\"Password must contain at least one non-alphanumeric character\")),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref(\"password\"), null], translateAuto(\"Passwords must match\"))\r\n .required(translateAuto(\"Confirm Password is required\")),\r\n });\r\n\r\n const initialValues = {\r\n email: email,\r\n password: \"\",\r\n token: token,\r\n confirmPassword: \"\",\r\n };\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n // handle forgot password\r\n const handleResetPassword = (values) => {\r\n setLoading(true);\r\n fetch(`${BASE_URL}/Account/ResetPassword`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(values),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: t(\"Password reset successfully\"),\r\n });\r\n setLoading(false);\r\n setIsRequested(true);\r\n } else if (data[0] === 400 && data[1].errors) {\r\n setLoading(false);\r\n for (var i = 0; i < data[1].errors.length; i++) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].errors[i].description,\r\n });\r\n }\r\n setIsRequested(false);\r\n } \r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 500) {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: t(\"Something went wrong!. Please try again later\"),\r\n });\r\n setIsRequested(false);\r\n }\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n });\r\n };\r\n const [showPassword, setShowPassword] = useState(false);\r\n const [showconfirmPassword, setshowconfirmPassword] = useState(false);\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: ForgotPasswordSchema,\r\n onSubmit: (values) => {\r\n handleResetPassword(values);\r\n },\r\n });\r\n\r\n return (\r\n <>\r\n {isRequested && \r\n {/*begin::Login Header*/}\r\n
\r\n \r\n \r\n
\r\n {/*end::Login Header*/}\r\n {/*begin::Login Sign in form*/}\r\n \r\n
\r\n \r\n
\r\n \r\n {!accountverified ? (\r\n <>\r\n
\r\n \r\n {t(\"Verify your email\")}\r\n
\r\n \r\n ) : (\r\n <>\r\n\r\n {t(\"Welcome To Rxpress\")}\r\n
\r\n \r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {!accountverified ? (\r\n <>\r\n
\r\n \r\n {t(\"We have sent an email from\")}{\" \"}\r\n \r\n support@deliveryease.co\r\n \r\n
\r\n {t(\"verify email\")}\r\n
\r\n {t(\"If you didn’t receive any email. Please\")}{\" \"}\r\n {t(\"Contact us\")}\r\n
\r\n \r\n {t(\"verify email\")}\r\n
\r\n {t(\"If you didn’t receive any email. Please\")}{\" \"}\r\n {t(\"Contact us\")}\r\n
\r\n \r\n {t(\"Log in\")}\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n support@deliveryease.co\r\n \r\n
\r\n {t(\"link for help\")} \r\n
\r\n \r\n {t(\"link for help\")} \r\n
\r\n Open the app\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(ResetPassword));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Modal, Spinner } from \"react-bootstrap\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../../_redux/authRedux\";\r\nimport { login } from \"../../_redux/authCrud\";\r\nimport { connect } from \"react-redux\";\r\nimport useAuthStore from \"./authStore\";\r\nimport { apiCalll } from \"../../../../../_metronic/_helpers/apiHelpers\";\r\n\r\nfunction TwoFactor(props) {\r\n console.log(props)\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n var url = new URL(window.location.href);\r\n var code = url.searchParams.get(\"code\");\r\n const [accountverified, setaccountverified] = useState(true);\r\n const { t } = useTranslation();\r\n const [show, setShow] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [showEX, setshowEX] = useState(false);\r\n\r\n const { loginData } = useAuthStore();\r\n console.log(loginData)\r\n useEffect(() => {\r\n console.log(loginData)\r\n if (loginData === null) {\r\n props.history.push(\"/auth/login\");\r\n }\r\n }, [loginData])\r\n return (\r\n \r\n
\r\n {t(\"Reset Password !\")}
\r\n\r\n
\r\n \r\n {\r\n setShowPassword(!showPassword);\r\n }}\r\n >\r\n \r\n \r\n
\r\n {formik.touched.password && formik.errors.password ? (\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.password}
\r\n \r\n
\r\n \r\n {\r\n setshowconfirmPassword(!showconfirmPassword);\r\n }}\r\n >\r\n \r\n \r\n
\r\n {formik.touched.confirmPassword && formik.errors.confirmPassword ? (\r\n \r\n
\r\n ) : null}\r\n * {formik.errors.confirmPassword}
\r\n \r\n \r\n {t(\"Submit\")}\r\n \r\n \r\n \r\n {t(\"Cancel\")}\r\n \r\n \r\n
\r\n \r\n \r\n setShow(false)}\r\n aria-labelledby=\"example-modal-sizes-title-lg\"\r\n >\r\n \r\n \r\n {t(\"Accounts without MFA may be less secure\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n );\r\n}\r\nexport default injectIntl(connect(null, auth.actions)(TwoFactor));\r\n\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { login } from \"../_redux/authCrud\";\r\nimport { connect } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport ReactCodeInput from 'react-verification-code-input'\r\nimport * as Yup from \"yup\";\r\nimport AuthSTockData from \"./Two-factor/AuthSTockData\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nconst initialValues = {\r\n code: \"\",\r\n};\r\nfunction VerificationCode(props) {\r\n const { intl } = props;\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [loading, setLoading] = useState(false);\r\n const { t } = useTranslation();\r\n const [BackUp, setBackUp] = useState(false);\r\n const [Type, setType] = useState(\"number\");\r\n const [accessToken, setaccessToken] = useState(null);\r\n const [Token, setToken] = useState(null);\r\n\r\n const [Steps, setSteps] = useState(0);\r\n const [portalIdArray, setPortalIdArray] = useState([]);\r\n\r\n useEffect(() => {\r\n // Fetch the existing array from localStorage\r\n const storedPortalIdArray = JSON.parse(localStorage.getItem('portalId')) || [];\r\n\r\n // Set the array in state\r\n setPortalIdArray(storedPortalIdArray);\r\n }, []);\r\n const handleSavePortalId = (email , portalId) => {\r\n // Ensure both email and portalId are available\r\n if (email && portalId) {\r\n // Create a new object with email and portalId\r\n const newPortalIdObject = { email, portalId };\r\n \r\n // Update the array in state by adding the new object\r\n setPortalIdArray([...portalIdArray, newPortalIdObject]);\r\n \r\n // Update localStorage with the new array\r\n localStorage.setItem('portalId', JSON.stringify([...portalIdArray, newPortalIdObject]));\r\n \r\n // Clear the email and portalId in state after saving\r\n }\r\n };\r\n const LoginSchema = Yup.object().shape({\r\n code: Yup.string()\r\n .required(\"Code field is required\"),\r\n });\r\n const enableLoading = () => {\r\n setLoading(true);\r\n };\r\n\r\n const disableLoading = () => {\r\n setLoading(false);\r\n };\r\n const [code, setCode] = useState(0); // Assuming you have a state for the code\r\n\r\n const handleCodeChange = (code) => {\r\n formik.setFieldValue(\"code\", code)\r\n \r\n }\r\n const handleButtonClick = () => {\r\n // Incrementing the key will force remounting of ReactCodeInput\r\n formik.setFieldValue(\"code\", '')\r\n setCode((prevKey) => prevKey + 1);\r\n };\r\n const state = AuthSTockData.getState();\r\n useEffect(() => {\r\n AuthSTockData.getState().setLoginData({\r\n isBackup: false,\r\n });\r\n }, [])\r\n useEffect(() => {\r\n if (!!state.loginData.password === false) {\r\n props.history.push(\"/auth/login\");\r\n }\r\n }, [state])\r\n const [deviceInfo, setDeviceInfo] = useState({\r\n name: '',\r\n publicIpAddress: '',\r\n hostName: '',\r\n platform: '',\r\n osVersion: '',\r\n deviceId: '',\r\n macAddress: '',\r\n });\r\n const PutVerification = () => {\r\n fetch(`${BASE_URL}/Account/TwoFactorAuthentication/ValidationDevice`, {\r\n method: \"PUT\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + Token,\r\n },\r\n Allow: \"PUT\",\r\n body: JSON.stringify(deviceInfo),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n // localStorage.setItem('portalId', data[1]?.portalId);\r\n handleSavePortalId( state.loginData.username,data[1]?.portalId)\r\n props.login(accessToken)\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n props.history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: t(\"You have to subscribe first!\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n props.history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n useEffect(() => {\r\n\r\n const fetchDeviceInfo = () => {\r\n // Device Name (browser information)\r\n const name = navigator.userAgent;\r\n\r\n // Public IP Address (not always accurate due to privacy concerns)\r\n // This is just a placeholder. In a real application, you might want to use a third-party API to get the public IP.\r\n const publicIpAddress = 'not_available';\r\n\r\n // Host Name (may not be available in some browsers)\r\n const hostName = window.location.hostname;\r\n\r\n // Platform (e.g., Win32, Linux, MacOS)\r\n const platform = navigator.platform;\r\n\r\n // OS Version\r\n const osVersion = navigator.oscpu || navigator.appVersion;\r\n\r\n // Device ID (not available in browsers for security reasons)\r\n const deviceId = 'not_available';\r\n\r\n // MAC Address (not available in browsers for security reasons)\r\n const macAddress = 'not_available';\r\n\r\n // Update state with device information\r\n setDeviceInfo({\r\n name,\r\n publicIpAddress,\r\n hostName,\r\n platform,\r\n osVersion,\r\n deviceId,\r\n macAddress,\r\n });\r\n };\r\n\r\n // Call the function to fetch device information\r\n fetchDeviceInfo();\r\n }, []);\r\n \r\n \r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: LoginSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n enableLoading();\r\n setTimeout(() => {\r\n login(state.loginData.username, state.loginData.password, values.code, state.loginData.isBackup)\r\n .then((data) => {\r\n setaccessToken(data?.data?.accessToken)\r\n setToken(data?.data?.data?.token)\r\n setSteps(Steps + 1)\r\n // props.login(data?.data?.accessToken)\r\n })\r\n .catch(() => {\r\n disableLoading();\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\r\n })\r\n );\r\n });\r\n }, 1000);\r\n },\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Set up Two-Factor Authentication\r\n
\r\n\r\n Two-factor authentication adds an extra layer of security. Once activated,\r\n you'll need to provide two forms of identification when accessing DeliveryEase .\r\n
\r\n \r\n Supported methods include security apps like Google Authenticator and SMS text messages.\r\n
\r\n \r\n {\r\n props.history.push(\"/auth/SetUp\");\r\n }}\r\n className=\"btn btn-primary font-weight-bold px-9 py-4 my-3 mr-3\"\r\n >\r\n Set up 2FA\r\n \r\n {\r\n setShow(true);\r\n }}\r\n className=\"btn btn-outline-primary font-weight-bold px-9 py-4 my-3 \"\r\n >\r\n Skip for now\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Multi-factor authentication helps your account (and the customer data it contains)\r\n stay secure. Are you sure you want to skip MFA set-up?\r\n
\r\n \r\n {\r\n setLoading(true);\r\n //api call\r\n await apiCalll({\r\n method: \"POST\",\r\n link: `/Account/TwoFactorAuthentication/Reminded`,\r\n })\r\n .then((res) => {\r\n console.log(loginData?.data?.accessToken)\r\n props.login(loginData?.data?.accessToken)\r\n setLoading(true);\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n console.log(loginData?.data?.accessToken)\r\n props.login(loginData?.data?.accessToken)\r\n setLoading(true);\r\n });\r\n\r\n\r\n }}\r\n className=\"btn btn-primary btn-elevate mr-5\"\r\n >\r\n {loading && {\r\n setShow(false)\r\n }}\r\n className=\"btn btn-light btn-elevate\"\r\n >\r\n {t(\"Cancel\")}\r\n \r\n <> \r\n\r\n
\r\n \r\n {/* begin::Head */}\r\n\r\n {/* end::Head */}\r\n\r\n {/*begin::Form*/}\r\n {Steps === 0 ?\r\n <>\r\n \r\n\r\n \r\n {t(\"Sign_In\")}\r\n {loading && }\r\n \r\n \r\n {t(\"Sign_In\")}\r\n {loading && }\r\n \r\n
\r\n );\r\n}\r\nexport default injectIntl(connect(null, auth.actions)(VerificationCode));\r\n\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n GoogleMap,\r\n Marker,\r\n useLoadScript,\r\n DirectionsRenderer,\r\n} from \"@react-google-maps/api\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { HubConnectionBuilder } from \"@microsoft/signalr\";\r\nimport \"./style.css\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nimport { ConvertToDateCurrentGMT } from \"../../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport Countdown from \"react-countdown\";\r\n\r\nconst exampleMapStyles = [\r\n {\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#f5f5f5\",\r\n },\r\n ],\r\n },\r\n {\r\n elementType: \"labels.icon\",\r\n stylers: [\r\n {\r\n visibility: \"off\",\r\n },\r\n ],\r\n },\r\n {\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#616161\",\r\n },\r\n ],\r\n },\r\n {\r\n elementType: \"labels.text.stroke\",\r\n stylers: [\r\n {\r\n color: \"#f5f5f5\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"administrative.land_parcel\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#bdbdbd\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"poi\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#eeeeee\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"poi\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#757575\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"poi.park\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#e5e5e5\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"poi.park\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#ABE8C7\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"road\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#ffffff\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"road.arterial\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#757575\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"road.highway\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#dadada\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"road.highway\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#616161\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"road.local\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#9e9e9e\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"transit.line\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#e5e5e5\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"transit.station\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#eeeeee\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"water\",\r\n elementType: \"geometry\",\r\n stylers: [\r\n {\r\n color: \"#CFE2EB\",\r\n },\r\n ],\r\n },\r\n {\r\n featureType: \"water\",\r\n elementType: \"labels.text.fill\",\r\n stylers: [\r\n {\r\n color: \"#CFE2EB\",\r\n },\r\n ],\r\n },\r\n];\r\n\r\nconst libraries = [\"places\"];\r\n\r\nconst LiveTracking = () => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const history = useHistory();\r\n const { id } = useParams();\r\n const { isLoaded, loadError } = useLoadScript({\r\n googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAP_API_KEY,\r\n libraries,\r\n });\r\n const [connection, setConnection] = useState(null);\r\n const [data, setData] = useState([]);\r\n const [NewData, setNewData] = useState([]);\r\n const [directions, setDirections] = useState(null);\r\n const [currentPosition, setCurrentPosition] = useState(null);\r\n const [completed, setCompleted] = useState(false);\r\n\r\n const mapStyles = {\r\n height: \"100%\",\r\n width: \"100%\",\r\n };\r\n\r\n const defaultCenter = {\r\n lat: parseFloat(data?.fromLat) || parseFloat(data?.destLat) || 43.653225,\r\n lng: parseFloat(data?.fromLng) || parseFloat(data?.destLng) || -79.383186,\r\n };\r\n\r\n const mapOptions = {\r\n styles: exampleMapStyles,\r\n zoomControl: true,\r\n fullscreenControl: false,\r\n mapTypeControl: false,\r\n streetViewControl: false,\r\n rotateControl: false,\r\n scaleControl: false,\r\n };\r\n\r\n const getIcon = (type) => {\r\n if (type === \"driver\") {\r\n return {\r\n url: toAbsoluteUrl(\"/media/icons/car.svg\"),\r\n scaledSize: new window.google.maps.Size(30, 30),\r\n };\r\n }\r\n if (type === \"customer\") {\r\n return {\r\n url: toAbsoluteUrl(\"/media/icons/finish.svg\"),\r\n scaledSize: new window.google.maps.Size(30, 30),\r\n };\r\n }\r\n return null;\r\n };\r\n\r\n useEffect(() => {\r\n const newConnection = new HubConnectionBuilder()\r\n .withUrl(`${BASE_URL?.replace(\"/api\", \"\")}/Hubs/livetracking`)\r\n .withAutomaticReconnect()\r\n .build();\r\n setConnection(newConnection);\r\n }, []);\r\n\r\n const handleGetDetails = (isFinished) => {\r\n fetch(`${BASE_URL}/LiveTracking/GetDetails/${id}`, {\r\n method: \"PUT\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n Allow: \"PUT\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n window.$trackingData = data[1].data;\r\n setData(data[1].data);\r\n setCurrentPosition({\r\n lat: parseFloat(data[1].data.fromLat),\r\n lng: parseFloat(data[1].data.fromLng),\r\n });\r\n if (isFinished) {\r\n setDirections(null);\r\n }\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n const handleSetConnectionId = () => {\r\n fetch(`${BASE_URL}/LiveTracking/SetConnectionId`, {\r\n method: \"PUT\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n Allow: \"PUT\",\r\n body: JSON.stringify({\r\n id: connection?.connectionId,\r\n code: id,\r\n }),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n console.log(\"Connection Id set successfully\");\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n const calculateRoute = () => {\r\n if (!data?.fromLat || !data?.fromLng || !data?.destLat || !data?.destLng)\r\n return;\r\n\r\n const directionsService = new window.google.maps.DirectionsService();\r\n directionsService.route(\r\n {\r\n origin: {\r\n lat: parseFloat(data.fromLat),\r\n lng: parseFloat(data.fromLng),\r\n },\r\n destination: {\r\n lat: parseFloat(data.destLat),\r\n lng: parseFloat(data.destLng),\r\n },\r\n travelMode: window.google.maps.TravelMode.DRIVING,\r\n },\r\n (result, status) => {\r\n if (status === window.google.maps.DirectionsStatus.OK) {\r\n setDirections(result);\r\n } else {\r\n console.error(`error fetching directions ${result}`);\r\n }\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n handleGetDetails(false);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (connection) {\r\n connection.start().then(() => {\r\n handleSetConnectionId();\r\n });\r\n connection.on(\"ReceiveMessage\", (message) => {\r\n if (message.action === \"Tracking\") {\r\n setNewData(message);\r\n }\r\n if (message.action === \"Finished\") {\r\n handleGetDetails(true);\r\n }\r\n });\r\n connection.onreconnected(() => {\r\n handleSetConnectionId();\r\n });\r\n }\r\n }, [connection]);\r\n\r\n const calculateNewRoute = () => {\r\n if (!data?.fromLat || !data?.fromLng || !data?.destLat || !data?.destLng) return;\r\n \r\n const directionsService = new window.google.maps.DirectionsService();\r\n directionsService.route(\r\n {\r\n origin: {\r\n lat: parseFloat(NewData.lat),\r\n lng: parseFloat(NewData.lng),\r\n },\r\n destination: {\r\n lat: parseFloat(data.destLat),\r\n lng: parseFloat(data.destLng),\r\n },\r\n travelMode: window.google.maps.TravelMode.DRIVING,\r\n optimizeWaypoints: true, // this option will optimize the route\r\n },\r\n (result, status) => {\r\n if (status === window.google.maps.DirectionsStatus.OK) {\r\n setDirections(result);\r\n } else {\r\n console.error(\"Error fetching directions\", result);\r\n }\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n if (NewData.lat && NewData.lng) {\r\n animateMarker(NewData.lat, NewData.lng);\r\n calculateNewRoute();\r\n }\r\n }, [NewData]);\r\n\r\n useEffect(() => {\r\n if (data?.fromLat && data?.fromLng && data?.destLat && data?.destLng) {\r\n calculateRoute();\r\n }\r\n }, [data]);\r\n\r\n const animateMarker = (newLat, newLng) => {\r\n const startLat = currentPosition.lat;\r\n const startLng = currentPosition.lng;\r\n const endLat = parseFloat(newLat);\r\n const endLng = parseFloat(newLng);\r\n const animationDuration = 7000;\r\n const frameRate = 60;\r\n const totalFrames = (animationDuration / 1000) * frameRate;\r\n\r\n let frame = 0;\r\n\r\n const animate = () => {\r\n frame++;\r\n const progress = frame / totalFrames;\r\n\r\n const lat = startLat + (endLat - startLat) * progress;\r\n const lng = startLng + (endLng - startLng) * progress;\r\n\r\n setCurrentPosition({ lat, lng });\r\n\r\n if (frame < totalFrames) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n setCurrentPosition({ lat: endLat, lng: endLng });\r\n }\r\n };\r\n\r\n requestAnimationFrame(animate);\r\n };\r\n\r\n const fullRenderer = ({ days, hours, minutes, seconds }) => {\r\n return (\r\n \r\n {hours > 0 && hours + \" h\"} {minutes} minutes.\r\n \r\n );\r\n };\r\n\r\n if (loadError) {\r\n return (\r\n \r\n
\r\n {t(\"Enter the verification code from your security app\")}
\r\n \r\n Enter one of your unused backup codes.\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n {formik.touched.code && formik.errors.code ? (\r\n \r\n
\r\n ) : null}\r\n\r\n * {formik.errors.code}
\r\n \r\n {\r\n setBackUp(!BackUp)\r\n handleButtonClick()\r\n AuthSTockData.getState().setLoginData({\r\n isBackup: !BackUp,\r\n });\r\n if (BackUp === true) {\r\n setType(\"number\")\r\n\r\n } else {\r\n setType(\"text\")\r\n }\r\n\r\n }}\r\n >\r\n {/*
\r\n \r\n \r\n\r\n : \"\"\r\n }\r\n {Steps === 1 ?\r\n \r\n
\r\n : \"\"}\r\n {/*end::Form*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Would you like us to remember you on this device?\r\n
\r\n\r\n We'll remember this device, so you won't be asked for two-factor authentication every time, but this preference won't last indefinitely.\r\n
\r\n \r\n {\r\n PutVerification()\r\n }}\r\n className=\"btn btn-primary font-weight-bold px-9 my-3 mr-3\"\r\n >\r\n Remember me\r\n \r\n {\r\n props.login(accessToken)\r\n }}\r\n className=\"btn btn-outline-primary font-weight-bold py-4 my-3 \"\r\n >\r\n Ask for 2FA every time\r\n \r\n
\r\n \r\n Error loading maps. Please check your API key and network connection.\r\n
\r\n );\r\n }\r\n\r\n if (!isLoaded) return Loading Maps...
;\r\n\r\n return (\r\n \r\n {isLoaded && (\r\n \r\n {directions && (\r\n
\r\n );\r\n};\r\n\r\nexport default LiveTracking;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\n\r\n// \"https://pfedcert.wal-mart.com/as/authorization.oauth2?client_id=staging-app-deliveryease&response_type=code&scope=openid profile email&redirect_uri=https://staging-app.deliveryease.co/walmart/callback&code_challenge_method=S256&code_challenge=_D_sLAFF5TOSg9R_h_P1gwgm91kUCaU4anbSmXETYnU\"\r\n\r\nconst WalmartSSO = () => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const codeVerifier = localStorage.getItem(\"codeVerifier\")\r\n const isDisabledSso = localStorage.getItem(\"isDisabledSso\") ? JSON.parse(localStorage.getItem(\"isDisabledSso\")) : false;\r\n\r\n const GetAuthorize = () => {\r\n setIsLoading(true);\r\n fetch(`${BASE_URL}/Pkce/walmart/authorize`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n window.location.href = data[1].authorizeUrl;\r\n localStorage.setItem(\"codeVerifier\", data[1].codeVerifier);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {data?.driverFirstName && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!data?.isDelivered && (\r\n \r\n {data?.name}\r\n \r\n )}\r\n {!data?.isDelivered && (\r\n \r\n Your delivery is on the way!\r\n \r\n )}\r\n {!data?.isDelivered && data?.eta && !completed && (\r\n \r\n ETA:{\" \"}\r\n {data?.eta && (\r\n setCompleted(true)}\r\n />\r\n )}\r\n \r\n )}\r\n {data?.isDelivered && (\r\n \r\n Delivered{\" \"}\r\n \r\n \r\n )}\r\n {data?.isDelivered && (\r\n \r\n {moment(ConvertToDateCurrentGMT(data?.actualDeliveryDate)).format(\"MMMM DD, YYYY hh:mm A\")}\r\n \r\n )}\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {data?.driverFirstName} {data?.driverLastName}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {data?.fromAddress1},{\" \"}\r\n {data?.fromAddress2 && data?.fromAddress2 + \",\"}{\" \"}\r\n {data?.fromCity}, {data.fromState?.slice(0, 2)}{\" \"}\r\n {data?.fromZipCode}, {data?.fromCountry}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {data?.destAddress1},{\" \"}\r\n {data?.destAddress2 && data?.destAddress2 + \",\"}{\" \"}\r\n {data?.destCity}, {data.destState?.slice(0, 2)}{\" \"}\r\n {data?.destZipCode}, {data?.destCountry}\r\n
\r\n \r\n GetAuthorize()}\r\n >\r\n \r\n \r\n \r\n \r\n {/*end::Svg Icon*/}\r\n {\" \"}\r\n {(isLoading || isDisabledSso )? \"Please wait...\" : \" Sign in with Walmart\"}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default WalmartSSO;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst WalmatCallback = () => {\r\n const code = new URLSearchParams(window.location.search).get(\"code\");\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const codeVerifier = localStorage.getItem(\"codeVerifier\") ? localStorage.getItem(\"codeVerifier\") : \"\";\r\n const history = useHistory();\r\n const [showRetry, setShowRetry] = useState(false);\r\n\r\n const handleCallBack = (values) => {\r\n localStorage.setItem('isDisabledSso', true);\r\n setIsLoading(true);\r\n fetch(`${BASE_URL}/Pkce/walmart/callback`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(values),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n localStorage.removeItem(\"user\");\r\n localStorage.removeItem(\"ProfilePicture\");\r\n localStorage.removeItem(\"dateFormat\");\r\n // localStorage.clear();\r\n localStorage.setItem(\"user\", JSON.stringify(data[1]));\r\n localStorage.setItem(\r\n \"useSso\",\r\n JSON.stringify(data[1].useSso || true)\r\n );\r\n localStorage.setItem(\r\n \"ProfilePicture\",\r\n JSON.stringify(data[1].profilePicture)\r\n );\r\n localStorage.setItem(\r\n \"dateFormat\",\r\n data[1]?.dateFormat !== null &&\r\n data[1]?.dateFormat !== undefined &&\r\n data[1]?.dateFormat !== \"\"\r\n ? data[1]?.dateFormat\r\n : \"DD/MM/YYYY\"\r\n );\r\n localStorage.setItem(\r\n \"persist:v713-demo1-auth\",\r\n JSON.stringify({\r\n _persist: '{\"version\":-1,\"rehydrated\":true}',\r\n authToken: '\"\"',\r\n user: \"{}\",\r\n })\r\n );\r\n history.push(\"/dashboard\");\r\n window.location.reload();\r\n } else if (data[0] === 400 && data[1].message) {\r\n setShowRetry(true);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n setShowRetry(true);\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 500) {\r\n setShowRetry(true);\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: \"Something went wrong, please try again later!\",\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n localStorage.removeItem(\"isDisabledSso\");\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (code) {\r\n handleCallBack({\r\n code,\r\n codeVerifier,\r\n });\r\n }\r\n }, [code, codeVerifier]);\r\n\r\n return (\r\n \r\n {isLoading && (\r\n \r\n )}\r\n {showRetry && (\r\n {\r\n history.push(\"/auth/walmart/sso\");\r\n localStorage.removeItem(\"isDisabledSso\");\r\n }}\r\n >\r\n Retry Login\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default WalmatCallback;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Link, Switch, Redirect } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport { ContentRoute } from \"../../../../_metronic/layout\";\r\nimport Login from \"./Login\";\r\nimport Registration from \"./Registration\";\r\nimport ForgotPassword from \"./ForgotPassword\";\r\nimport \"../../../../_metronic/_assets/sass/pages/login/classic/login-1.scss\";\r\nimport Terms from \"./Terms\";\r\nimport { LanguageSelectorDropdown } from \"../../../../_metronic/layout/components/extras/dropdowns/LanguageSelectorDropdown\";\r\nimport Activationemail from \"./Activationemail\";\r\nimport Activationemaildriver from \"./ActivationEmailDriver\";\r\nimport ResetPassword from \"./ResetPassword\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport PaymentDelivery from \"../../Payment\";\r\nimport TwoFactor from \"./Two-factor/TwoFactor\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport SetUp from \"./Two-factor/Steps\";\r\nimport useAuthStore from \"./Two-factor/authStore\";\r\nimport VerifacationCode from \"./VerifacationCode\";\r\nimport LiveTracking from \"../../ECommerce/pages/liveTracking/LiveTracking\";\r\nimport { BackgroundPayment } from \"../../background-payment\";\r\nimport WalmartSSO from \"./WalmartSSO\";\r\nimport WalmatCallback from \"./WalmatCallback\";\r\n\r\nexport function AuthPage() {\r\n const useSso = localStorage.getItem(\"useSso\") ? JSON.parse(localStorage.getItem(\"useSso\")) : false;\r\n\r\n const { t } = useTranslation();\r\n const history = useHistory();\r\n const [CheckLick, setCheckLick] = useState(null);\r\n const [data, setdata] = useState(null);\r\n const { loginData } = useAuthStore();\r\n useEffect(() => {\r\n setdata(loginData)\r\n }, [])\r\n useEffect(() => {\r\n const currentPath = history.location.pathname;\r\n setCheckLick(currentPath);\r\n const unlisten = history.listen((location) => {\r\n setCheckLick(location.pathname);\r\n });\r\n return () => unlisten();\r\n }, [history]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {/*begin::Content*/}\r\n \r\n {/*begin: Aside Container*/}\r\n
\r\n\r\n }\r\n\r\n {/*begin::Aside*/}\r\n \r\n {/*end::Login*/}\r\n \r\n \r\n );\r\n}\r\n","import React, {Component} from \"react\";\r\nimport {connect} from \"react-redux\";\r\nimport {Redirect} from \"react-router-dom\";\r\nimport {LayoutSplashScreen} from \"../../../../_metronic/layout\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nconst useSso = localStorage.getItem(\"useSso\") ? JSON.parse(localStorage.getItem(\"useSso\")) : false;\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n localStorage.removeItem(\"user\");\r\n this.props.logout();\r\n }\r\n\r\n render() {\r\n const { hasAuthToken } = this.props;\r\n return hasAuthToken ? \r\n { CheckLick?.split(\"/\")[1] === \"t\" ? \"\" :\r\n
\r\n {/*end::Content*/}\r\n {/*begin::Aside*/}\r\n {CheckLick === \"/auth/twoFactor\" || CheckLick?.split(\"/\")[1] === \"t\" ?\r\n <>: CheckLick === \"/auth/SetUp\" ? <> :\r\n \r\n \r\n
}\r\n {/*begin::Content header*/}\r\n {/* \r\n \r\n Don't have an account yet?\r\n \r\n \r\n Sign Up!\r\n \r\n
*/}\r\n {/*end::Content header*/}\r\n\r\n {/* begin::Content body */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*end::Content body*/}\r\n\r\n {/* begin::Mobile footer */}\r\n {CheckLick === \"/auth/twoFactor\" || CheckLick?.split(\"/\")[1] === \"t\" || CheckLick === \"/auth/SetUp\"? \"\" :\r\n \r\n
\r\n }\r\n {/* end::Mobile footer */}\r\n \r\n © {new Date().getFullYear()} DeliveryEase\r\n
\r\n \r\n \r\n Terms & Conditions\r\n \r\n \r\n Privacy Policy\r\n \r\n \r\n Contact\r\n \r\n
\r\n \r\n {/* start:: Aside header */}\r\n \r\n
\r\n {/*end: Aside Container*/}\r\n \r\n
*/}\r\n {/* end:: Aside content */}\r\n\r\n {/* start:: Aside footer for desktop */}\r\n \r\n Welcome to Metronic!\r\n
\r\n\r\n The ultimate Bootstrap & React 16 admin theme framework for\r\n next generation web apps.\r\n
\r\n\r\n
\r\n {/* end:: Aside footer for desktop */}\r\n \r\n © {new Date().getFullYear()} DeliveryEase\r\n
\r\n \r\n \r\n Terms & Conditions\r\n \r\n \r\n Privacy Policy\r\n \r\n \r\n Contact\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n )}\r\n\r\n {!layoutProps.light && (\r\n \r\n ![\"\"]({toAbsoluteUrl(\"/media/users/300_21.jpg\")})
\r\n
\r\n \r\n \r\n {user.firstname} {user.lastname}\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n \r\n {user.firstname[0]}\r\n \r\n {/*
*/}\r\n
\r\n \r\n {user.firstname} {user.lastname}\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Profile\r\n
\r\n \r\n Account settings and more\r\n \r\n update\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Messages
\r\n Inbox and tasks
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Activities
\r\n Logs and notifications
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n My Tasks
\r\n latest tasks and projects
\r\n \r\n \r\n Sign Out\r\n \r\n \r\n Upgrade Plan\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {layoutProps.offcanvas && (\r\n menu.map((item, index) => {\r\n if(item.position < 0)\r\n return (\r\n \r\n {item.name}\r\n }\r\n >\r\n {\r\n handleTabChange(isActive + index);\r\n }}\r\n role=\"tab\"\r\n >\r\n \r\n
\r\n \r\n {layoutProps.offcanvas && (\r\n User Profile}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n <>\r\n {localStorage.getItem(\"IconShow\") === \"true\" ? (\r\n \r\n Cancel Login\r\n }\r\n >\r\n {\r\n handelQuickUser();\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n Projects
\r\n\r\n {/* begin::List */}\r\n\r\n {/* begin::Item */}\r\n\r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n Bravio Application\r\n \r\n \r\n By James\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n Quick Reports\r\n \r\n \r\n By Ana\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n CRM Reporting Tool\r\n \r\n \r\n By Adam\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n DB Management\r\n \r\n \r\n By CRA Team\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n Cloud Service\r\n \r\n \r\n By iC Team\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n Disqus Project\r\n \r\n \r\n By PV Inc.\r\n \r\n
\r\n {/* begin::End */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* end::List */}\r\n \r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl, checkIsActive } from \"../../../../_helpers\";\r\n\r\nexport function AsideMenuList({ layoutProps }) {\r\n const location = useLocation();\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open `\r\n : \"\";\r\n };\r\n\r\n return (\r\n <>\r\n {/* begin::Menu Nav */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Symbol */}\r\n {/* begin::Text */}\r\n \r\n \r\n Plurk Meeting\r\n \r\n \r\n By Plurk Team.\r\n \r\n
\r\n {/* begin::End */}\r\n - \r\n {/*begin::1 Level*/}\r\n
- \r\n
Components
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/* Material-UI */}\r\n {/*begin::1 Level*/}\r\n - \r\n \r\n Material UI\r\n \r\n \r\n\r\n {/* Inputs */}\r\n {/*begin::2 Level*/}\r\n
- \r\n
Applications
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/* eCommerce */}\r\n {/*begin::1 Level*/}\r\n - \r\n \r\n eCommerce\r\n \r\n \r\n {/*begin::2 Level*/}\r\n
- \r\n
Custom
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/* Error Pages */}\r\n {/*begin::1 Level*/}\r\n - \r\n \r\n Error Pages\r\n \r\n \r\n\r\n {/*begin::2 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::1 Level*/}\r\n\r\n {/* Bootstrap */}\r\n {/*begin::1 Level*/}\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Navigation */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Surfaces */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Feedback */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Data Display */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Utils */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n\r\n {/* Layout */}\r\n {/*begin::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n \r\n
\r\n \r\n {/*end::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n
\r\n
\r\n \r\n {/*end::1 Level*/}\r\n\r\n {/* Applications */}\r\n {/* begin::section */}\r\n - \r\n
- \r\n
\r\n \r\n
\r\n \r\n {/*end::1 Level*/}\r\n\r\n {/*begin::1 Level*/}\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::1 Level*/}\r\n - \r\n
\r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport objectPath from \"object-path\";\r\nimport React, { Fragment, useEffect, useMemo, useState } from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link,useHistory } from \"react-router-dom\";\r\nimport Swal from \"sweetalert2\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\nimport { apiCalll } from \"../../../_helpers/apiHelpers\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { Brand } from \"../brand/Brand\";\r\nimport { QuickUserToggler } from \"../extras/QuickUserToggler\";\r\nimport { LanguageSelectorDropdown } from \"../extras/dropdowns/LanguageSelectorDropdown\";\r\nimport { useCount } from \"../extras/dropdowns/search/contextCount\";\r\nimport { KTUtil } from \"./../../../_assets/js/components/util\";\r\nimport { AsideSearch } from \"./AsideSearch\";\r\nimport { AsideMenu } from \"./aside-menu/AsideMenu\";\r\n\r\n\r\nexport function Aside() {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const { token } = JSON.parse(localStorage.getItem(\"user\"));\r\n const [menu, setMenu] = useState([]);\r\n const history = useHistory();\r\n const [hideOtc, setHideOtc] = useState(true);\r\n\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n asideClassesFromConfig: uiService.getClasses(\"aside\", true),\r\n asideSecondaryDisplay: objectPath.get(\r\n uiService.config,\r\n \"aside.secondary.display\"\r\n ),\r\n asideSelfMinimizeToggle: objectPath.get(\r\n uiService.config,\r\n \"aside.self.minimize.toggle\"\r\n ),\r\n extrasSearchDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.search.display\"\r\n ),\r\n extrasNotificationsDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.notifications.display\"\r\n ),\r\n extrasQuickActionsDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.quick-actions.display\"\r\n ),\r\n extrasQuickPanelDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.quick-panel.display\"\r\n ),\r\n extrasLanguagesDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.languages.display\"\r\n ),\r\n extrasUserDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.user.display\"\r\n ),\r\n };\r\n }, [uiService]);\r\n\r\n const tabs = {\r\n tabId1: \"kt_aside_tab_1\",\r\n tabId2: \"kt_aside_tab_2\",\r\n tabId3: \"kt_aside_tab_3\",\r\n tabId4: \"kt_aside_tab_4\",\r\n tabId5: \"kt_aside_tab_5\",\r\n tabId6: \"kt_aside_tab_6\",\r\n tabId7: \"kt_aside_tab_7\",\r\n tabId8: \"kt_aside_tab_8\",\r\n tabId9: \"kt_aside_tab_9\",\r\n tabId10: \"kt_aside_tab_10\",\r\n };\r\n const [activeTab, setActiveTab] = useState(tabs.tabId1);\r\n const handleTabChange = (id) => {\r\n setActiveTab(id);\r\n const asideWorkspace = KTUtil.find(\r\n document.getElementById(\"kt_aside\"),\r\n \".aside-secondary .aside-workspace\"\r\n );\r\n if (asideWorkspace) {\r\n KTUtil.scrollUpdate(asideWorkspace);\r\n }\r\n };\r\n\r\n async function handleMenu() {\r\n await fetch(BASE_URL + \"/Generic/Menu\", {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setMenu(data[1]?.permissions);\r\n setHideOtc(data[1]?.hideOtc);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }else if (data[0] === 450) {\r\n history.push(\"/setup/twoFactor\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n }\r\n function checkBuilder() {\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/Generic/AppVersion`,\r\n }).then((data) => {\r\n if (data[0] === 200) {\r\n if (String(window.location.hostname) !== \"localhost\") {\r\n if (String(process.env.REACT_APP_VERSION) !== String(data[1])) {\r\n Swal.fire({\r\n position: \"center\",\r\n icon: \"info\",\r\n title: \"New Build Version Released. Clearing Cache now ...\",\r\n showConfirmButton: false,\r\n timer: 5000,\r\n });\r\n setTimeout(function () {\r\n if (caches) {\r\n caches.keys().then((names) => {\r\n for (const name of names) {\r\n caches.delete(name);\r\n }\r\n });\r\n }\r\n window.location.reload(true);\r\n }, 2000);\r\n }\r\n }\r\n }\r\n return data;\r\n });\r\n }\r\n const handleRemoveSpaces = (name) => {\r\n // Check if the input string contains a space\r\n if (name.includes(' ')) {\r\n // If there is a space, remove it and update the state\r\n const resultString = name.replace(/ /g, '');\r\n return resultString;\r\n }\r\n\r\n return name\r\n };\r\n useEffect(() => {\r\n handleMenu();\r\n }, []);\r\n const { count, setCount } = useCount();\r\n\r\n return (\r\n <>\r\n {/* begin::Aside */}\r\n \r\n {/* begin::Menu Container */}\r\n \r\n
\r\n {/* end::Menu Container */}\r\n \r\n {/* begin::Primary */}\r\n
\r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_helpers\";\r\nimport { GetRole } from \"../../../../_helpers/GlobalHelpers\";\r\nimport SocialShare from \"../../socialshare/SocialShare\";\r\n\r\nexport function QuickUser({pic ,ProfileInitForm}) {\r\n const useSso = localStorage.getItem(\"useSso\") ? JSON.parse(localStorage.getItem(\"useSso\")) : false;\r\n const history = useHistory();\r\n\r\n const logoutClick = () => {\r\n localStorage.removeItem(\"user\");\r\n localStorage.removeItem(\"ProfilePicture\");\r\n localStorage.removeItem(\"dateFormat\");\r\n // localStorage.clear();\r\n const toggle = document.getElementById(\"kt_quick_user_toggle\");\r\n if (toggle) {\r\n toggle.click();\r\n }\r\n history.push(\"/logout\");\r\n };\r\n\r\n const getUserPic = () => {\r\n if (!pic) {\r\n return \"none\";\r\n }\r\n\r\n return `url(${ProfileInitForm?.profilePicture})`;\r\n };\r\n\r\n // get email from user local storage object\r\n const userDetailes = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n return (\r\n \r\n
\r\n {/* end::Primary */}\r\n\r\n {layoutProps.asideSecondaryDisplay && (\r\n <>\r\n {/* begin::Secondary */}\r\n \r\n {/* begin::Nav */}\r\n
\r\n {/* end::Nav Wrapper */}\r\n\r\n {/* begin::Footer */}\r\n - \r\n {menu.map((item, index) => {\r\n if (item.position > 0)\r\n return (\r\n (hideOtc === true && item.position === 950) ? \"\" :\r\n
\r\n {/* begin::Aside Toggle */}\r\n {/* {layoutProps.asideSecondaryDisplay &&\r\n layoutProps.asideSelfMinimizeToggle && (\r\n <>\r\n Toggle Aside}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n )} */}\r\n {/* end::Aside Toggle */}\r\n\r\n {/* begin::Search */}\r\n {layoutProps.extrasSearchDisplay && (\r\n Quick Search}\r\n >\r\n \r\n \r\n Notifications\r\n }\r\n >\r\n \r\n \r\n Quick Actions\r\n }\r\n >\r\n \r\n \r\n Quick Panel}\r\n >\r\n \r\n \r\n }\r\n {/* end::User */}\r\n
\r\n {/* end::Footer */}\r\n \r\n {/* begin::Workspace */}\r\n
\r\n {/* end::Secondary */}\r\n \r\n )}\r\n \r\n
\r\n {/* end::Workspace */}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function ScrollTop() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n User Profile\r\n {/* 12 messages */}\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {\r\n ProfileInitForm?.firstName?.charAt(0).toUpperCase() + ProfileInitForm?.firstName?.slice(1) + \" \" + ProfileInitForm?.lastName?.charAt(0).toUpperCase() + ProfileInitForm?.lastName?.slice(1)\r\n } \r\n \r\n \r\n Sign out\r\n \r\n
\r\n \r\n {!useSso ? GetRole() ? GetRole() : \"--------\" : GetRole() === \"Business Manager\" ? \"Pharmacy Manager\" : GetRole() === \"Business Staff\" ? \"Pharmacy Staff\" : GetRole()}\r\n
\r\n \r\n {/* \r\n Sign Out\r\n */}\r\n \r\n \r\n
\r\n\r\n \r\n\r\n {GetRole() === \"Business Manager\" &&\r\n \r\n
\r\n \r\n\r\n {/* \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Profile\r\n
\r\n \r\n Account settings and more{\" \"}\r\n \r\n update\r\n \r\n
\r\n \r\n
\r\n */}\r\n\r\n {/* \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Messages
\r\n Inbox and tasks
\r\n \r\n
\r\n */}\r\n{/* \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Activities
\r\n Logs and notifications
\r\n \r\n
\r\n */}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Tasks
\r\n latest tasks and projects
\r\n \r\n \r\n
\r\n }\r\n\r\n {/* \r\n
*/}\r\n Recent Notifications
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n Another purpose persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +28%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Would be to people\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +50%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Purpose would be to persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n -27%\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n The best product\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +8%\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { apiCalll } from \"../../_metronic/_helpers/apiHelpers\";\r\nimport moment from \"moment\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport { getFromatdate } from \"../../_metronic/_helpers/GlobalHelpers\";\r\n\r\nconst ReleaseNote = ({ show, setShow }) => {\r\n const [notes, setNotes] = useState([]);\r\n const [openAccordion, setOpenAccordion] = useState(null);\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n\r\n const handleAccordionToggle = (accordionId) => {\r\n setOpenAccordion(openAccordion === accordionId ? null : accordionId);\r\n };\r\n\r\n function GetReleaseNotes() {\r\n setIsLoading(true);\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/ReleaseNotes/releaseNote`,\r\n })\r\n .then(async (result) => {\r\n if (result.length > 0 && result[0] === 200) {\r\n setNotes(result[1].releaseNotes);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (show) {\r\n GetReleaseNotes();\r\n }\r\n }, [show]);\r\n\r\n useEffect(() => {\r\n if (!show) {\r\n setOpenAccordion(null);\r\n setNotes([]);\r\n }\r\n }, [show]);\r\n\r\n return (\r\n \r\n setShow(false)} size=\"lg\" centered>\r\n \r\n \r\n DeliveryEase changelog\r\n \r\n \r\n \r\n \r\n {!isLoading &&\r\n notes.length > 0 &&\r\n notes?.map((note, index) => (\r\n \r\n
\r\n \r\n ))}\r\n \r\n {isLoading &&\r\n notes.length === 0 &&\r\n [0, 1, 2, 3, 4].map((item, index) => (\r\n \r\n
\r\n \r\n handleAccordionToggle(index)}\r\n aria-expanded={openAccordion === index}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {note.title} : {note.release} -{\" \"}\r\n {moment(note.date).format(getFromatdate())}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {today} ©\r\n \r\n {` `}\r\n false}\r\n rel=\"noopener noreferrer\"\r\n target=\"_blank\"\r\n className=\"text-dark-75 text-hover-primary\"\r\n >\r\n DeliveryEase{\" \"}\r\n \r\n setShow(true)}\r\n >\r\n Build Version{\" \"}\r\n \r\n {process.env.REACT_APP_VERSION}\r\n {\" \"}\r\n / Build Date:{\" \"}\r\n {moment(preval`module.exports = new Date().toLocaleDateString(\"en-US\");`).format(getFromatdate())}\r\n\r\n \r\n
\r\n {/* end::Copyright */}\r\n {` `}\r\n {/* begin::Nav */}\r\n \r\n \r\n Terms & Conditions\r\n \r\n \r\n Privacy Policy\r\n \r\n \r\n Contact\r\n \r\n
\r\n {/* end::Nav */}\r\n \r\n {/* end::Container */}\r\n \r\n {/* end::Footer */}\r\n \r\n {layoutProps.asideDisplay && (\r\n \r\n \r\n \r\n )}\r\n
\r\n {/* end::Toolbar */}\r\n \r\n {/* end::Header Mobile */}\r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutAside = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\r\n\r\n // Initialize mobile aside offcanvas\r\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\r\n\t\t\tbaseClass: offcanvasClass,\r\n\t\t\toverlay: true,\r\n\t\t\tcloseBy: 'kt_aside_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n var _initNav = function() {\r\n var asideNav = KTUtil.find(_element, '.aside-primary .aside-nav');\r\n\r\n if (!asideNav) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideNav, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n var asideBrand = KTUtil.find(_element, '.aside-primary .aside-brand');\r\n var asideFooter = KTUtil.find(_element, '.aside-primary .aside-footer');\r\n\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'marginBottom')) + parseInt(KTUtil.css(asideBrand, 'marginTop')));\r\n\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'marginBottom')) + parseInt(KTUtil.css(asideFooter, 'marginTop')));\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n var _initWorkspace = function() {\r\n var asideTabs = KTUtil.find(_element, '.aside-primary .aside-nav .nav');\r\n var asideWorkspace = KTUtil.find(_element, '.aside-secondary .aside-workspace');\r\n\r\n if (!asideWorkspace) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideWorkspace, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n var asideSecondary = KTUtil.find(_element, '.aside-secondary');\r\n\r\n height = height - (parseInt(KTUtil.css(asideWorkspace, 'marginBottom')) + parseInt(KTUtil.css(asideWorkspace, 'marginTop')));\r\n height = height - (parseInt(KTUtil.css(asideSecondary, 'paddingBottom')) + parseInt(KTUtil.css(asideSecondary, 'paddingTop')));\r\n\r\n return height;\r\n }\r\n });\r\n\r\n if (asideTabs) {\r\n $(asideTabs).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(asideWorkspace);\r\n });\r\n }\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n _initNav();\r\n _initWorkspace();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getOffcanvas: function() {\r\n return _offcanvasObject;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\r\nexport default KTLayoutAside;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = function() {\r\n // Private properties\r\n var _element;\r\n var _menuObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_menuObject = new KTMenu(_element, {\r\n\t\t\t// Submenu setup\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: 'accordion',\r\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\r\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\r\n\t\t\t},\r\n\r\n\t\t\t// Accordion setup\r\n\t\t\taccordion: {\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t // Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n KTLayoutAside.getOffcanvas().hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetElement: function() {\r\n\t\t\treturn _element;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n pauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_menuObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideMenu;\r\n}\r\n\r\nexport default KTLayoutAsideMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutSubheader = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutSubheader;\r\n}\r\n\r\nexport default KTLayoutSubheader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutFooter = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutFooter;\r\n}\r\n\r\nexport default KTLayoutFooter;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\nimport KTLayoutFooter from \"./footer.js\";\r\n\r\nvar KTLayoutContent = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height;\r\n\r\n\t\theight = KTUtil.getViewPort().height;\r\n\r\n if (_element) {\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n }\r\n\r\n height = height - KTLayoutSubheader.getHeight();\r\n height = height - KTLayoutFooter.getHeight();\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutContent;\r\n}\r\n\r\nexport default KTLayoutContent;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTScrolltop from \"./../../components/scrolltop.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutScrolltop = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Private functions\r\n var _init = function() {\r\n _object = new KTScrolltop(_element, {\r\n offset: 300,\r\n speed: 600,\r\n });\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutScrolltop;\r\n}\r\n\r\nexport default KTLayoutScrolltop;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTCard from \"./../../components/card.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\n\r\nvar KTLayoutStickyCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n var _object;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar offset = 300;\r\n\r\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\r\n\t\t\toffset = KTLayoutHeader.getHeight();\r\n\t\t}\r\n\r\n _object = new KTCard(_element, {\r\n\t\t\tsticky: {\r\n\t\t\t\toffset: offset,\r\n\t\t\t\tzIndex: 90,\r\n\t\t\t\tposition: {\r\n\t\t\t\t\ttop: function() {\r\n\t\t\t\t\t\tvar pos = 0;\r\n var body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\r\n\r\n\t\t\t\t\t\treturn pos;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tleft: function(card) {\r\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tright: function(card) {\r\n\t\t\t\t\t\tvar body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\r\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\r\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\r\n\r\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t_object.initSticky();\r\n\r\n\t\tKTUtil.addResizeHandler(function() {\r\n\t\t\t_object.updateSticky();\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\tif (_object) {\r\n\t\t\t\t_object.updateSticky();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStickyCard;\r\n}\r\n\r\nexport default KTLayoutStickyCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutContent from \"./content.js\";\r\n\r\nvar KTLayoutStretchedCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\r\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\r\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\r\n\r\n\t\tvar height = KTLayoutContent.getHeight();\r\n\r\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\r\n\r\n\t\theight = height - 3;\r\n\r\n\t\tKTUtil.css(scroll, 'height', height + 'px');\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\r\n // Re-calculate on window resize\r\n KTUtil.addResizeHandler(function() {\r\n\t\t\t\t_init();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\t_init();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStretchedCard;\r\n}\r\n\r\nexport default KTLayoutStretchedCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickPanel = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n var _notificationsElement;\r\n var _logsElement;\r\n var _settingsElement;\r\n\r\n // Private functions\r\n var _getContentHeight = function() {\r\n var height;\r\n\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n\r\n var _init = function() {\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_panel_close',\r\n toggleBy: 'kt_quick_panel_toggle'\r\n });\r\n }\r\n\r\n var _initNotifications = function() {\r\n KTUtil.scrollInit(_notificationsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initLogs = function() {\r\n KTUtil.scrollInit(_logsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initSettings = function() {\r\n KTUtil.scrollInit(_settingsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _updateScrollbars = function() {\r\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(_notificationsElement);\r\n KTUtil.scrollUpdate(_logsElement);\r\n KTUtil.scrollUpdate(_settingsElement);\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\r\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\r\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\r\n\r\n _init();\r\n _initNotifications();\r\n _initLogs();\r\n _initSettings();\r\n\r\n \r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickPanel;\r\n}\r\n\r\nexport default KTLayoutQuickPanel;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickUser = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_user_close',\r\n toggleBy: 'kt_quick_user_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickUser;\r\n}\r\n\r\nexport default KTLayoutQuickUser;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMobile = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Get height\r\n var _getHeight = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_element);\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeader: function() {\r\n return _object;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderMobile;\r\n}\r\n\r\nexport default KTLayoutHeaderMobile;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport KTLayoutStickyCard from \"./sticky-card.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\nimport { KTCookie } from \"./../../components/cookie.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutAsideToggle = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _toggleObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_toggleObject = new KTToggle(_element, _body, {\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'aside-toggle-active'\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('toggle', function(toggle) {\r\n // Update sticky card\r\n if (typeof KTLayoutStickyCard !== 'undefined') {\r\n setTimeout(function() {\r\n KTLayoutStickyCard.update();\r\n }, 500);\r\n }\r\n\r\n // Pause header menu dropdowns\r\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\r\n KTLayoutHeaderMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Pause aside menu dropdowns\r\n if (typeof KTLayoutAsideMenu !== 'undefined') {\r\n KTLayoutAsideMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Remember state in cookie\r\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\r\n\t\t\t// to set default minimized left aside use this cookie value in your\r\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\r\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\r\n\t\t\t//if (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\r\n\t\t\t//\tKTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t//}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getToggle: function() {\r\n\t\t\treturn _toggleObject;\r\n\t\t},\r\n\r\n\t\tonToggle: function(handler) {\r\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\r\n\t\t\t\t_toggleObject.on('toggle', handler);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideToggle;\r\n}\r\n\r\nexport default KTLayoutAsideToggle;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickSearch = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n var form = KTUtil.find(_element, '.quick-search-form');\r\n var results = KTUtil.find(_element, '.quick-search-wrapper');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_search_close',\r\n toggleBy: 'kt_quick_search_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(results, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n if (results) {\r\n height = height - parseInt(KTUtil.actualHeight(form));\r\n height = height - parseInt(KTUtil.css(form, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(form, 'marginBottom'));\r\n\r\n height = height - parseInt(KTUtil.css(results, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(results, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickSearch;\r\n}\r\n\r\nexport default KTLayoutQuickSearch;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickNotifications = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_notifications_close',\r\n toggleBy: 'kt_quick_notifications_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickNotifications;\r\n}\r\n\r\nexport default KTLayoutQuickNotifications;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickActions = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_actions_close',\r\n toggleBy: 'kt_quick_actions_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickActions;\r\n}\r\n\r\nexport default KTLayoutQuickActions;","import React, { useLayoutEffect } from \"react\";\r\nimport { KTUtil } from \"../../_assets/js/components/util\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\r\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\r\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\r\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\r\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\r\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\r\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\r\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\r\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\r\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\r\nimport KTLayoutHeaderMobile from \"../../_assets/js/layout/base/header-mobile\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutQuickSearch from \"../../_assets/js/layout/extended/quick-search\";\r\nimport KTLayoutQuickNotifications from \"../../_assets/js/layout/extended/quick-notifications\";\r\nimport KTLayoutQuickActions from \"../../_assets/js/layout/extended/quick-actions\";\r\n\r\nexport function LayoutInit() {\r\n useLayoutEffect(() => {\r\n // Initialization\r\n KTUtil.ready(function() {\r\n ////////////////////////////////////////////////////\r\n // Layout Base Partials(mandatory for core layout)//\r\n ////////////////////////////////////////////////////\r\n\r\n // Init Mobile Header\r\n KTLayoutHeaderMobile.init(\"kt_header_mobile\");\r\n\r\n // Init Aside\r\n KTLayoutAside.init(\"kt_aside\");\r\n\r\n // Init Aside Toggle\r\n KTLayoutAsideToggle.init(\"kt_aside_toggle\");\r\n\r\n // Init Aside Menu\r\n KTLayoutAsideMenu.init(\"kt_aside_menu\");\r\n\r\n // Init Content\r\n KTLayoutContent.init(\"kt_content\");\r\n\r\n // Init Footer\r\n KTLayoutFooter.init(\"kt_footer\");\r\n\r\n //////////////////////////////////////////////\r\n // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n\r\n // Init subheader\r\n KTLayoutSubheader.init(\"kt_subheader\");\r\n\r\n // Init Scrolltop\r\n KTLayoutScrolltop.init(\"kt_scrolltop\");\r\n\r\n // Init Sticky Card\r\n KTLayoutStickyCard.init(\"kt_page_sticky_card\");\r\n\r\n // Init Stretched Card\r\n KTLayoutStretchedCard.init(\"kt_page_stretched_card\");\r\n\r\n // Init Quick Actions Offcanvas Panel\r\n KTLayoutQuickActions.init(\"kt_quick_actions\");\r\n\r\n // Init Quick Offcanvas Panel\r\n KTLayoutQuickPanel.init(\"kt_quick_panel\");\r\n\r\n // Init Quick User Panel\r\n KTLayoutQuickUser.init(\"kt_quick_user\");\r\n\r\n // Init Quick Search Panel\r\n KTLayoutQuickSearch.init(\"kt_quick_search\");\r\n\r\n // Init Quick Notifications Offcanvas Panel\r\n KTLayoutQuickNotifications.init(\"kt_quick_notifications\");\r\n });\r\n }, []);\r\n return <>;\r\n}\r\n","import React, { createContext, useState, useContext } from \"react\";\r\n\r\nexport function getBreadcrumbsAndTitle(menuId, pathName) {\r\n const result = {\r\n breadcrumbs: [],\r\n title: \"\",\r\n };\r\n const menu = document.getElementById(menuId);\r\n if (!menu) {\r\n return result;\r\n }\r\n\r\n const activeLinksArray = Array.from(\r\n menu.getElementsByClassName(\"active\") || []\r\n );\r\n const activeLinks = activeLinksArray.filter((el) => el.tagName === \"A\");\r\n if (!activeLinks) {\r\n return result;\r\n }\r\n\r\n activeLinks.forEach((link) => {\r\n const titleSpans = link.getElementsByClassName(\"menu-text\");\r\n\r\n if (titleSpans) {\r\n const titleSpan = Array.from(titleSpans).find(\r\n (t) => t.innerHTML && t.innerHTML.trim().length > 0\r\n );\r\n if (titleSpan) {\r\n result.breadcrumbs.push({\r\n pathname: link.pathname.replace(process.env.PUBLIC_URL, \"\"),\r\n title: titleSpan.innerHTML,\r\n });\r\n }\r\n }\r\n });\r\n result.title = getTitle(result.breadcrumbs, pathName);\r\n return result;\r\n}\r\n\r\nexport function getTitle(breadCrumbs, pathname) {\r\n if (!breadCrumbs || !pathname) {\r\n return \"\";\r\n }\r\n\r\n const length = breadCrumbs.length;\r\n if (!length) {\r\n return \"\";\r\n }\r\n\r\n return breadCrumbs[length - 1].title;\r\n}\r\n\r\nconst SubheaderContext = createContext();\r\n\r\nexport function useSubheader() {\r\n return useContext(SubheaderContext);\r\n}\r\n\r\nexport const SubheaderConsumer = SubheaderContext.Consumer;\r\n\r\nexport function MetronicSubheaderProvider({ children }) {\r\n const [title, setTitle] = useState(\"\");\r\n const [breadcrumbs, setBreadcrumbs] = useState([]);\r\n const value = { title, setTitle, breadcrumbs, setBreadcrumbs };\r\n return (\r\n {\r\n apiCalll({\r\n method: \"PUT\",\r\n link: `/Notifications/MarkAsRead?id=${props.id}`,\r\n }).then((dataResult) => {\r\n props.getNotificqtions()\r\n });\r\n if (props.link !== null && props.link !== \"\" && props.link !== undefined) {\r\n history.push(props.link);\r\n }\r\n }}>\r\n
\r\n \r\n \r\n )\r\n};\r\n\r\nexport default Message;","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\r\n\r\nconst perfectScrollbarOptions = {\r\n wheelSpeed: 2,\r\n wheelPropagation: false,\r\n};\r\nfunction generateIcone(Entity) {\r\n var classe = \"\";\r\n switch (Entity) {\r\n case \"Orders\":\r\n classe = \"flaticon2-supermarket\";\r\n break;\r\n case \"Patients\":\r\n classe = \"flaticon-users\";\r\n break;\r\n default:\r\n classe = \"flaticon2-supermarket\";\r\n }\r\n return classe;\r\n}\r\nexport function SearchResult({ data, searchValue, setSearchValue }) {\r\n if (!data) {\r\n return null;\r\n }\r\n\r\n if (data.length === 0) {\r\n return (\r\n \r\n \r\n \r\n \r\n {props.isRead !== true ? : \"\"}\r\n\r\n
\r\n \r\n false}\r\n className=\"text-dark text-hover-primary mb-1 font-size-lg\"\r\n >\r\n {props.title}\r\n \r\n \r\n {/* {props.message} */}\r\n \r\n \r\n {props.is12HourFormat ? ConvertToDateCurrentTimeZoneDateTime(props.date) : ConvertToDateCurrentTimeZoneDateTime24Hour(props.date)}\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n No record found
\r\n \r\n {/* begin: Section */}\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","import { HubConnectionBuilder } from '@microsoft/signalr';\r\nimport clsx from \"clsx\";\r\nimport low from \"lowdb\";\r\nimport LocalStorage from \"lowdb/adapters/LocalStorage\";\r\nimport objectPath from \"object-path\";\r\nimport React, { Fragment, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Dropdown, Nav, OverlayTrigger, Tab, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport Swal from \"sweetalert2\";\r\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\r\nimport { apiCalll } from \"../../../../../_helpers/apiHelpers\";\r\nimport { DropdownItemToggler, DropdownTopbarItemToggler } from \"../../../../../_partials/dropdowns\";\r\nimport { useHtmlClassService } from \"../../../../_core/MetronicLayout\";\r\nimport Message from \"../notification/message\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { useCount } from \"./contextCount\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport NotificationSound from \"../../../../../../app/modules/ECommerce/pages/managecommandcenter/sounds/notification-sound.mp3\";\r\n\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\nconst adapter = new LocalStorage(\"db\");\r\nconst db = low(adapter);\r\nlet controller = new AbortController();\r\nconst bgImage = toAbsoluteUrl(\"/media/bg/bg-4.jpg\");\r\n\r\nconst perfectScrollbarOptions = {\r\n wheelSpeed: 2,\r\n wheelPropagation: false,\r\n};\r\nexport function SearchDropdown() {\r\n \r\n const history = useHistory();\r\n const [loading, setLoading] = useState(false);\r\n const [data, setData] = useState(null);\r\n const [searchValue, setSearchValue] = useState(\"\");\r\n // Signal R\r\n const [connection, setConnection] = useState(null);\r\n const [is12HourFormat, setIs12HourFormat] = useState(false);\r\n const [chat, setChat] = useState([]);\r\n const [chatFromApi, setChatFromApi] = useState([]);\r\n const latestChat = useRef(null);\r\n const [key, setKey] = useState(\"Alerts\");\r\n latestChat.current = chat;\r\n const audioPlayer = useRef(null);\r\n\r\n let timeoutId;\r\n\r\n const clearTimeout = () => {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n timeoutId = undefined;\r\n }\r\n };\r\n const { t } = useTranslation();\r\n\r\n const handleSearchChange = async (event) => {\r\n setData(null);\r\n setSearchValue(event.target.value);\r\n controller.abort();\r\n controller = new AbortController();\r\n await getQuickSearchReselt(event.target.value);\r\n };\r\n const { setCount, setReloadRxDrop, setNotifications, setIsSound } = useCount();\r\n\r\n const clear = () => {\r\n setData(null);\r\n setSearchValue(\"\");\r\n };\r\n function getQuickSearchReselt(params) {\r\n const signal = controller.signal;\r\n setLoading(true);\r\n var myHeaders = new Headers();\r\n myHeaders.append(\r\n \"Authorization\",\r\n `Bearer ${JSON.parse(localStorage.getItem(\"user\")).token}`\r\n );\r\n\r\n var requestOptions = {\r\n method: \"GET\",\r\n headers: myHeaders,\r\n signal: signal,\r\n redirect: \"follow\",\r\n };\r\n\r\n return fetch(\r\n `${process.env.REACT_APP_BASE_URL}/Search/SmallSearch?query=${params}&entity=global`,\r\n requestOptions\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((text) => [statusCode, { Message: \"\" }]);\r\n }\r\n })\r\n .then(async (result) => {\r\n if (result.length > 0 && result[0] === 200) {\r\n var datas = result[1];\r\n setData(datas?.results || []);\r\n setLoading(false);\r\n } else if (result.length > 0 && result[0] === 402) {\r\n Swal.fire({\r\n title: t(\"Info!\"),\r\n text: t(\"You_have_to_subscribe_first\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n setLoading(false);\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n setData([]);\r\n setLoading(false);\r\n console.log(\"error\", error);\r\n });\r\n }\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n async function getNotifications() {\r\n await apiCalll({\r\n method: \"GET\",\r\n link: `/Notifications?isRead=&pageNumber=${1}&pageSize=${5}&search=&sortField=&sortOrder=desc`,\r\n }).then((dataResult) => {\r\n if (!!dataResult && dataResult?.length > 0 && dataResult[0] === 200) {\r\n setCount(dataResult[1]?.rxDropCount ?? 0);\r\n var array = dataResult[1]?.notifications || [];\r\n setChatFromApi([...array]);\r\n setChat([...array]);\r\n setNotifications([...array]);\r\n setIs12HourFormat(dataResult[1]?.is12HourFormat)\r\n }\r\n });\r\n }\r\n useEffect(() => {\r\n getNotifications()\r\n\r\n const newConnection = new HubConnectionBuilder()\r\n .withUrl(`${BASE_URL?.replace(\"/api\",\"\")}/Hubs/chat`)\r\n .withAutomaticReconnect()\r\n .build();\r\n\r\n setConnection(newConnection);\r\n }, []);\r\n function playAudio() {\r\n try {\r\n if (!!audioPlayer.current) {\r\n audioPlayer.current.play();\r\n }\r\n } catch (err) { }\r\n }\r\n\r\n useEffect(() => {\r\n if (connection) {\r\n connection.start()\r\n .then(result => {\r\n var connectionId = connection?.connection?.connectionId;\r\n if (connectionId) {\r\n apiCalll({\r\n method: \"PUT\",\r\n link: `/Notifications/SetConnectionId`,\r\n data: {\r\n \"id\": connectionId\r\n },\r\n });\r\n }\r\n\r\n connection.on('ReceiveMessage', message => {\r\n const updatedChat = [...latestChat.current];\r\n console.log(\"🚀 ~ file: UserNotificationsDropdown.js:79 ~ useEffect ~ updatedChat:\", updatedChat)\r\n setCount(message?.rxDropCount);\r\n setReloadRxDrop(true);\r\n // updatedChat.push(message);\r\n\r\n setChat([message, ...updatedChat]);\r\n if(message?.withSound){\r\n setIsSound(true);\r\n playAudio();\r\n }\r\n\r\n setNotifications([message, ...updatedChat]);\r\n });\r\n })\r\n .catch(e => console.log('Connection failed: ', e));\r\n connection.onreconnected((connectionId) => {\r\n if (connectionId) {\r\n apiCalll({\r\n method: \"PUT\",\r\n link: `/Notifications/SetConnectionId`,\r\n data: {\r\n \"id\": connectionId\r\n },\r\n });\r\n }\r\n });\r\n }\r\n }, [connection]);\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n offcanvas:\r\n objectPath.get(uiService.config, \"extras.search.layout\") ===\r\n \"offcanvas\",\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {!layoutProps.offcanvas && (\r\n \r\n Results\r\n
\r\n \r\n {data.map((item, index) => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {item.entity} ({item.number} results)\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {layoutProps.offcanvas &&\r\n JSON.parse(localStorage.getItem(\"user\"))?.roles.some((v) =>\r\n [\r\n \"Business Admin\",\r\n \"Business User\",\r\n \"Business Manager\",\r\n \"Business Staff\",\r\n \"Business Viewer\",\r\n ].includes(v)\r\n ) && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n 0\r\n ? \"none\"\r\n : \"flex\",\r\n }}\r\n onClick={clear}\r\n className=\"quick-search-close ki ki-close icon-sm text-muted\"\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n history.push(`/search?entity=&key=${searchValue}`);\r\n }}\r\n >\r\n \r\n
\r\n - \r\n \r\n {items.map((item, index) => (\r\n
- \r\n
\r\n {/* begin::Mobile Toggle */}\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n {/* end::Mobile Toggle */}\r\n\r\n {/* begin::Heading */}\r\n
\r\n {/* Info */}\r\n\r\n {/* Toolbar */}\r\n {role === \"Carrier Admin\" && isCostsMissing === true && (\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Heading */}\r\n \r\n {subheader.title}\r\n
\r\n {/* end::Title */}\r\n\r\n\r\n \r\n
\r\n \r\n {t(\"You have to setup your costs, Settings\")} {\">\"}{\" \"}\r\n \r\n Pricing\r\n \r\n
\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import objectPath from \"object-path\";\r\nimport React, { useEffect, useMemo, useState } from \"react\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { AnimateLoading } from \"../../_partials/controls\";\r\nimport { Aside } from \"./aside/Aside\";\r\nimport { QuickUser } from \"./extras/offcanvas/QuickUser\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport function Layout({ children }) {\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [ProfileInitForm , setProfileInitForm] = useState(false);\r\n const [pic, setPic] = useState(false);\r\n const history = useHistory();\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\"),\r\n };\r\n }, [uiService]);\r\n\r\n const handleGetUser = () => {\r\n fetch(`${BASE_URL}/Account/Profile`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + token\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (\r\n contentType && contentType.indexOf(\"application/json\") !== -1\r\n ) {\r\n return response.json().then((data) => [statusCode,data]);\r\n } else {\r\n return response.text().then((data) => [statusCode,data]);\r\n }\r\n })\r\n .then(data => {\r\n if(data[0] === 200){\r\n setProfileInitForm(prev => ({ ...prev, ...data[1]?.profile }));\r\n setPic(data[1]?.profile?.profilePicture);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n handleGetUser();\r\n }, []);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n \r\n \r\n\r\n {/*begin::Wrapper*/}\r\n \r\n {/*begin::Content*/}\r\n \r\n
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {/*end::Entry*/}\r\n \r\n {children}\r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, {useEffect, useState} from \"react\";\r\nimport {useRouteMatch} from \"react-router-dom\";\r\n\r\nexport function Content({ children }) {\r\n const match = useRouteMatch() || {};\r\n const animationEndClass = \"grid-animateContent-finished\";\r\n const [cssClassesState, setCssClassesState] = useState([\r\n \"grid-animateContent\",\r\n animationEndClass\r\n ]);\r\n\r\n useEffect(() => {\r\n // for animation start should toggle 'grid-animateContent-finished' css class\r\n // TODO: change useMemo\r\n const fullClasses = [...cssClassesState];\r\n const startAnimation = fullClasses.filter(el => el !== animationEndClass);\r\n setCssClassesState(startAnimation);\r\n const timeOutId = setTimeout(() => {\r\n setCssClassesState(fullClasses);\r\n }, 200);\r\n\r\n return () => {\r\n clearTimeout(timeOutId);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [match.url]);\r\n\r\n return <>{children};\r\n}\r\n","import React from \"react\";\r\nimport {Route} from \"react-router-dom\";\r\nimport {Content} from \"./Content\";\r\n\r\nexport function ContentRoute({ children, component, render, ...props }) {\r\n return (\r\n \r\n handleFirstPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-info mr-2 my-1\"\r\n >\r\n \r\n \r\n handlePrevPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-info mr-2 my-1\"\r\n >\r\n \r\n \r\n\r\n {page > 1 && (\r\n \r\n ...\r\n \r\n )}\r\n {pages.map((p) => (\r\n handleSelectedPage(paginationProps, p)}\r\n className={`btn btn-icon btn-sm border-0 btn-light ${\r\n page === p ? \" btn-hover-info active\" : \"\"\r\n } mr-2 my-1`}\r\n >\r\n {p}\r\n \r\n ))}\r\n {page < pagesCount && (\r\n \r\n ...\r\n \r\n )}\r\n handleNextPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-info mr-2 my-1\"\r\n >\r\n \r\n \r\n handleLastPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-info mr-2 my-1\"\r\n >\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport {PaginationTotalStandalone} from \"react-bootstrap-table2-paginator\";\r\n\r\nexport function PaginationToolbar(props) {\r\n const { isLoading, paginationProps } = props;\r\n const {\r\n sizePerPageList,\r\n sizePerPage,\r\n totalSize,\r\n onSizePerPageChange = [\r\n { text: \"10\", value: 10 },\r\n { text: \"20\", value: 20 },\r\n { text: \"50\", value: 50 },\r\n { text: \"100\", value: 100 }\r\n ]\r\n } = paginationProps;\r\n const style = {\r\n width: \"75px\"\r\n };\r\n\r\n const onSizeChange = event => {\r\n if(props?.table){\r\n localStorage.setItem(props?.table, event.target.value);\r\n }\r\n const newSize = +event.target.value;\r\n onSizePerPageChange(newSize);\r\n };\r\n\r\n return (\r\n \r\n {isLoading && (\r\n \r\n {sizePerPageList.map(option => {\r\n const isSelect = sizePerPage === `${option.value}`;\r\n return (\r\n \r\n {option.text}\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {PaginationLinks} from \"./PaginationLinks\";\r\nimport {PaginationToolbar} from \"./PaginationToolbar\";\r\n\r\nexport function Pagination(props) {\r\n const { children, isLoading, paginationProps } = props;\r\n return (\r\n <>\r\n {children}\r\n \r\n
\r\n )}\r\n Loading...
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { forwardRef, useEffect, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport {isFragment} from \"react-is\";\r\n\r\nexport const CardHeaderIcon = forwardRef(({ className }, ref) => (\r\n \r\n));\r\n\r\nexport const CardHeaderTitle = forwardRef(({ className, ...props }, ref) => (\r\n // eslint-disable-next-line jsx-a11y/heading-has-content\r\n \r\n));\r\n\r\nexport const CardHeaderToolbar = forwardRef(\r\n ({ children, className, ...props }, ref) => (\r\n \r\n {children}\r\n
\r\n )\r\n);\r\n\r\nexport const CardHeader = forwardRef(\r\n (\r\n {\r\n children,\r\n icon,\r\n title,\r\n toolbar,\r\n className,\r\n sticky = false,\r\n labelRef,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [top, setTop] = useState(0);\r\n const [windowHeight, setWindowHeight] = useState(0);\r\n\r\n useEffect(() => {\r\n handleResize();\r\n\r\n function handleResize() {\r\n setWindowHeight(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n // Skip if sticky is disabled or on initial render when we don't know about window height.\r\n if (!sticky || windowHeight === 0) {\r\n return;\r\n }\r\n\r\n const headerElement = document.querySelector(\".header\");\r\n const subheaderElement = document.querySelector(\".subheader\");\r\n const headerMobileElement = document.querySelector(\".header-mobile\");\r\n\r\n let nextMarginTop = 0;\r\n\r\n // mobile header\r\n if (window.getComputedStyle(headerElement).height === \"0px\") {\r\n nextMarginTop = headerMobileElement.offsetHeight;\r\n } else {\r\n // desktop header\r\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\r\n // hardcoded minimized header height\r\n nextMarginTop = 60;\r\n } else {\r\n // normal fixed header\r\n if (document.body.classList.contains(\"header-fixed\")) {\r\n nextMarginTop += headerElement.offsetHeight;\r\n }\r\n\r\n if (document.body.classList.contains(\"subheader-fixed\")) {\r\n nextMarginTop += subheaderElement.offsetHeight;\r\n }\r\n }\r\n }\r\n\r\n setTop(nextMarginTop);\r\n }, [sticky, windowHeight]);\r\n\r\n return (\r\n \r\n {icon}\r\n\r\n {/* Wrap string and fragments in CardHeaderTitle */\r\n typeof title === \"string\" || isFragment(title) ? (\r\n {title} \r\n ) : (\r\n title\r\n )}\r\n
\r\n )}\r\n\r\n {toolbar}\r\n {children}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport const CardBody = forwardRef(\r\n ({ fit, fluid, className, ...props }, ref) => (\r\n {text}
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\n// Set display name for debugging.\r\nif (process.env.NODE_ENV !== \"production\") {\r\n Notice.displayName = \"Notice\";\r\n}\r\n","import React from \"react\";\r\nimport { ProgressBar } from \"react-bootstrap\";\r\n\r\nexport function ModalProgressBar({variant = \"success\"}) {\r\n return (\r\n \" +\r\n \"
\" +\r\n (Array.isArray(result[1]) && result[1]?.length > 0\r\n ? \"Errors: \" + result[1]?.length + \"
\"\r\n : \"\") +\r\n (Array.isArray(result[1]) && result[1]?.length > 0\r\n ? \"
\"\r\n : \"\") +\r\n (Array.isArray(result[1]) && result[1]?.length > 0\r\n ? \"
- \" +\r\n result[1]\r\n ?.map(\r\n (s, i) =>\r\n `
- ${\r\n s\r\n } `\r\n )\r\n .join(\"
\") +\r\n \"
\r\n {props.label}\r\n {children}\r\n
\r\n );\r\n\r\n function getItemString(value) {\r\n return value\r\n ?.toString()\r\n ?.replaceAll(\" \", \"\")\r\n ?.replaceAll(\"*\", \"\")\r\n ?.trim()\r\n ?.toLowerCase();\r\n }\r\n\r\n const customStyles = {\r\n // add custom styles for the label\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: state.data.label.includes(\"*\") ? \"red\" : \"black\",\r\n }),\r\n };\r\n const [maximizeModal, setMaximizeModal] = useState(\"\");\r\n\r\n //content columns mapped\r\n const columnsMappedContent = useMemo(() => {\r\n console.log(\"dddd\", Object.entries(\r\n InfoJsonResult.length > 0 ? InfoJsonResult[0] : []\r\n ));\r\n return Object.entries(InfoJsonResult.length > 0 ? InfoJsonResult[0] : [])\r\n .map((a, index) => {\r\n return {\r\n id: index + 1,\r\n field: String(a[0]),\r\n visible: true,\r\n label: String(a[0]),\r\n // cellRenderer: CustomFiled,\r\n };\r\n })\r\n .map((item, index) => {\r\n var currentItem = fieldsMapped?.find((y) => y?.id === item?.id);\r\n return (\r\n \r\n {\r\n try {\r\n var field2 = fields.find(\r\n (s) =>\r\n (!!s.name ? s?.name : s?.label)\r\n ?.toString()\r\n ?.replaceAll(\" \", \"\")\r\n ?.replaceAll(\"*\", \"\")\r\n ?.toLowerCase() ===\r\n e?.label\r\n ?.toString()\r\n .replaceAll(\" \", \"\")\r\n ?.replaceAll(\"*\", \"\")\r\n .toLowerCase() && currentItem?.id === item?.id\r\n );\r\n if (!!currentItem) {\r\n setFieldsMapped((x) => {\r\n x = x.filter((y) => y?.id !== currentItem?.id);\r\n if (!!field2) {\r\n x.push({\r\n viewModelId: e?.value?.toString(),\r\n id: item.id,\r\n name: e?.label,\r\n field: `${e?.label}`,\r\n required: field2?.repuired ?? field2?.required,\r\n index: index,\r\n keyField: item.label,\r\n });\r\n }\r\n return [...x];\r\n });\r\n } else {\r\n var fieldItem = fields.find(\r\n (s) =>\r\n (!!s.name ? s?.name : s?.label)\r\n ?.toString()\r\n ?.replaceAll(\" \", \"\")\r\n ?.replaceAll(\"*\", \"\")\r\n ?.toLowerCase() ===\r\n e?.label\r\n ?.toString()\r\n .replaceAll(\" \", \"\")\r\n ?.replaceAll(\"*\", \"\")\r\n .toLowerCase()\r\n );\r\n setFieldsMapped([\r\n ...fieldsMapped,\r\n {\r\n viewModelId: e?.value?.toString(),\r\n id: item.id,\r\n name: e?.label,\r\n field: e?.label,\r\n required: fieldItem?.repuired ?? fieldItem?.required,\r\n index: index,\r\n keyField: item.label,\r\n },\r\n ]);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n });\r\n }, [InfoJsonResult, customStyles, fields, fieldsMapped, options, type]);\r\n const [DataList, setDataList] = useState(InfoJsonResult);\r\n \r\n useEffect(()=>{\r\n if(InfoJsonResult){\r\n setDataList(InfoJsonResult)\r\n }\r\n },[InfoJsonResult])\r\n \r\n const [pageSize, setPageSize] = useState(10);\r\n const [currentPageData, setCurrentPageData] = useState([]);\r\n const [pageNumber, setPageNumber] = useState(0);\r\n useEffect(() => {\r\n console.log(pageNumber, pageSize)\r\n const startIndex = pageNumber * pageSize;\r\n const endIndex = startIndex + pageSize;\r\n setCurrentPageData(DataList?.slice(startIndex, endIndex));\r\n }, [DataList, pageNumber, pageSize]);\r\n useEffect(() => {\r\n if(props?.titleModal === \"Pharmacies\"){\r\n getViewModel();\r\n }\r\n }, []);\r\n\r\n const handlePageClick = ({ selected }) => {\r\n setPageNumber(selected);\r\n };\r\n const isStoresURL = window.location.pathname.includes('/stores');\r\n\r\n const handlePageSizeChange = (e) => {\r\n const newSize = parseInt(e.target.value, 10);\r\n const currentItemIndex = pageNumber * pageSize;\r\n const newPageNumber = Math.floor(currentItemIndex / newSize);\r\n console.log(newPageNumber)\r\n const limitedPageSize = Math.min(newSize, DataList.length);\r\n console.log(limitedPageSize)\r\n setPageSize(limitedPageSize);\r\n setPageNumber(0); \r\n };\r\n return (\r\n \r\n {props?.titleModal === \"Pharmacies\" &&
\r\n \r\n \r\n String(obj.value)\r\n .toLocaleLowerCase()\r\n .trim() ===\r\n String(pharmacyAdminId)\r\n .toLocaleLowerCase()\r\n .trim()\r\n )}\r\n onChange={(e) => {\r\n if(e){\r\n setPharmacyAdminId(e.value);\r\n }else{\r\n setPharmacyAdminId(\"\");\r\n }\r\n }}\r\n />\r\n
}\r\n \r\n Corporate Admin\r\n
\r\nUpload {props?.titleModal}
\r\n\r\n Use the 'Browse...' button to select a {props?.titleModal}{\" \"}\r\n import file.\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n {!!files && files.length > 0 && (\r\n \r\n )}\r\n \r\n Drop files here or{\" \"}\r\n \r\n browse\r\n \r\n
\r\n \r\n
\r\n {loadingTable ? (\r\n\r\n \r\n ) : InfoJsonResult.length > 0 && files.length !== 0 && DataList.length > 0 ? (\r\n <>\r\n {\r\n var list = ShowErrorsRow(cellContent, \"Drivers\");\r\n return (\r\n <>\r\n {list.length > 0 && (\r\n \r\n \r\n {list.map((item, index) => (\r\n <>\r\n {Array.isArray(item)\r\n ? item.map((x) => (\r\n <>\r\n {x}\r\n
\r\n \r\n ))\r\n : item}\r\n \r\n ))}\r\n \r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n },\r\n },\r\n ...Object.entries(\r\n InfoJsonResult.length > 0 ? InfoJsonResult[0] : []\r\n ).map((a, index) => {\r\n return {\r\n dataField: String(a[0]),\r\n text: String(a[0]),\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n id: index + 1,\r\n formatter: (cellContent, row) => {\r\n console.log(\r\n \"🚀 ~ file: ImportGlobal.js:1205 ~ ).map ~ row:\",\r\n row\r\n );\r\n return CustomFiled(String(a[0]), row[String(a[0])]);\r\n },\r\n };\r\n }),\r\n ]}\r\n defaultSorted={\"Id\"}\r\n \r\n >\r\n
\r\n \r\n {loadingTable ? (\r\n
\r\n \r\n Importing...\r\n \r\n
\r\n \r\n \r\n ))\r\n : item}\r\n \r\n ))}\r\n \r\n \r\n }\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n },\r\n },\r\n ...Object.entries(\r\n InfoJsonResult.length > 0 ? InfoJsonResult[0] : []\r\n ).map((a, index) => {\r\n return {\r\n dataField: String(a[0]),\r\n text: String(a[0]),\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n id: index + 1,\r\n formatter: (cellContent, row) => {\r\n console.log(\r\n \"🚀 ~ file: ImportGlobal.js:1205 ~ ).map ~ row:\",\r\n row\r\n );\r\n return CustomFiled(String(a[0]), row[String(a[0])]);\r\n },\r\n };\r\n }),\r\n ]}\r\n defaultSorted={\"Id\"}\r\n \r\n >\r\n
\r\n
\r\n\r\n\r\n\r\n \r\n \r\n ) : (\r\n files.length !== 0 && (\r\n \r\n Total rows: {DataList?.length}\r\n
\r\n \r\n {/* Add the dropdown/select for selecting the number of rows */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n )}\r\n \r\n Your file has an empty data, please upload new file with\r\n more data !\r\n
\r\n\r\n \r\n \r\n {(props?.fields ?? [])\r\n .filter((e) => e?.required)\r\n .map((x) => x?.name ?? x?.label)\r\n .join(\", \")}\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n
\r\n {columnsMappedContent}\r\n
\r\n )}\r\n {(isStoresURL === true && step !== 1) && (\r\n \r\n {columnsMappedContent}\r\n
\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n {/*begin::Svg Icon | path:/metronic/theme/html/demo1/dist/assets/media/svg/icons/Tools/Compass.svg*/}\r\n \r\n Stockholm-icons / Tools / Compass \r\n Created with Sketch. \r\n \r\n \r\n \r\n {/*end::Svg Icon*/}\r\n \r\n
\r\n \r\n Passwords must have at least one non-alphanumeric character, one digit (\\'0\\'-\\'9\\'), and one\r\n uppercase (\\'A\\'-\\'Z\\'). In case the password does not meet the required criteria, a new one will be generated.\r\n
\r\n \"),\r\n });\r\n } else {\r\n confirmImport();\r\n }\r\n }\r\n }}\r\n >\r\n {!LoadingPostImport && step === 2 && (\r\n \r\n )}\r\n {loaderMappedFields && (\r\n
\r\n
\r\n )}\r\n {step === 1 ? \"Next\" : \"Import\"}\r\n {step === 1 && }\r\n {step === 2 && LoadingPostImport && (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport ReactCodeInput from 'react-verification-code-input'\r\n\r\nexport default function AccountVerification({ setcode , ShowMessag }) {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const { t } = useTranslation();\r\n const handleCodeChange = (code) => {\r\n setcode(code) // Handle the code value here\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Register DeliveryEase
\r\n\r\n Scan this QR Code with a security or authentication app like Google Authenticator.\r\n
\r\n \r\n Download one from the App Store or Play Store\r\n
\r\n \r\n
\r\n \r\n Or entre the following code:\r\n
\r\n {QrCode?.manualCode}
\r\n\r\n Once you connect your DeliveryEase account to the security\r\n or authentication app, you'll get a one-time verification code whenever you need it.\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n FacebookShareButton,\r\n TwitterShareButton,\r\n LinkedinShareButton,\r\n WhatsappShareButton,\r\n FacebookIcon,\r\n TwitterIcon,\r\n LinkedinIcon,\r\n WhatsappIcon,\r\n} from \"react-share\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst SocialShare = ({flex}) => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const history = useHistory();\r\n const [shareUrl, setShareUrl] = useState(\"\");\r\n \r\n const handleGetQrCode2 = () => {\r\n fetch(`${BASE_URL}/Pharmacies/GetReferral`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setShareUrl(data[1]?.pharmacyLink);\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n console.log(\"in catch\");\r\n });\r\n };\r\n const title = \"Check out DeliveryEase!\";\r\n\r\n useEffect(() => {\r\n handleGetQrCode2();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Verify Authentication App
\r\n\r\n Enter a code from your security or authentication app to make sure everything works.\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n : \"\"}\r\n \r\n This doesn't look like the right code\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SocialShare;\r\n","import { useEffect, useState } from 'react';\r\nimport { driver } from 'driver.js';\r\nimport 'driver.js/dist/driver.css';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst GuidedTour = () => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const cuurentUser = localStorage.getItem('user')\r\n const role = JSON.parse(cuurentUser)?.roles\r\n const UserEmail = JSON.parse(cuurentUser)?.email\r\n const [IntroSeen, setIntroSeen] = useState(null)\r\n const [IndexStep, setIndexStep] = useState(0)\r\n const location = useLocation();\r\n const history = useHistory();\r\n const [ShowGetStarted, setShowGetStarted] = useState(null);\r\n\r\n const handleGetOrders = () => {\r\n fetch(`${BASE_URL}/RxDrop/IsRxDrop`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setShowGetStarted(data[1]);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n function EmailCheck(Email) {\r\n const currentPath = location.pathname;\r\n if (Email) {\r\n // Retrieve the current hasSeenIntro array from local storage\r\n const existingEmailsJSON = localStorage.getItem('hasSeenIntro');\r\n let hasSeenIntro = [];\r\n hasSeenIntro = JSON.parse(existingEmailsJSON);\r\n if (existingEmailsJSON) {\r\n if (hasSeenIntro.includes(Email)) {\r\n setIntroSeen(true)\r\n } else {\r\n if (currentPath === \"/user-profile\") {\r\n setIntroSeen(false)\r\n } else {\r\n history.push(\"/user-profile\");\r\n }\r\n }\r\n } else {\r\n if (currentPath === \"/user-profile\") {\r\n setIntroSeen(false)\r\n } else {\r\n history.push(\"/user-profile\");\r\n }\r\n }\r\n }\r\n }\r\n function NavigatFS(){\r\n history.push(\"/user-profile\");\r\n }\r\n function StopIntro() {\r\n if (UserEmail) {\r\n // Retrieve the current hasSeenIntro array from local storage\r\n const existingEmailsJSON = localStorage.getItem('hasSeenIntro');\r\n let hasSeenIntro = [];\r\n\r\n if (existingEmailsJSON) {\r\n // Parse the existing JSON to get the array\r\n hasSeenIntro = JSON.parse(existingEmailsJSON);\r\n }\r\n\r\n // Add the new email to the array\r\n hasSeenIntro.push(UserEmail);\r\n\r\n // Store the updated array back in local storage\r\n localStorage.setItem('hasSeenIntro', JSON.stringify(hasSeenIntro));\r\n }\r\n }\r\n \r\n useEffect(() => {\r\n if (role[0] === \"Business Manager\" || role[0] === \"Business Staff\") {\r\n if (UserEmail ) {\r\n handleGetOrders()\r\n EmailCheck(UserEmail)\r\n }\r\n }\r\n }, [UserEmail,ShowGetStarted])\r\n useEffect(() => {\r\n if (ShowGetStarted === true || ShowGetStarted === false) {\r\n const stepsBusinessManager = ShowGetStarted===true? [\r\n {\r\n element: '#Overview',\r\n popover: {\r\n title: 'Overview',\r\n description: 'Here you can check your profile information',\r\n \r\n },\r\n },\r\n {\r\n element: '#SettingsProfile',\r\n popover: {\r\n title: 'Settings',\r\n description: 'Fill in your information',\r\n \r\n\r\n }\r\n },\r\n {\r\n element: '#Billing',\r\n popover: {\r\n title: 'Billing',\r\n description: 'Easily manage and organize your billing information',\r\n \r\n }\r\n },\r\n {\r\n element: '#Invoices',\r\n popover: {\r\n title: 'Invoices',\r\n description: 'Here you can see all of your invoices',\r\n \r\n }\r\n },\r\n {\r\n element: '#Settings',\r\n popover: {\r\n title: 'Settings',\r\n description: 'Go to Settings',\r\n side: \"top\",\r\n onNextClick: () => {\r\n history.push(\"/settings\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n \r\n }\r\n },\r\n {\r\n element: '#OrderCustom',\r\n popover: {\r\n title: 'Order Custom Fields',\r\n description: 'Manage your Order Custom Fields',\r\n onPrevClick: () => {\r\n NavigatFS();\r\n setTimeout(() => {\r\n \r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n }, \r\n {\r\n element: '#CustOrder',\r\n popover: {\r\n title: 'Order Custom Fields',\r\n description: 'Add custom fields help you extend the order to include additional fields beyond the basic fields',\r\n \r\n }\r\n }, \r\n {\r\n element: '#CustomerCustom',\r\n popover: {\r\n title: 'Customer Custom Fields',\r\n description: 'Manage your Customer Custom Fields',\r\n onNextClick: () => {\r\n document.getElementById(\"CustomerCustom\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#CustCustomer',\r\n popover: {\r\n title: 'Customer Custom Fields',\r\n description: 'Add custom fields help you extend the customer to include additional fields beyond the basic fields',\r\n onPrevClick: () => {\r\n document.getElementById(\"OrderCustom\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n }, \r\n {\r\n element: '#SpecialRequirements',\r\n popover: {\r\n title: 'Special requirements',\r\n description: 'Manage your special requirements ',\r\n onNextClick: () => {\r\n document.getElementById(\"SpecialRequirements\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n \r\n }\r\n },\r\n {\r\n element: '#SpecialRequirementst',\r\n popover: {\r\n title: 'Special Requirements',\r\n description: 'Add special requirements. This allows you to quickly add tags to delivery orders (e.g: fridge item, fragile...)',\r\n onPrevClick: () => {\r\n document.getElementById(\"CustomerCustom\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Payments',\r\n popover: {\r\n title: 'payments',\r\n description: 'Manage your payments',\r\n onNextClick: () => {\r\n document.getElementById(\"Payments\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#GlobalPayments',\r\n popover: {\r\n title: 'Payments',\r\n description: 'Manage transactions seamlessly, such as global payment , Moneris and Stripe',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n document.getElementById(\"SpecialRequirements\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Dashboard',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Go to Dashboard',\r\n onNextClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#LineOrder',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Explore monthly order summaries',\r\n onPrevClick: () => {\r\n history.push(\"/settings\");\r\n setTimeout(() => {\r\n document.getElementById(\"Payments\").click()\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#CardStatistics',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Statistics of Total Orders, Total Staffs, Total Customers',\r\n }\r\n },\r\n {\r\n element: '#Deliveries',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Percentage of orders based on status (Draft, Open, Booked ...)',\r\n }\r\n },\r\n {\r\n element: '#LiveTracking',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Enables real-time monitoring of order status and location',\r\n }\r\n },\r\n {\r\n element: '#LatestOrders',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Displays key details of the most recent orders',\r\n }\r\n },\r\n {\r\n element: '#Managecustomers',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Go to Manage customers',\r\n onNextClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#customersTabel',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'This customer list presents the details of individual customers (name, phone, email...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Newcustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Create new customer',\r\n }\r\n },\r\n {\r\n element: '#ImportCustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Quickly add customers by uploading an Excel file',\r\n }\r\n },\r\n {\r\n element: '#RxDrop',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'Go to RxDrop',\r\n onNextClick: () => {\r\n history.push(\"/rxdrop\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, }\r\n },\r\n {\r\n element: '#OrdersRxDrop',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'This order list presents the details of individual orders(order, customer, delivery...)',\r\n onPrevClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#QrCode',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'Easily create a QR code for quick access to the Rxdrop website',\r\n }\r\n },\r\n {\r\n element: '#profileBtn',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'Copy link for quick access to the Rxdrop website',\r\n }\r\n },\r\n {\r\n element: '#Manageorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Go to Manage orders',\r\n onNextClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, \r\n }\r\n },\r\n {\r\n element: '#OrdersTable',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'This order list presents the details of individual orders(order, customer, delivery...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/rxdrop\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Neworder',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Create new order',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#exportorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Export orders',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#ImportOrders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Quickly add orders by uploading an Excel file',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#Managestaff',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'Go to Manage staff',\r\n onNextClick: () => {\r\n history.push(\"/staff\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, \r\n }\r\n },\r\n {\r\n element: '#StaffTable',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'This staff list presents the details of individual staffs(first name , last name, email...)',\r\n onPrevClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#NewStaff',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'Create new staff',\r\n\r\n }\r\n },\r\n {\r\n element: '#HelpCenter',\r\n popover: {\r\n title: 'Help center',\r\n description: 'Go to Help center',\r\n onNextClick: () => {\r\n history.push(\"/help-center\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#VedioSearch',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Find tutorials effortlessly by typing keywords into the search',\r\n onPrevClick: () => {\r\n history.push(\"/staff\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#vedios',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Explore a collection of helpful videos for easy website navigation',\r\n }\r\n },\r\n ]:\r\n [\r\n {\r\n element: '#Overview',\r\n popover: {\r\n title: 'Overview',\r\n description: 'Here you can check your profile information',\r\n \r\n },\r\n },\r\n {\r\n element: '#SettingsProfile',\r\n popover: {\r\n title: 'Settings',\r\n description: 'Fill in your information',\r\n \r\n\r\n }\r\n },\r\n {\r\n element: '#Billing',\r\n popover: {\r\n title: 'Billing',\r\n description: 'Easily manage and organize your billing information',\r\n \r\n }\r\n },\r\n {\r\n element: '#Invoices',\r\n popover: {\r\n title: 'Invoices',\r\n description: 'Here you can see all of your invoices',\r\n \r\n }\r\n },\r\n {\r\n element: '#Settings',\r\n popover: {\r\n title: 'Settings',\r\n description: 'Go to Settings',\r\n side: \"top\",\r\n onNextClick: () => {\r\n history.push(\"/settings\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n \r\n }\r\n },\r\n {\r\n element: '#OrderCustom',\r\n popover: {\r\n title: 'Order Custom Fields',\r\n description: 'Manage your Order Custom Fields',\r\n onPrevClick: () => {\r\n NavigatFS();\r\n setTimeout(() => {\r\n \r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n }, \r\n {\r\n element: '#CustOrder',\r\n popover: {\r\n title: 'Order Custom Fields',\r\n description: 'Add custom fields help you extend the order to include additional fields beyond the basic fields',\r\n \r\n }\r\n }, \r\n {\r\n element: '#CustomerCustom',\r\n popover: {\r\n title: 'Customer Custom Fields',\r\n description: 'Manage your Customer Custom Fields',\r\n onNextClick: () => {\r\n document.getElementById(\"CustomerCustom\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#CustCustomer',\r\n popover: {\r\n title: 'Customer Custom Fields',\r\n description: 'Add custom fields help you extend the customer to include additional fields beyond the basic fields',\r\n onPrevClick: () => {\r\n document.getElementById(\"OrderCustom\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n }, \r\n {\r\n element: '#SpecialRequirements',\r\n popover: {\r\n title: 'Special requirements',\r\n description: 'Manage your special requirements ',\r\n onNextClick: () => {\r\n document.getElementById(\"SpecialRequirements\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n \r\n }\r\n },\r\n {\r\n element: '#SpecialRequirementst',\r\n popover: {\r\n title: 'Special Requirements',\r\n description: 'Add special requirements. This allows you to quickly add tags to delivery orders (e.g: fridge item, fragile...)',\r\n onPrevClick: () => {\r\n document.getElementById(\"CustomerCustom\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Payments',\r\n popover: {\r\n title: 'payments',\r\n description: 'Manage your payments',\r\n onNextClick: () => {\r\n document.getElementById(\"Payments\").click();\r\n setTimeout(() => {\r\n driverObj.moveNext();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#GlobalPayments',\r\n popover: {\r\n title: 'Payments',\r\n description: 'Manage transactions seamlessly, such as global payment , Moneris and Stripe',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n document.getElementById(\"SpecialRequirements\").click()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 100)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Dashboard',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Go to Dashboard',\r\n onNextClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#LineOrder',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Explore monthly order summaries',\r\n onPrevClick: () => {\r\n history.push(\"/settings\");\r\n setTimeout(() => {\r\n document.getElementById(\"Payments\").click()\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#CardStatistics',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Statistics of Total Orders, Total Staffs, Total Customers',\r\n }\r\n },\r\n {\r\n element: '#Deliveries',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Percentage of orders based on status (Draft, Open, Booked ...)',\r\n }\r\n },\r\n {\r\n element: '#LiveTracking',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Enables real-time monitoring of order status and location',\r\n }\r\n },\r\n {\r\n element: '#LatestOrders',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Displays key details of the most recent orders',\r\n }\r\n },\r\n {\r\n element: '#Managecustomers',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Go to Manage customers',\r\n onNextClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#customersTabel',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'This customer list presents the details of individual customers (name, phone, email...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Newcustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Create new customer',\r\n }\r\n },\r\n {\r\n element: '#ImportCustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Quickly add customers by uploading an Excel file',\r\n }\r\n },\r\n {\r\n element: '#RxDrop',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'Go to RxDrop',\r\n onNextClick: () => {\r\n history.push(\"/rxdrop\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, }\r\n },\r\n {\r\n element: '#GetStarted',\r\n popover: {\r\n title: 'RxDrop',\r\n description: 'Get Started',\r\n onPrevClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Manageorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Go to Manage orders',\r\n onNextClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, \r\n }\r\n },\r\n {\r\n element: '#OrdersTable',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'This order list presents the details of individual orders(order, customer, delivery...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/rxdrop\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Neworder',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Create new order',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#exportorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Export orders',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#ImportOrders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Quickly add orders by uploading an Excel file',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#Managestaff',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'Go to Manage staff',\r\n onNextClick: () => {\r\n history.push(\"/staff\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, \r\n }\r\n },\r\n {\r\n element: '#StaffTable',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'This staff list presents the details of individual staffs(first name , last name, email...)',\r\n onPrevClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#NewStaff',\r\n popover: {\r\n title: 'Manage staff',\r\n description: 'Create new staff',\r\n\r\n }\r\n },\r\n {\r\n element: '#HelpCenter',\r\n popover: {\r\n title: 'Help center',\r\n description: 'Go to Help center',\r\n onNextClick: () => {\r\n history.push(\"/help-center\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#VedioSearch',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Find tutorials effortlessly by typing keywords into the search',\r\n onPrevClick: () => {\r\n history.push(\"/staff\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#vedios',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Explore a collection of helpful videos for easy website navigation',\r\n }\r\n },\r\n ];\r\n const stepsBusinessStaff = [\r\n {\r\n element: '#Overview',\r\n popover: {\r\n title: 'Overview',\r\n description: 'Here you can check your profile information',\r\n \r\n },\r\n },\r\n {\r\n element: '#SettingsProfile',\r\n popover: {\r\n title: 'Settings',\r\n description: 'Fill in your information',\r\n \r\n\r\n }\r\n },\r\n {\r\n element: '#Dashboard',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Go to Dashboard',\r\n onNextClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#LineOrder',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Explore monthly order summaries',\r\n onPrevClick: () => {\r\n NavigatFS()\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#CardStatistics',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Card Statistics (Total Orders, Total Customers)',\r\n }\r\n },\r\n {\r\n element: '#Deliveries',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Percentage of orders based on status (Draft, Open, Booked ...)',\r\n }\r\n },\r\n {\r\n element: '#LiveTracking',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Enables real-time monitoring of order status and location',\r\n }\r\n },\r\n {\r\n element: '#LatestOrders',\r\n popover: {\r\n title: 'Dashboard',\r\n description: 'Displays key details of the most recent orders',\r\n }\r\n },\r\n {\r\n element: '#Managecustomers',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Go to Manage customers',\r\n onNextClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#customersTabel',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'This customer list presents the details of individual customers (name, phone, email...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/dashboard\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Newcustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Create new customer',\r\n }\r\n },\r\n {\r\n element: '#ImportCustomer',\r\n popover: {\r\n title: 'Manage customers',\r\n description: 'Quickly add customers by uploading an Excel file',\r\n }\r\n },\r\n {\r\n element: '#Manageorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Go to Manage orders',\r\n onNextClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n }, \r\n }\r\n },\r\n {\r\n element: '#OrdersTable',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'This order list presents the details of individual orders(order, customer, delivery...)',\r\n side: \"top\",\r\n onPrevClick: () => {\r\n history.push(\"/customers\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#Neworder',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Create new order',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#exportorders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Export orders',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#ImportOrders',\r\n popover: {\r\n title: 'Manage orders',\r\n description: 'Quickly add orders by uploading an Excel file',\r\n side: \"top\",\r\n }\r\n },\r\n {\r\n element: '#HelpCenter',\r\n popover: {\r\n title: 'Help center',\r\n description: 'Go to Help center',\r\n onNextClick: () => {\r\n history.push(\"/help-center\");\r\n setTimeout(() => {\r\n \r\n driverObj.moveNext();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#VedioSearch',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Find tutorials effortlessly by typing keywords into the search',\r\n onPrevClick: () => {\r\n history.push(\"/orders\");\r\n setTimeout(() => {\r\n driverObj.movePrevious();\r\n }, 1000)\r\n },\r\n }\r\n },\r\n {\r\n element: '#vedios',\r\n popover: {\r\n title: 'Help Center',\r\n description: 'Explore a collection of helpful videos for easy website navigation',\r\n }\r\n },\r\n ];\r\n function StepsRe() {\r\n if (role[0] === \"Business Manager\") {\r\n return stepsBusinessManager\r\n }else if (role[0] === \"Business Staff\") {\r\n return stepsBusinessStaff\r\n }\r\n }\r\n function StepsDone() {\r\n if (role[0] === \"Business Manager\") {\r\n return \"#vedios\"\r\n }else if (role[0] === \"Business Staff\") {\r\n return \"#vedios\"\r\n }\r\n }\r\n const driverObj = driver({\r\n popoverClass: 'driverjs-theme',\r\n nextBtnText: 'Next',\r\n prevBtnText: 'Previous',\r\n doneBtnText: 'Done',\r\n steps: StepsRe(),\r\n allowClose: false,\r\n smoothScroll: true,\r\n onCloseClick: (popover, state) => {\r\n console.log(\"\")\r\n },\r\n onPopoverRender: (popover, { config, state }) => {\r\n if (state?.activeIndex !== StepsRe()?.length - 1) {\r\n const firstButton = document.createElement('button');\r\n firstButton.innerText = 'Skip';\r\n popover.footerButtons.appendChild(firstButton);\r\n firstButton.addEventListener('click', () => {\r\n StopIntro();\r\n driverObj.destroy();\r\n });\r\n }\r\n },\r\n onDestroyed: (popover, config, state) => {\r\n if (config?.element === StepsDone()) {\r\n if (UserEmail) {\r\n // Retrieve the current hasSeenIntro array from local storage\r\n const existingEmailsJSON = localStorage.getItem('hasSeenIntro');\r\n let hasSeenIntro = [];\r\n if (existingEmailsJSON) {\r\n // Parse the existing JSON to get the array\r\n hasSeenIntro = JSON.parse(existingEmailsJSON);\r\n // Check if the entered email is already in the array\r\n if (hasSeenIntro.includes(UserEmail)) {\r\n setIntroSeen(true)\r\n } else {\r\n StopIntro()\r\n }\r\n } else {\r\n StopIntro()\r\n }\r\n }\r\n } else {\r\n console.log(\"\")\r\n }\r\n },\r\n });\r\n if (IntroSeen === false ) {\r\n setTimeout(() => {\r\n driverObj.drive(IndexStep);\r\n }, 2000)\r\n }\r\n }\r\n }, [IntroSeen , ShowGetStarted]);\r\n\r\n return null;\r\n};\r\n\r\nexport default GuidedTour;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport QRCODE from \"./QRCodeStep\";\r\nimport AccountVerification from \"./AccountVerification\";\r\nimport BackupVerificationCode from \"./BackupVerificationCode\";\r\nimport { login } from \"../../_redux/authCrud\";\r\nimport { connect } from \"react-redux\";\r\nimport useAuthStore from \"./authStore\";\r\nimport * as auth from \"../../_redux/authRedux\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\n\r\nfunction SetUp(props) {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const [steps, setsteps] = useState(0);\r\n const { t } = useTranslation();\r\n const [code, setcode] = useState(null)\r\n const [ShowMessag, setShowMessag] = useState(false);\r\n const { loginData } = useAuthStore();\r\n const handlePutVerification = () => {\r\n fetch(`${BASE_URL}/Account/TwoFactorAuthentication/Validation?pinCode=${code}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + loginData?.data?.data?.token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n if (data[1]?.valid) {\r\n setsteps(steps + 1)\r\n } else {\r\n setShowMessag(true)\r\n }\r\n } else if (data[0] === 401) {\r\n props.history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n useEffect(() => {\r\n if (loginData === null) {\r\n props.history.push(\"/auth/login\");\r\n }\r\n }, [loginData])\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Share Invite Link:
\r\n\r\n
\r\n\r\n );\r\n}\r\nexport default injectIntl(connect(null, auth.actions)(SetUp));\r\n\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport useAuthStore from \"./authStore\";\r\nimport { Container, Row, Col } from 'react-bootstrap';\r\nimport html2canvas from 'html2canvas';\r\nimport jsPDF from 'jspdf';\r\nimport { useReactToPrint } from \"react-to-print\";\r\n\r\n\r\nexport default function BackupVerificationCode({ history, currentPath ,token }) {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const { t } = useTranslation();\r\n const [data, setcode] = useState(null)\r\n const [numRows, setnumRows] = useState(null)\r\n\r\n const { loginData } = useAuthStore();\r\n console.log(loginData?.data?.data?.token, loginData)\r\n const handlebackupVerification = () => {\r\n fetch(`${BASE_URL}/Account/TwoFactorAuthentication/backupCodes`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n console.log(data[1]?.result)\r\n setcode(data[1]?.result)\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n const [Generate, setGenerate] = useState(false)\r\n\r\n const handlebackupCodeGenerated = () => {\r\n setGenerate(true)\r\n fetch(`${BASE_URL}/Account/TwoFactorAuthentication/backupCodes/generate`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setGenerate(false)\r\n setcode(data[1]?.result)\r\n } else if (data[0] === 401) {\r\n setGenerate(false)\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n setGenerate(false)\r\n console.log(error);\r\n });\r\n };\r\n const CurrentDate = () => {\r\n const currentDate = new Date();\r\n const options = { month: 'long', day: 'numeric', year: 'numeric' };\r\n const formattedDate = currentDate.toLocaleDateString('en-US', options);\r\n \r\n return formattedDate;\r\n };\r\n const contentRef = useRef(null);\r\n const handlePrint = useReactToPrint({\r\n content: () => {\r\n const contentNode = contentRef.current;\r\n\r\n // Create a temporary wrapper for printing\r\n const printWrapper = document.createElement('div');\r\n printWrapper.appendChild(contentNode.cloneNode(true));\r\n\r\n // Apply styles to center the content both horizontally and vertically\r\n printWrapper.firstChild.style.display = 'flex';\r\n printWrapper.firstChild.style.alignItems = 'center';\r\n printWrapper.firstChild.style.justifyContent = 'center';\r\n\r\n // Return the temporary wrapper for printing\r\n return printWrapper;\r\n },\r\n });\r\n const handleDownload = () => {\r\n const content = contentRef.current;\r\n if (content) {\r\n html2canvas(content).then((canvas) => {\r\n const imgData = canvas.toDataURL('image/png');\r\n const pdf = new jsPDF('p', 'mm', 'a4');\r\n console.log(imgData)\r\n pdf.addImage(imgData, 'PNG', 0, 0, 210, 297); // A4 size: 210mm x 297mm\r\n pdf.save('downloaded.pdf');\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n if (data)\r\n console.log(data)\r\n console.log(Math.ceil(data?.length / 2))\r\n setnumRows(Math.ceil(data?.length / 2));\r\n }, [data])\r\n\r\n useEffect(() => {\r\n handlebackupVerification()\r\n }, [])\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {steps === 0 ?\r\n <>\r\n
\r\n \r\n
\r\n How Would You Like to Secure Your Account?
\r\n\r\n Choose how you'll confirm it's you when you log in on the web.\r\n
\r\n \r\n
\r\n : <>}\r\n {steps === 1 ?\r\n \r\n
\r\n Authentication app
\r\n\r\n Enter a one-time code from an app like Google Authenticator, Authy, Duo or Microsoft Authenticator\r\n
\r\n \r\n setsteps(steps + 1)}\r\n type=\"button\"\r\n className={`btn btn-outline-primary font-weight-bold px-9 py-4 my-3 `}\r\n\r\n >\r\n {t(\"Security app\")}\r\n {/* {loading && } */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {steps === 3 ?\r\n :\r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n {/*end::Login*/}\r\n \r\n );\r\n}\r\n","import {createSlice} from \"@reduxjs/toolkit\";\r\n\r\nconst initialCustomersState = {\r\n listLoading: false,\r\n actionsLoading: false,\r\n totalCount: 0,\r\n entities: null,\r\n customerForEdit: undefined,\r\n lastError: null\r\n};\r\nexport const callTypes = {\r\n list: \"list\",\r\n action: \"action\"\r\n};\r\n\r\nexport const customersSlice = createSlice({\r\n name: \"customers\",\r\n initialState: initialCustomersState,\r\n reducers: {\r\n catchError: (state, action) => {\r\n state.error = `${action.type}: ${action.payload.error}`;\r\n if (action.payload.callType === callTypes.list) {\r\n state.listLoading = false;\r\n } else {\r\n state.actionsLoading = false;\r\n }\r\n },\r\n startCall: (state, action) => {\r\n state.error = null;\r\n if (action.payload.callType === callTypes.list) {\r\n state.listLoading = true;\r\n } else {\r\n state.actionsLoading = true;\r\n }\r\n },\r\n // getCustomerById\r\n customerFetched: (state, action) => {\r\n state.actionsLoading = false;\r\n state.customerForEdit = action.payload.customerForEdit;\r\n state.error = null;\r\n },\r\n // findCustomers\r\n customersFetched: (state, action) => {\r\n const { totalCount, entities } = action.payload;\r\n state.listLoading = false;\r\n state.error = null;\r\n state.entities = entities;\r\n state.totalCount = totalCount;\r\n },\r\n // createCustomer\r\n customerCreated: (state, action) => {\r\n state.ewactionsLoading = false;\r\n state.error = null;\r\n state.entities.push(action.payload.customer);\r\n },\r\n // updateCustomer\r\n customerUpdated: (state, action) => {\r\n state.error = null;\r\n state.actionsLoading = false;\r\n state.entities = state.entities.map(entity => {\r\n if (entity.id === action.payload.customer.id) {\r\n return action.payload.customer;\r\n }\r\n return entity;\r\n });\r\n },\r\n // deleteCustomer\r\n customerDeleted: (state, action) => {\r\n state.error = null;\r\n state.actionsLoading = false;\r\n state.entities = state.entities.filter(el => el.id !== action.payload.id);\r\n },\r\n // deleteCustomers\r\n customersDeleted: (state, action) => {\r\n state.error = null;\r\n state.actionsLoading = false;\r\n state.entities = state.entities.filter(\r\n el => !action.payload.ids.includes(el.id)\r\n );\r\n },\r\n // customersUpdateState\r\n customersStatusUpdated: (state, action) => {\r\n state.actionsLoading = false;\r\n state.error = null;\r\n const { ids, status } = action.payload;\r\n state.entities = state.entities.map(entity => {\r\n if (ids.findIndex(id => id === entity.id) > -1) {\r\n entity.status = status;\r\n }\r\n return entity;\r\n });\r\n }\r\n }\r\n});\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { useState } from \"react\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {\r\n sortCaret,\r\n headerSortingClasses,\r\n PleaseWaitMessage,\r\n NoRecordsFoundMessage,\r\n toAbsoluteUrl,\r\n} from \"../../../../../../_metronic/_helpers\";\r\nimport { Pagination } from \"../../../../../../_metronic/_partials/controls\";\r\nimport {\r\n Button,\r\n Modal,\r\n OverlayTrigger,\r\n Tooltip,\r\n} from \"react-bootstrap\";\r\nimport {\r\n ConvertToDateCurrentTimeZoneOnlyDate,\r\n Currency,\r\n CustomCheckbox,\r\n ExportAs,\r\n getFromatdate,\r\n GetRole,\r\n} from \"../../../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport \"react-google-flight-datepicker/dist/main.css\";\r\nimport { RangeDatePicker } from \"react-google-flight-datepicker\";\r\nimport moment from \"moment\";\r\nimport {\r\n ModelStateMessage,\r\n apiCalll,\r\n} from \"../../../../../../_metronic/_helpers/apiHelpers\";\r\nimport Swal from \"sweetalert2\";\r\nimport Invoice from \"./Invoice\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport ReactSelect from \"react-select\";\r\nimport InvoiceShort from \"./InvoiceShort\";\r\nimport html2pdf from 'html2pdf.js';\r\nimport UploadFiles from \"./UploadFiles\";\r\nimport FileViewerModal from \"../../approvedrivers/FileViewerModal\";\r\n\r\n\r\nconst PharmacyInvoicesHistoy = (props) => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const [pagination, setPagination] = useState([]);\r\n const [isSending, setIsSending] = useState(false);\r\n const [invoiceId, setInvoiceId] = useState(null);\r\n const [orders, setOrders] = useState([]);\r\n const [invoices, setInvoices] = useState([]);\r\n const [invoicesShort, setInvoicesShort] = useState([]);\r\n const [showShort, setShowShort] = useState(false);\r\n const [show, setShow] = useState(false);\r\n const params = useParams();\r\n const id = params.id;\r\n const [startDate, setStartDate] = useState(null);\r\n const [endDate, setEndDate] = useState(null);\r\n const [search, setSearch] = useState(\"\");\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [downloadIsLoading, setDownloadIsLoading] = useState(false);\r\n const [chargeSuccess, setChargeSuccess] = useState(null);\r\n const [isLaoding, setIsLaoding] = useState(false);\r\n const [isInvoiceLoading, setIsInvoiceLoading] = useState(false);\r\n const [showUpload, setShowUpload] = useState(false);\r\n const [showFile, setShowFile] = useState(false);\r\n const [path, setPath] = useState(false);\r\n const [ids, setIds] = useState([]);\r\n const history = useHistory();\r\n const componentRef = useRef();\r\n const [initFilter, setinitFilter] = useState({\r\n page: 1,\r\n sizePerPage: localStorage.getItem(\"invoicesPageSize\") ? parseInt(localStorage.getItem(\"invoicesPageSize\")) : 10,\r\n sortField: \"Id\",\r\n sortOrder: \"desc\",\r\n custom: true,\r\n totalSize: 100,\r\n sizePerPageList: [\r\n { text: \"10\", value: 10 },\r\n { text: \"20\", value: 20 },\r\n { text: \"50\", value: 50 },\r\n { text: \"100\", value: 100 },\r\n ],\r\n });\r\n\r\n const fetchBlobContent = (id) => {\r\n fetch(`${BASE_URL}/Invoicing/GetInvoicePdfLink/${id}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setPath(data[1]?.fileUrl);\r\n setShowFile(true)\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n };\r\n\r\n const columns = [\r\n {\r\n dataField: \"invoiceNumber\",\r\n text: \"Invoice #\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => #{row?.invoiceNumber},\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"created\",\r\n text: \"Created Date\",\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n Created Date\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Backup verification Codes
\r\n\r\n With 2FA enabled for your account, you'll need these backup codes if you ever \r\n lose access to your device. Without a backup code, you'll have to contact DeliveryEase \r\n support team to recover your account.\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n We recommend printing them and keeping them in a safe place.\r\n
\r\n {!!numRows === true ? \r\n \r\n {Array.from({ length: numRows }, (_, rowIndex) => {\r\n console.log(numRows, rowIndex)\r\n return \r\n {data.slice(rowIndex * 2, rowIndex * 2 + 2).map((item) => {\r\n console.log(item)\r\n return
\r\n })}\r\n \r\n\r\n
\r\n : \"\"}\r\n\r\n \r\n
\r\n \r\n })}\r\n {item.code}
\r\n \r\n
\r\n \r\n These codes were genarated on {CurrentDate()+\" \"}\r\n 0 have been used, 10 are still available\r\n
\r\n\r\n \r\n \r\n {Generate === true?\"Please wait...\":\"Generate new codes\"}\r\n \r\n
\r\n \r\n handlePrint()}\r\n >\r\n Print codes\r\n \r\n
\r\n \r\n {!!row.created\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.created)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paidDate\",\r\n text: \"Paid Date\",\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n Paid Date\r\n\r\n {!!row?.paidDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row?.paidDate)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"totalWithTax\",\r\n text: \"Paid Amount\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>{row.totalWithTax ? Currency(row.totalWithTax): \"$0.00\"}\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"startDate\",\r\n text: \"Pay Period \",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.startDate && moment(row.startDate).format(getFromatdate())}\r\n {\" - \"}\r\n {row.endDate && moment(row.endDate).format(getFromatdate())}\r\n \r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paymentSuccess\",\r\n text: \"Status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n\r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Date\r\n \r\n
\r\n \r\n obj.value === chargeSuccess)}\r\n isSearchable={true}\r\n name=\"chargeSuccess\"\r\n options={status}\r\n onChange={(e) => {\r\n setChargeSuccess(e.value);\r\n }}\r\n />\r\n \r\n Status\r\n \r\n
\r\n {(props.isMaster === true && ids.length === 0) && (\r\n \r\n {\r\n handleGetInvoicesByFilter();\r\n }}\r\n >\r\n Generate Master Invoice By Filter {pagination?.totalItemCount ? \"- \" + pagination?.totalItemCount : null} {isInvoiceLoading && }\r\n \r\n
\r\n )}\r\n {(props.isMaster === true && ids.length > 0) && \r\n \r\n {\r\n generateInvoice();\r\n }}\r\n >\r\n Generate Master Invoice By Selected {ids.length ? \"- \" + ids.length : null} {isInvoiceLoading && }\r\n \r\n
}\r\n \r\n {\r\n SendInvoiceByEmail();\r\n }\r\n }\r\n >\r\n {\r\n isSending ? 'Sending...' : 'Send Invoice'\r\n }\r\n \r\n
}\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n
\r\n \r\n {\r\n SendInvoiceByEmail();\r\n }\r\n }\r\n >\r\n {\r\n isSending ? 'Sending...' : 'Send Invoice'\r\n }\r\n \r\n
\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n
\r\n \r\n {!!row.created\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.created)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"totalAmount\",\r\n text: \"Paid Amount\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>{row.totalAmount ? Currency(row.totalAmount) : \"$0.00\"}\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"startDate\",\r\n text: \"Pay Period \",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.startDate && moment(row.startDate).format(getFromatdate())}\r\n {\" - \"}\r\n {row.endDate && moment(row.endDate).format(getFromatdate())}\r\n \r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"pdf\",\r\n text: \"Invoice\",\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n\r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MasterInvoice;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport Swal from \"sweetalert2\";\r\nimport { getTimeZoneOffset } from \"../../../../../../_metronic/_helpers/GlobalHelpers\";\r\n\r\nconst GenerateMasterInvoiceModal = ({\r\n ids,\r\n show,\r\n setShow,\r\n setShowInvoiceModal,\r\n startDate,\r\n endDate,\r\n search\r\n}) => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\"))?.token;\r\n const [invoiceNumber, setInvoiceNumber] = useState(\"\");\r\n const [isLoading, setIsLoading] = useState(false);\r\n const { id } = useParams();\r\n const history = useHistory();\r\n const handleGenerateInvoce = () => {\r\n setIsLoading(true);\r\n fetch(\r\n `${BASE_URL}/PharmacyAdminManagement/GenerateMasterInvoice?Number=${encodeURIComponent(invoiceNumber)}&pharmacyAdminId=${id}`,\r\n {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(ids),\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"Master Invoice has been generated successfully\",\r\n });\r\n document.getElementById(\"refreshMasterInvoice\").click();\r\n setShow(false);\r\n setShowInvoiceModal(false);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n const handleGenerateInvoceByFilter = () => {\r\n setIsLoading(true);\r\n fetch(\r\n `${BASE_URL}/PharmacyAdminManagement/GenerateMasterInvoiceFilter?masterInvoiceNumber=${encodeURIComponent(invoiceNumber)}&pharmacyAdminId=${id}&search=${search}&startDate=${startDate || \"\"}&endDate=${endDate || \"\"}&timezone=${getTimeZoneOffset()}`,\r\n {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"POST\",\r\n body: JSON.stringify(ids),\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n Swal.fire({\r\n icon: \"success\",\r\n title: \"Success\",\r\n text: \"Master Invoice has been generated successfully\",\r\n });\r\n document.getElementById(\"refreshMasterInvoice\").click();\r\n setShow(false);\r\n setShowInvoiceModal(false);\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"You have to subscribe first!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n INVOICE{\" \"}\r\n {props?.invoices?.masterInvoiceNumber &&\r\n \"#\" + props?.invoices?.masterInvoiceNumber}\r\n
\r\n {props?.invoices?.startDate && props?.invoices?.endDate && (\r\n\r\n
\r\n )}\r\n Pay Period :
\r\n\r\n {moment(props?.invoices?.startDate).format(\r\n \"MMMM DD, YYYY\"\r\n )}\r\n {\" - \"}\r\n {moment(props?.invoices?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n Date of issue
\r\n\r\n {props?.invoices?.created\r\n ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\")\r\n : moment().format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n Date due
\r\n\r\n {props?.invoices?.created\r\n ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\")\r\n : moment().format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n {props?.invoices?.businessName || \"DeliveryEase Inc.\"}\r\n
\r\n {!props?.invoices?.address && (\r\n <>\r\n\r\n 2100 Bloor Street West\r\n
\r\n \r\n Suite 6164\r\n
\r\n \r\n Toronto, ON, M6S 5A5\r\n
\r\n \r\n )}\r\n {props?.invoices?.address && (\r\n <>\r\n \r\n {props?.invoices?.address?.line1}\r\n
\r\n {props?.invoices?.address?.line2 && (\r\n \r\n {props?.invoices?.address?.line2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.address?.city}\r\n {\", \"}\r\n {props?.invoices?.address?.state}\r\n {\", \"}\r\n {props?.invoices?.address?.postalCode}\r\n
\r\n \r\n {props?.invoices?.address?.country === \"CA\"\r\n ? \"Canada\"\r\n : props?.invoices?.address?.country}\r\n
\r\n \r\n )}\r\n \r\n accounting@deliveryease.co\r\n
\r\n \r\n +1 (855) 272-7625\r\n
\r\n \r\n GST/HST Registration No: {props?.invoices?.hstNumber}\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Bill To
\r\n\r\n {props?.invoices?.addressBillTo?.name}\r\n
\r\n \r\n {props?.invoices?.addressBillTo?.address1}\r\n
\r\n {props?.invoices?.addressBillTo?.address2 && (\r\n \r\n {props?.invoices?.addressBillTo?.address2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.addressBillTo?.city}\r\n {\", \"}\r\n {props?.invoices?.addressBillTo?.state}\r\n {\", \"}\r\n {props?.invoices?.addressBillTo?.zipCode}\r\n
\r\n \r\n {props?.invoices?.addressBillTo?.country}\r\n
\r\n \r\n {props?.invoices?.addressBillTo?.phoneNumber}\r\n
\r\n \r\n {props?.invoices?.addressBillTo?.email}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {formatCurrency(props?.invoices?.totalAmount)} due{\" \"}\r\n {props?.invoices?.created\r\n ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\")\r\n : moment().format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Description | \r\n\r\n | \r\n | Quantity | \r\nUnit Price | \r\nAmount | \r\n
|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n {item?.address1}{\" \"}\r\n {item?.address2 + item?.address2 ? \", \" : \"\"}{\" \"}\r\n {item?.city + \", \"}\r\n {item?.state + \", \"} {item?.zipCode + \", \"}{\" \"}\r\n {item?.country}\r\n\r\n | \r\n \r\n | \r\n | 1 | \r\n{formatCurrency(item?.total)} | \r\n\r\n {formatCurrency(item?.total)}\r\n | \r\n
| \r\n | \r\n | \r\n | \r\n {formatCurrency(props?.invoices?.subTotal)}\r\n | \r\n||
| \r\n | \r\n | \r\n | \r\n {formatCurrency(props?.invoices?.totalTax)}\r\n | \r\n||
| \r\n | \r\n | \r\n | \r\n {formatCurrency(props?.invoices?.totalCod)}\r\n | \r\n||
| \r\n | \r\n | \r\n | \r\n \r\n {formatCurrency(props?.invoices?.totalAmount)}\r\n\r\n | \r\n
\r\n
\r\n \r\n DeliveryEase Inc.\r\n
\r\n\r\n Humbled to be your pharmacy delivery partner 🙂\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Please enter the invoice number correctly. This will help you to\r\n track the invoice later.\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n setInvoiceNumber(e.target.value)\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setShow(true);\r\n }}\r\n >\r\n External Invoice\r\n \r\n
\r\n )}\r\n {data.id && GetRole() !== \"Accord Financial\" && (\r\n \r\n {\r\n SendInvoiceByEmail(data.id)\r\n }}\r\n >\r\n {isSending ? \"Sending...\" : \"Send Invoice\"}\r\n \r\n
\r\n )}\r\n \r\n \r\n Print Invoice\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF();\r\n }}\r\n >\r\n {downloadIsLoading ? \"Downloading...\" : \"Download PDF\"}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default BillShort;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { useState } from \"react\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {\r\n sortCaret,\r\n headerSortingClasses,\r\n PleaseWaitMessage,\r\n NoRecordsFoundMessage,\r\n toAbsoluteUrl,\r\n} from \"../../../../../../_metronic/_helpers\";\r\nimport { Pagination } from \"../../../../../../_metronic/_partials/controls\";\r\nimport { Button, Modal, OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport {\r\n ConvertToDateCurrentTimeZoneOnlyDate,\r\n Currency,\r\n ExportAs,\r\n getFromatdate,\r\n} from \"../../../../../../_metronic/_helpers/GlobalHelpers\";\r\nimport \"react-google-flight-datepicker/dist/main.css\";\r\nimport { RangeDatePicker } from \"react-google-flight-datepicker\";\r\nimport moment from \"moment\";\r\nimport {\r\n ModelStateMessage,\r\n apiCalll,\r\n} from \"../../../../../../_metronic/_helpers/apiHelpers\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport ReactSelect from \"react-select\";\r\nimport Bill from \"./Bill\";\r\nimport BillShort from \"./BillShort\";\r\nimport html2pdf from 'html2pdf.js';\r\nimport SelectAsyncPaginateDrivers from \"../../manageorders/orders-fetch-dialog/SelectAsyncPaginateDrivers\";\r\nimport UploadFiles from \"../../manageorders/pharmacy-details/UploadFiles\";\r\nimport FileViewerModal from \"../../approvedrivers/FileViewerModal\";\r\n\r\n\r\nconst DriverBillsTable = (props) => {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const [pagination, setPagination] = useState([]);\r\n const [orders, setOrders] = useState([]);\r\n const [invoices, setInvoices] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [invoicesShort, setInvoicesShort] = useState([]);\r\n const [showShort, setShowShort] = useState(false);\r\n const params = useParams();\r\n const id = params.id;\r\n const [driverId, setDriverId] = useState(null);\r\n const [startDate, setStartDate] = useState(null);\r\n const [endDate, setEndDate] = useState(null);\r\n const [search, setSearch] = useState(\"\");\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [downloadIsLoading, setDownloadIsLoading] = useState(false);\r\n const [chargeSuccess, setChargeSuccess] = useState(null);\r\n const [selectedDriver, setSelectedDriver] = useState(null);\r\n const [invoiceId, setInvoiceId] = useState(null);\r\n const [isSending, setIsSending] = useState(false);\r\n const [fastPayout, setFastPayout] = useState(\"\");\r\n const [isLaoding, setIsLaoding] = useState(false);\r\n const [showUpload, setShowUpload] = useState(false);\r\n const [showFile, setShowFile] = useState(false);\r\n const [path, setPath] = useState(false);\r\n const history = useHistory();\r\n const componentRef = useRef();\r\n const [initFilter, setinitFilter] = useState({\r\n page: 1,\r\n sizePerPage: localStorage.getItem(\"billsPageSize\")\r\n ? parseInt(localStorage.getItem(\"billsPageSize\"))\r\n : 10,\r\n sortField: \"Id\",\r\n sortOrder: \"desc\",\r\n custom: true,\r\n totalSize: 100,\r\n sizePerPageList: [\r\n { text: \"10\", value: 10 },\r\n { text: \"20\", value: 20 },\r\n { text: \"50\", value: 50 },\r\n { text: \"100\", value: 100 },\r\n ],\r\n });\r\n\r\n\r\n \r\n const fetchBlobContent = (id) => {\r\n fetch(`${BASE_URL}/Invoicing/GetBillPdfLink/${id}`, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setPath(data[1]?.fileUrl);\r\n setShowFile(true)\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n };\r\n\r\n const handleRetryQuickBooks = (id) => {\r\n setIsLaoding(true);\r\n fetch(`${BASE_URL}/Payouts/InsertBillQuickbook?id=${id}`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + token\r\n },\r\n Allow: \"POST\",\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (\r\n contentType && contentType.indexOf(\"application/json\") !== -1\r\n ) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then(data => {\r\n if (data[0] === 200) {\r\n handleGetOrders(initFilter);\r\n Swal.fire({\r\n title: \"Success!\",\r\n text: \"Bill has been sent to QuickBooks successfully!\",\r\n icon: \"success\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: data[1].message,\r\n })\r\n }\r\n else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: value,\r\n })\r\n }\r\n }\r\n else if (data[0] === 500) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: 'Something went wrong, please try again later!',\r\n })\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n }).finally(() => {\r\n setIsLaoding(false);\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if(isLaoding){\r\n Swal.fire({\r\n title: \"Processing!\",\r\n html: \"Please wait while we are processing your request.\",\r\n timer: 9000,\r\n timerProgressBar: true,\r\n didOpen: () => {\r\n Swal.showLoading();\r\n },\r\n }).then((result) => {\r\n /* Read more about handling dismissals below */\r\n if (result.dismiss === Swal.DismissReason.timer) {\r\n console.log(\"I was closed by the timer\");\r\n }\r\n });\r\n }\r\n\r\n }, [isLaoding]);\r\n\r\n function Export(Type, id) {\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/Payouts/GetTotalChargeBillId?billId=${id}&timezone=${getTimeZoneOffset()}`,\r\n })\r\n .then(async (result) => {\r\n if (result[0] === 200) {\r\n var listOrders = [];\r\n var data = result[1]?.ordersViewModel;\r\n data.map((k) => {\r\n var a = JSON.stringify(k);\r\n a = a.replaceAll('\"code\":', '\"Code\":');\r\n a = a.replaceAll('\"billNumber\":', '\"Bill Number\":');\r\n a = a.replaceAll('\"deliveryLocation\":', '\"Delivery Location\":');\r\n a = a.replaceAll('\"pickupLocation\":', '\"Pickup Location\":');\r\n a = a.replaceAll('\"actualPickupDate\":', '\"Actual Pickup Date\":');\r\n a = a.replaceAll('\"actualDeliveryDate\":', '\"Actual Delivery Date\":');\r\n a = a.replaceAll('\"distance\":', '\"Distance\":');\r\n a = a.replaceAll('\"driver\":', '\"Driver\":');\r\n a = a.replaceAll('\"bonus\":', '\"Bonus\":');\r\n a = a.replaceAll('\"bonusDescription\":', '\"Bonus Description\":');\r\n a = a.replaceAll('\"additionalCharges\":', '\"Additional Charges\":');\r\n a = a.replaceAll('\"charge\":', '\"Charge\":');\r\n a = a.replaceAll('\"tips\":', '\"Tips\":');\r\n a = a.replaceAll('\"subTotal\":', '\"SubTotal\":');\r\n a = a.replaceAll('\"total\":', '\"Total\":');\r\n a = JSON.parse(a);\r\n listOrders.push(a)\r\n })\r\n const entity = \"Bill\" + \"_\" + (data[0]?.billNumber || \"\");\r\n ExportAs(listOrders || [], Type, entity);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n });\r\n }\r\n const handleGetTotalInvoiceByDate = (billId, driverId) => {\r\n setIsLoading(true);\r\n fetch(\r\n `${BASE_URL}/Payouts/GetBillBreakdown?BillId=${billId}&driverId=${id || driverId}`,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setInvoices(data[1]);\r\n setShow(true);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n const handleGetBillBreakdownShort = (billId, driverId) => {\r\n setIsLoading(true);\r\n fetch(\r\n `${BASE_URL}/Payouts/GetBillBreakdownShort?BillId=${billId}&driverId=${id || driverId}`,\r\n {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n Allow: \"GET\",\r\n }\r\n )\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n if (data[0] === 200) {\r\n setInvoicesShort(data[1]);\r\n setShowShort(true);\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n })\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n const columns = [\r\n {\r\n dataField: \"billNumber\",\r\n text: \"Bill #\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => #{row?.billNumber},\r\n headerSortingClasses,\r\n },\r\n props?.isBills === true && \r\n {\r\n dataField: \"firstName\",\r\n text: \"Driver name\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props?.invoices?.rbcConfirmationNumber &&
\r\n\r\n \r\n EMT Confirmation Number: {props?.invoices?.rbcConfirmationNumber} {`(${props?.invoices?.rbcStatus})`} \r\n
}\r\n\r\n BILL{\" \"}\r\n {props?.invoices?.billNumber &&\r\n \"#\" + props?.invoices?.billNumber}\r\n
\r\n {props?.startDate && props?.endDate && (\r\n\r\n
\r\n )}\r\n {props?.invoices?.startDate && props?.invoices?.endDate && (\r\n Pay Period :
\r\n\r\n {moment(props?.startDate).format(\"MMMM DD, YYYY\")}\r\n {\" - \"}\r\n {moment(props?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n )}\r\n Pay Period :
\r\n\r\n {moment(props?.invoices?.startDate).format(\r\n \"MMMM DD, YYYY\"\r\n )}\r\n {\" - \"}\r\n {moment(props?.invoices?.endDate).format(\"MMMM DD, YYYY\")}\r\n
\r\n\r\n
\r\n Date of issue
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n
\r\n Date due
\r\n\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n \r\n {props?.invoices?.businessName || \"DeliveryEase Inc.\"}\r\n
\r\n {!props?.invoices?.address && (\r\n <>\r\n\r\n 2100 Bloor Street West\r\n
\r\n \r\n Suite 6164\r\n
\r\n \r\n Toronto, ON, M6S 5A5\r\n
\r\n \r\n )}\r\n {props?.invoices?.address && (\r\n <>\r\n \r\n {props?.invoices?.address?.line1}\r\n
\r\n {props?.invoices?.address?.line2 && (\r\n \r\n {props?.invoices?.address?.line2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.address?.city}\r\n {\", \"}\r\n {props?.invoices?.address?.state}\r\n {\", \"}\r\n {props?.invoices?.address?.postalCode}\r\n
\r\n \r\n {props?.invoices?.address?.country === \"CA\"\r\n ? \"Canada\"\r\n : props?.invoices?.address?.country}\r\n
\r\n \r\n )}\r\n \r\n accounting@deliveryease.co\r\n
\r\n \r\n +1 (855) 272-7625\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Paid to:
\r\n\r\n {props?.invoices?.driverDetails?.name}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.address1}\r\n
\r\n {props?.invoices?.driverDetails?.address2 && (\r\n \r\n {props?.invoices?.driverDetails?.address2}\r\n
\r\n )}\r\n \r\n {props?.invoices?.driverDetails?.city}{\" \"}\r\n {props?.invoices?.driverDetails?.state}{\" \"}\r\n {props?.invoices?.driverDetails?.zipCode}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.country}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.phoneNumber}\r\n
\r\n \r\n {props?.invoices?.driverDetails?.email}\r\n
\r\n {props?.invoices?.hst && props?.invoices?.hstVerificationStatusCode=== \"valid\" && \r\n Tax ID: {props?.invoices?.hst}\r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n {formatCurrency(\r\n props?.invoices?.totalPayedWithTips + (props?.extra || 0)\r\n )}{\" \"}\r\n due{\" \"}\r\n {\r\n props?.invoices?.created ? moment(props?.invoices?.created).format(\"MMMM DD, YYYY\") : moment().format(\"MMMM DD, YYYY\")\r\n }\r\n
\r\n\r\n Payment method:\r\n {props.showBtnPay ? (\r\n obj.value === props?.withStripe\r\n )}\r\n onChange={(e) => {\r\n props.setWithStripe(e.value);\r\n if (props.ids.length === 0) {\r\n props.handleGetPayoutEverything(e.value);\r\n }\r\n }}\r\n />\r\n ) : (\r\n \r\n {props?.withStripe || props?.invoices?.withStripe\r\n ? \"Stripe\"\r\n : \"EMT\"}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n {props?.invoices?.ordersCount}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.amount)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.hstTax)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalWithTax)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.tips)}\r\n | \r\n
| \r\n {formatCurrency(props?.invoices?.totalDriverAdjustments)}\r\n | \r\n
| \r\n {props.showBtnPay && (\r\n | \r\n
\r\n \r\n {formatCurrency(\r\n props?.invoices?.totalPayedWithTips +\r\n (props?.extra || 0)\r\n )}\r\n\r\n | \r\n
\r\n
\r\n \r\n DeliveryEase Inc.\r\n
\r\n\r\n Humbled to be your pharmacy delivery partner 🙂\r\n
\r\n\r\n {!!row.created\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row.created)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paidDate\",\r\n text: \"Paid Date\",\r\n headerFormatter: (cellContent, row) => (\r\n <>\r\n Paid Date\r\n\r\n {!!row?.paidDate\r\n ? ConvertToDateCurrentTimeZoneOnlyDate(row?.paidDate)\r\n : \"-\"}\r\n
\r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"startDate\",\r\n text: \"Pay Period \",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.startDate && ConvertToDateCurrentTimeZoneOnlyDate(row.startDate)}\r\n {\" - \"}\r\n {row.endDate && ConvertToDateCurrentTimeZoneOnlyDate(row.endDate)}\r\n \r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"byDriver\",\r\n text: \"Fast Payout\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.byDriver && (\r\n \r\n \r\n )}\r\n \r\n ),\r\n headerSortingClasses,\r\n },\r\n {\r\n dataField: \"paymentSuccess\",\r\n text: \"Status\",\r\n sort: true,\r\n sortCaret: sortCaret,\r\n formatter: (cellContent, row) => (\r\n\r\n {\r\n if(row?.attachedPdfPath){\r\n fetchBlobContent(row?.id)\r\n }else{\r\n handleGetBillBreakdownShort(row?.id, row?.driverId);\r\n setInvoiceId(row?.id);\r\n setDriverId(row?.driverId);\r\n }\r\n }}\r\n className={`btn btn-secondary font-weight-bolder font-size-sm`}\r\n >\r\n Summary\r\n \r\n {row.manualEmt && \r\n Payment Manually\r\n \r\n }\r\n >\r\n \r\n
\r\n ),\r\n },\r\n {\r\n dataField: \"quickbookSuccess\",\r\n text: \"QuickBooks\",\r\n sortCaret: sortCaret,\r\n headerSortingClasses,\r\n formatter: (cellContent, row) => (\r\n <>\r\n {row.quickbookSuccess === false && \r\n \r\n
\r\n \r\n {\r\n setSearch(e.target.value);\r\n }}\r\n />\r\n \r\n Search in all fields\r\n \r\n
\r\n \r\n {\r\n startDate === null\r\n ? setStartDate(null)\r\n : setStartDate(moment(startDate).format(\"YYYY-MM-DD\"));\r\n\r\n endDate === null\r\n ? setEndDate(null)\r\n : setEndDate(moment(endDate).format(\"YYYY-MM-DD\"));\r\n }}\r\n dateFormat=\"MM/DD/YYYY\"\r\n minDate={new Date(1900, 0, 1)}\r\n maxDate={new Date(2100, 0, 1)}\r\n startDatePlaceholder=\"Start Date\"\r\n endDatePlaceholder=\"End Date\"\r\n disabled={false}\r\n startWeekDay=\"monday\"\r\n />\r\n \r\n Filter by Date\r\n \r\n
\r\n {props?.isBills &&\r\n \r\n {\r\n if(e){\r\n setSelectedDriver(e);\r\n }else{\r\n setSelectedDriver(null);\r\n }\r\n }}\r\n />\r\n \r\n Filter by Driver\r\n \r\n
}\r\n \r\n obj.value === chargeSuccess)}\r\n isSearchable={true}\r\n name=\"chargeSuccess\"\r\n options={status}\r\n onChange={(e) => {\r\n setChargeSuccess(e.value);\r\n }}\r\n />\r\n \r\n Filter by Status\r\n \r\n
\r\n \r\n obj.value === fastPayout)}\r\n isSearchable={true}\r\n name=\"payouts\"\r\n options={payouts}\r\n onChange={(e) => {\r\n setFastPayout(e.value);\r\n }}\r\n />\r\n \r\n Filter by Fast Payout\r\n \r\n
\r\n \r\n
: null}\r\n \r\n
\r\n Total Hst: {Currency(orders?.totalHst)}
\r\nTotal: {Currency(orders?.total)}
\r\n\r\n {\r\n SendBillByEmail();\r\n }\r\n }\r\n >\r\n {\r\n isSending ? 'Sending...' : 'Send Bill'\r\n }\r\n \r\n
\r\n \r\n \r\n Print Bill\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n
\r\n \r\n {\r\n SendBillByEmail();\r\n }\r\n }\r\n >\r\n {\r\n isSending ? 'Sending...' : 'Send Bill'\r\n }\r\n \r\n
\r\n \r\n \r\n Print Bill\r\n \r\n
\r\n \r\n {\r\n setDownloadIsLoading(true);\r\n downloadBillAsPDF()\r\n }}\r\n >\r\n {downloadIsLoading ? 'Downloading...' : 'Download PDF'}\r\n \r\n
\r\n Processing...
\r\n}\r\n\r\nexport {UsersListLoading}\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport { ErrorMessage, Field, Form, Formik } from \"formik\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { apiCalll } from \"../../../../../../../_metronic/_helpers/apiHelpers\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { UsersListLoading } from \"./UsersListLoading\";\r\n\r\nconst styles = {\r\n borderRadius: '0.475rem',\r\n boxShadow: '0 0 50px 0 rgb(82 63 105 / 15%)',\r\n backgroundColor: '#fff',\r\n color: '#7e8299',\r\n fontWeight: '500',\r\n margin: '0',\r\n width: 'auto',\r\n padding: '1rem 2rem',\r\n top: 'calc(50% - 2rem)',\r\n left: 'calc(50% - 4rem)',\r\n}\r\nexport function StaffAssignPharmacyForm({\r\n onHide,\r\n}) {\r\n const [loading, setLoading] = useState(true);\r\n const [AddLoading, setAddLoading] = useState(false);\r\n const [search, setsearch] = useState(null);\r\n const [pageNumberWebSite, setPageNumberWebSite] = useState(1);\r\n const [ValueSizeWebSite, setValueSizeWebSite] = useState(10);\r\n const [WebsiteCountWebSite, setWebsiteCountWebSite] = useState(10);\r\n const [Pages, setPages] = useState(1);\r\n const [ToolIds, setToolIds] = useState([]);\r\n const [allSelected, setAllSelected] = useState(false);\r\n const [Data, setData] = useState([])\r\n const handlePageSizeChangeWebsites = (e) => {\r\n const newSize = parseInt(e.target.value);\r\n setValueSizeWebSite(newSize);\r\n setPageNumberWebSite(1);\r\n };\r\n const handlePageClickWebsites = (selected) => {\r\n setPageNumberWebSite(selected?.selected + 1);\r\n };\r\n const toggleToolId = (id) => {\r\n setToolIds((prevToolIds) => {\r\n if (prevToolIds.includes(id)) {\r\n // Remove id if it exists\r\n return prevToolIds.filter((toolId) => toolId !== id);\r\n } else {\r\n // Add id if it doesn't exist\r\n return [...prevToolIds, id];\r\n }\r\n });\r\n };\r\n // const selectAllTools = () => {\r\n // const allToolIds = Data?.map((tool) => tool?.id);\r\n // setToolIds((prevToolIds) => {\r\n // // Combine previous IDs and new IDs, ensuring no duplicates\r\n // const newToolIds = Array?.from(new Set([...prevToolIds, ...allToolIds]));\r\n // return newToolIds;\r\n // });\r\n // };\r\n const [LoaderSelect, setLoaderSelect] = useState(false)\r\n\r\n const selectAllTools = () => {\r\n setLoaderSelect(true)\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/dispatcher/UnassignedPharmacyIds?DispatcherId=${id}`,\r\n })\r\n .then(async (result) => {\r\n if (result[0] === 200) {\r\n setToolIds(result[1]);\r\n setLoaderSelect(false)\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n setLoaderSelect(false)\r\n });\r\n };\r\n \r\n const isToolIdSelected = (id) => {\r\n return ToolIds.includes(id);\r\n };\r\n\r\n const { id } = useParams();\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const history = useHistory();\r\n\r\n const AddTool = async () => {\r\n setAddLoading(true)\r\n // const universityId = id;\r\n await fetch(`${BASE_URL}/Dispatcher/${id}/AssignPharmacies`, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json; charset=utf-8\",\r\n Authorization: `bearer ${token}`,\r\n },\r\n Allow: \"POST\",\r\n body:JSON.stringify({ids:ToolIds})\r\n })\r\n .then(async (response) => {\r\n const statusCode = response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n\r\n if (contentType && contentType.indexOf(\"application/json\") !== -1) {\r\n return response.json().then((data) => [statusCode, data]);\r\n } else {\r\n return response.text().then((data) => [statusCode, data]);\r\n }\r\n })\r\n .then((data) => {\r\n setAddLoading(false)\r\n\r\n if (data[0] === 200) {\r\n if(ToolIds?.length > 1){\r\n Swal.fire({\r\n icon: \"success\",\r\n title: (\"Success\"),\r\n html: `The pharmacies were successfully linked`,\r\n });\r\n }else{\r\n Swal.fire({\r\n icon: \"success\",\r\n title: (\"Success\"),\r\n html: `The pharmacy was successfully linked`,\r\n });\r\n }\r\n \r\n onHide()\r\n document.getElementById(\"refreshPharmaciesAssigned\").click();\r\n } else if (data[0] === 400 && data[1].message) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: data[1].message,\r\n });\r\n } else if (data[0] === 400) {\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: value,\r\n });\r\n }\r\n } else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n } else if (data[0] === 402) {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: (\"You have to subscribe first!\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n Swal.fire({\r\n icon: \"error\",\r\n title: \"Oops...\",\r\n text: error,\r\n });\r\n setAddLoading(false)\r\n return [400];\r\n });\r\n\r\n };\r\n function GetTools(search, pageNm, pageSz) {\r\n setLoading(true)\r\n\r\n apiCalll({\r\n method: \"GET\",\r\n link: `/Dispatcher/UnassignedPharmacies?dispatcherId=${id}&search=${!!search === true ? search : \"\"}&pageNumber=${pageNm}&pageSize=${pageSz}`,\r\n })\r\n .then(async (result) => {\r\n if (result[0] === 200) {\r\n setData(result[1]?.data)\r\n setWebsiteCountWebSite(result[1]?.pagination?.totalItemCount);\r\n setPages(result[1]?.pagination?.pageCount);\r\n setLoading(false)\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error\", error);\r\n setLoading(false)\r\n });\r\n }\r\n // useEffect(() => {\r\n // GetCarousel(null, pageNumberWebSite, ValueSizeWebSite)\r\n // }, [pageNumberWebSite, ValueSizeWebSite])\r\n useEffect(() => {\r\n setTimeout(() => {\r\n GetTools(search, pageNumberWebSite, ValueSizeWebSite)\r\n }, 500);\r\n }, [search, pageNumberWebSite, ValueSizeWebSite])\r\n useEffect(() => {\r\n const allIdsSelected = Data?.length > 0 && Data?.every((tool) => ToolIds?.includes(tool?.id));\r\n setAllSelected(allIdsSelected);\r\n }, [Data, ToolIds]);\r\n return (\r\n <>\r\n {/* begin::Scroll */}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setsearch(e.target.value)\r\n setTimeout(() => {\r\n setPageNumberWebSite(1)\r\n }, 600);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n {LoaderSelect && \r\n {Data?.map((tool) => {\r\n return
\r\n {(loading && Data?.length === 0) &&\r\n \r\n
\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ![{tool?.pharmacy}](\"/media/users/blank.png\")
\r\n \r\n
\r\n {tool?.pharmacy}
\r\n\r\n {!!tool?.city ? tool?.city :\"\"} {!!tool?.city === true && !!tool?.state === true ? \",\":\"\"} {!!tool?.state ?tool?.state:\"\"} {!!tool?.state === true && !!tool?.country === true ? \",\":\"\"} {!!tool?.country ?tool?.country:\"\"}\r\n\r\n
\r\n \r\n \r\n
\r\n Processing...
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {(Data?.length === 0 && loading === false) && (\r\n \r\n \r\n Total rows: {WebsiteCountWebSite}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n No pharmacies available
\r\n\r\n onHide()}\r\n className='btn btn-light mr-3 rounded-pill'\r\n data-kt-users-modal-action='cancel'\r\n >\r\n Discard\r\n \r\n\r\n {\r\n if (ToolIds?.length > 0) {\r\n AddTool()\r\n } else {\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: \"Please select a pharmacy before proceeding.!\",\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n })\r\n }\r\n }}\r\n >\r\n {(AddLoading === true) ? (\r\n \r\n Please wait...{' '}\r\n \r\n \r\n ) : Submit}\r\n \r\n
\r\n {/* end::Actions */}\r\n\r\n\r\n \r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport Swal from \"sweetalert2\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { StaffAssignPharmacyDialogHeader } from \"./StaffAssignPharmacyDialogHeader\";\r\nimport { StaffAssignPharmacyForm } from \"./SatffAssignPharmacyForm\";\r\n\r\nexport function StaffAssignPharmacyDialog({ id, show, onHide }) {\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const token = JSON.parse(localStorage.getItem(\"user\")).token;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const history = useHistory();\r\n const {t} = useTranslation();\r\n\r\n const handleUpdatePassword = (values) => {\r\n // add id to values\r\n values.id = id;\r\n setIsLoading(true)\r\n fetch(`${BASE_URL}/Staff/Password`, {\r\n method: 'PUT',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + token\r\n },\r\n Allow: \"PUT\",\r\n body: JSON.stringify(values),\r\n })\r\n .then(async (response) => {\r\n const statusCode = await response.status;\r\n const contentType = response.headers.get(\"content-type\");\r\n if (\r\n contentType && contentType.indexOf(\"application/json\") !== -1\r\n ) {\r\n return response.json().then((data) => [statusCode,data]);\r\n } else {\r\n return response.text().then((data) => [statusCode,data]);\r\n }\r\n })\r\n .then(data => {\r\n if(data[0] === 200){\r\n setIsLoading(false)\r\n Swal.fire({\r\n title: \"Success!\",\r\n text: t(\"Password has been updated successfully!\"),\r\n icon: \"success\",\r\n confirmButtonText: \"Ok\",\r\n });\r\n onHide()\r\n }\r\n else if(data[0] === 400 && data[1].message){\r\n setIsLoading(false)\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: data[1].message,\r\n })\r\n }\r\n else if(data[0] === 400){\r\n setIsLoading(false)\r\n let tt = JSON.parse(data[1]);\r\n for (const [key, value] of Object.entries(tt.errors)) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: value,\r\n })\r\n }\r\n }\r\n else if(data[0] === 402){\r\n setIsLoading(false)\r\n Swal.fire({\r\n title: \"Info!\",\r\n text: t(\"You have to subscribe first\"),\r\n icon: \"info\",\r\n confirmButtonText: \"Ok\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push(\"/user-profile\");\r\n }\r\n });\r\n }\r\n else if (data[0] === 401) {\r\n history.push(\"/logout\");\r\n }\r\n else if(data[0] === 500){\r\n setIsLoading(false)\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: t('Something went wrong!. Please try again later.'),\r\n })\r\n }\r\n })\r\n .catch((error) => {\r\n setIsLoading(false)\r\n console.log(error);\r\n });\r\n }\r\n\r\n // server request for saving customer\r\n const updatePassword = (customer) => {\r\n handleUpdatePassword(customer);\r\n };\r\n\r\n return (\r\n