\n No Data\n
\n ),\n };\n\n if (props.hasOwnProperty('components')) {\n components = { ...components, ...props.components };\n }\n\n return components;\n };\n\n const handleOnChange = (pageSize, page, sort) => {\n if (props.hasOwnProperty('onChange')) {\n let sortBy = {};\n // parse sort\n if (!_.isEmpty(sort)) {\n sortBy = { order_by: sort[0].field, direction: sort[0].sort };\n } else {\n sortBy = { order_by: '', direction: '' };\n }\n\n props.onChange({\n page_size: pageSize,\n page,\n ...sortBy,\n });\n }\n };\n\n const renderStyles = () => {\n let styles = { height: '680px', position: 'relative', width: '100%' };\n\n if (props.hasOwnProperty('wrapperHeight')) {\n styles.height = props.wrapperHeight;\n }\n\n if (props.hasOwnProperty('autoHeight')) {\n delete styles['height'];\n }\n\n // add this props if you want to not bounce dynamic rows\n if (props.hasOwnProperty('minHeight')) {\n delete styles['height'];\n styles = { ...styles, minHeight: props.minHeight };\n }\n\n return styles;\n };\n\n return (\n \n
\n \n
\n );\n};\n\nexport default MultipleFileUploadPreview;\n","import { useState } from \"react\";\nimport {\n Button,\n Modal,\n Alert,\n Table,\n Col,\n Row,\n Form,\n InputGroup,\n} from \"react-bootstrap\";\nimport { numberFormatCurrency } from \"../../../../utils/helper\";\n\nconst CheckDetailModal = ({\n toggle,\n closeModal,\n data,\n type = \"outstanding_balance\",\n}) => {\n const [total, setTotal] = useState(0);\n\n const handleOnEntered = () => {\n let totalAmount = 0;\n\n if (data.length) {\n data.forEach(({ check_amount }) => {\n totalAmount += parseFloat(check_amount) || 0;\n });\n }\n\n setTotal(totalAmount);\n };\n\n const renderTable = () => {\n if (type === \"customer_center_outstanding_balance\") {\n return (\n \n {oldAttachments?.map((file) => (\n
\n {!hideInput && (\n \n \n \n {file?.document_info ? file.document_info.file_name : file.name}\n \n \n {!disableDelete && (\n handleRemoveFile(file)}\n />\n )}\n
\n ))}\n {newAttachments?.map((file) => (\n \n {file.name}\n {/*
\n ))}\n | Check Date | \nAccount Name | \nCheck No. | \nBank | \nStatus | \nAmount | \n
|---|---|---|---|---|---|
| {row.date} | \n{row.account_name} | \n{row.check_no} | \n\n {[row.bank_name, row.bank_branch]\n .filter((a) => a)\n .join(\" - \")}\n | \n{row.status} | \n\n {numberFormatCurrency(row.check_amount)}\n | \n
| Check Date | \nPR/CR Number | \nPR/CR Date | \nDR/SI Number | \nDR/SI Date | \nAccount Name | \nCheck No. | \nBank | \n {type === \"transaction_history\" ?Payment Type | : null}\nStatus | \nAmount | \n
|---|---|---|---|---|---|---|---|---|---|---|
| {row.date} | \n\n {row.pr_no} {row.cr_no}\n | \n {row.pr_cr_date} | \n\n {row.si_no.length > 0\n ? row.si_no.map((si) => {\n return (\n \n {si.si_number} \n \n );\n })\n : \"\"}{\" \"}\n | \n {row.si_date} | \n{row.account_name} | \n{row.check_no} | \n\n {[row.bank_name, row.bank_branch]\n .filter((a) => a)\n .join(\" - \")}\n | \n {type === \"transaction_history\" ? (\n{row.payment_type.toUpperCase()} | \n ) : null}\n{row.status} | \n\n {numberFormatCurrency(row.check_amount)}\n | \n
\n {renderTable()}\n \n \n \n Total\n \n \n PHP \n\n \n \n \n \n
\n
\n );\n };\n\n return (\n \n handleShowFile(data.row.documents)}\n >\n
\n );\n }\n\n return null;\n },\n },\n];\n\nexport const transactionHistoryColumns = ({ handleShowCheckDetails }) => [\n {\n field: 'date',\n headerName: 'Date',\n type: 'date',\n minWidth: 150,\n },\n {\n field: 'dr_number',\n headerName: 'DR No.',\n minWidth: 150,\n },\n {\n field: 'si_number',\n headerName: 'SI No.',\n minWidth: 150,\n },\n {\n field: 'amount',\n headerName: 'Gross Amount',\n minWidth: 150,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.total_ar);\n },\n },\n {\n field: 'total_so_discount',\n headerName: 'SO Discount',\n minWidth: 150,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.total_so_discount);\n },\n },\n {\n field: 'total_net',\n headerName: 'Net Amount',\n minWidth: 150,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.total_net);\n },\n },\n {\n field: 'credit_memo',\n headerName: 'Credit Memo',\n minWidth: 150,\n type: 'number',\n renderCell: ({ row }) =>\n numberFormatCurrency(row.credit_memo ? row.credit_memo : 0),\n },\n {\n field: 'total_payments',\n headerName: 'Total Payments',\n minWidth: 150,\n type: 'number',\n renderCell: ({ row }) => numberFormatCurrency(row.total_payments),\n },\n {\n field: 'check_details',\n headerName: 'Check Details',\n minWidth: 150,\n align: 'center',\n headerAlign: 'center',\n renderCell: ({ row }) => {\n if (!row.check_details.length) {\n return null;\n }\n\n return (\n \n \n
\n {title}
\n\n \n \n \n \n
\n \n
\n );\n};\n\nexport default PrimarySwitch;\n","export const customerDataDefault = {\n customer_code: '',\n customer_name: '',\n owner_contact_no: '',\n owner_email: '',\n billing_address: '',\n shipping_address: '',\n business_type: '',\n status: '',\n account_type: '',\n};\n\nexport const customerTotalDefault = {\n total_outstanding: 0,\n total_pdc: 0,\n total_advances: 0,\n total_returns: 0,\n total_due: 0,\n};\n","const SET_MODAL_CONTENT = \"SET_MODAL_CONTENT\";\nconst CLEAR_MODAL_CONTENT = \"CLEAR_MODAL_CONTENT\";\n\nexport function setModalContent({ ...props }) {\n return {\n type: SET_MODAL_CONTENT,\n ...props,\n };\n}\n\nexport function clearModalContent() {\n return {\n type: CLEAR_MODAL_CONTENT,\n };\n}\n\nconst initialState = {\n title: null,\n modalContent: null,\n className: \"\",\n size: \"md\",\n onToggle: null,\n onSubmit: null,\n};\n\nexport default function modalEvent(state = initialState, action) {\n switch (action.type) {\n case SET_MODAL_CONTENT:\n return {\n ...state,\n ...action,\n };\n case CLEAR_MODAL_CONTENT:\n return {\n ...state,\n ...initialState,\n };\n default:\n return state;\n }\n}\n","import makeApiRequest from './makeApiCall';\n\nexport const getCostCenter = async () => {\n return await makeApiRequest(`/cost_centers/dropdown`, 'GET');\n};\n\nexport const getCoaCostCenter = async (data) => {\n return await makeApiRequest(`/coa/cost-center-drop-down`, 'POST', null, data);\n};\n\nexport const getProgramDB = async (coa_id = '') => {\n return await makeApiRequest(`/programDB/dropdown`, 'GET', null, { coa_id });\n};\n\nexport const getJournalVoucherCategories = async () => {\n return await makeApiRequest(`/jv/dropdown`, 'POST', null, {\n keyword: null,\n column_name: 'category',\n table_name: 'erp_accounting_journal_voucher_categories',\n });\n};\n\nexport const getJournalVoucherPV = async (params) => {\n return await makeApiRequest(`/jv/pv-dropdown`, 'POST', null, params);\n};\n\nexport const createJournalVoucher = async (form) => {\n return await makeApiRequest(`/jv/store`, 'POST', null, form, true);\n};\n\nexport const getJournalVoucherList = async (params, otherOptions) => {\n return await makeApiRequest(\n `/jv/list`,\n 'POST',\n null,\n params,\n false,\n '',\n otherOptions,\n );\n};\n\nexport const getJournalVoucherExport = async (params) => {\n return await makeApiRequest(`/jv/list/export`, 'POST', null, params);\n};\n\nexport const getJournalVoucherDetails = async (jv_id) => {\n return await makeApiRequest(`/jv/show`, 'POST', null, { jv_id });\n};\n\nexport const postJournalVoucherStatus = async (form) => {\n return await makeApiRequest(`/jv/update`, 'POST', null, form, true);\n};\n\nexport const getProgramDropdown = async () => {\n return await makeApiRequest(`/programDB/dropdown`, 'GET', null);\n};\n\nexport const getJournalVoucherORList = async (params, otherOptions) => {\n return await makeApiRequest(\n `/jv/or/list`,\n 'POST',\n null,\n params,\n false,\n '',\n otherOptions,\n );\n};\n\nexport const getJournalVoucherPrint = async (jv_id) => {\n return await makeApiRequest(`/jv/print`, 'POST', null, { jv_id });\n};\n\nexport const getJournalVoucherOrListingDropdownColumns = async (column) => {\n return await makeApiRequest(`/jv/or-dropdown`, 'POST', null, { column });\n};\n\nexport const getJournalVoucherCoaTags = async () => {\n return await makeApiRequest(`/jv/coa-tag-dropdown`, 'GET');\n};\n\nexport const getJournalVoucherORListingPrint = async (jv_id) => {\n return await makeApiRequest(`/jv/print/or`, 'GET', null, { jv_id });\n};\n\nexport const getCoaAdjustingEntries = async () => {\n return await makeApiRequest(`/jv/coa-adjusting-entries`, 'GET');\n};\n\nexport const getCoaAdjustingEntriesReferenceLabelPrefixes = async () => {\n return await makeApiRequest(\n `/jv/coa-adjusting-entries-reference-label-prefixes`,\n 'GET',\n );\n};\n\nexport const getCustomerDropdown = async (params) => {\n return await makeApiRequest('/jv/customer-dropdown', 'GET', null, params);\n};\n\nexport const getCustomerTradeReceivables = async (params) => {\n return await makeApiRequest(\n '/jv/trade-receivables-by-reference',\n 'GET',\n null,\n params,\n );\n};\n\nexport const getJournalVoucherDrafts = async (params, otherOptions) => {\n return await makeApiRequest(\n `/jv/drafts`,\n 'POST',\n null,\n params,\n false,\n '',\n otherOptions,\n );\n};\n\nexport const saveJournalVoucherDraft = async (form) => {\n return await makeApiRequest(`/jv/drafts/save`, 'POST', null, form, true);\n};\n\nexport const updateJournalVoucherDraft = async (id, form) => {\n return await makeApiRequest(\n `/jv/drafts/save/${id}?_method=PUT`,\n 'POST',\n null,\n form,\n true,\n );\n};\n\nexport const getJournalVoucherDraft = async (draftId) => {\n return await makeApiRequest(`/jv/drafts/${draftId}`, 'GET', null, {\n draft_id: draftId,\n });\n};\n\nexport const deleteJournalVoucherDraft = async (ids = []) => {\n return await makeApiRequest(`/jv/drafts`, 'DELETE', null, {\n ids,\n });\n};\n\nexport const getMdDropdown = async (params) => {\n return await makeApiRequest(`/search/customer/md`, 'POST', null, params);\n};\n// ADJUSTING ENTRIES\n\nexport const getAdvancesNonTradeVendors = async () => {\n return await makeApiRequest('/jv/adjusting-entries/vendors', 'GET');\n};\n\nexport const getAdvancesToSuppliersNonTrade = async (params) => {\n return await makeApiRequest('/advances-to-vendor/jv', 'POST', null, params);\n};\n\nexport const getOutputVat = async (params) => {\n return await makeApiRequest('/vat/output', 'POST', null, params);\n};\n\nexport const getInventoryRNYI = async (params) => {\n return await makeApiRequest('/inventoryreport/irnyi/jv', 'GET', null, params);\n};\n\nexport const getUDD = async () => {\n return await makeApiRequest('/jv/adjusting-entries/udd', 'GET', null);\n};\n\nexport const getAssetRNYI = async (params) => {\n return await makeApiRequest(\n '/asset_management/jv_v2/modal',\n 'GET',\n null,\n params,\n );\n};\n\nexport const getInputVat = async (params) => {\n return await makeApiRequest('/vat/input', 'POST', null, params);\n};\n\nexport const getAccountsPayableOthers = async (params) => {\n return await makeApiRequest('/ap-others/jv/modal', 'GET', null, params);\n};\n\nexport const getEwt = async (params) => {\n return await makeApiRequest('/ewt-payable/ledgers', 'POST', null, params);\n};\n\nexport const getTradePayables = async (params) => {\n return await makeApiRequest('/trade-payable/ledgers', 'POST', null, params);\n};\n\nexport const getCWT = async (params) => {\n return await makeApiRequest('/cwt/jv', 'POST', null, params);\n};\n\n// END OF ADJUSTING ENTRIES\n\n//LIQUIDATION ENTRIES\nexport const getCashAdvanceActivity = async (params) => {\n return await makeApiRequest(\n '/v2/cash_advance-activity/jv/modal',\n 'POST',\n null,\n params,\n );\n};\n\nexport const getCashAdvanceFund = async (params) => {\n return await makeApiRequest(\n '/v2/cash_advance-fund/jv/modal',\n 'POST',\n null,\n params,\n );\n};\n\nexport const getCashAdvancePersonal = async (params) => {\n return await makeApiRequest(\n '/v2/cash_advance-personal/jv/modal',\n 'POST',\n null,\n params,\n );\n};\n","import { QueryClient, QueryCache } from 'react-query';\nimport { toast } from 'react-toastify';\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchOnmount: false,\n refetchOnReconnect: false,\n retry: false,\n staleTime: 5 * 60 * 1000,\n },\n },\n queryCache: new QueryCache({\n onError: (error) => {\n toast.error(error.message);\n },\n }),\n});\n\nexport default queryClient;\n","import { Button } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nexport const tabIndex = [\n // {\n // key: \"product_pending\",\n // title: \"Transfer Request List\",\n // status: 0,\n // active: \"list\",\n // can: [\"view_inventory_transfer_list\"],\n // },\n {\n key: 'product_pending_confirmation',\n title: 'Stock Allocation',\n status: 0,\n active: 'list-confirmation',\n can: ['view_inventory_transfer_confirmation'],\n },\n // {\n // key: \"product_confirmed\",\n // title: \"Allocation Approval\",\n // status: 2,\n // active: \"list-confirmed\",\n // can: [\"view_inventory_transfer_confirmed\"],\n // },\n {\n key: 'product_approved',\n title: 'Transfer Request (In Transit)',\n status: 1,\n active: 'list-approved',\n can: ['view_inventory_transfer_in_transit'],\n },\n {\n key: 'product_received',\n title: 'Received & Completed',\n status: 6,\n active: 'list-received',\n can: ['view_inventory_transfer_received'],\n },\n // {\n // key: \"product_posted\",\n // title: \"Completed Transfers\",\n // status: 3,\n // active: \"list-posted\",\n // can: [\"view_inventory_transfer_posted\"],\n // },\n {\n key: 'product_cancelled',\n title: 'Cancelled Transfers',\n status: 4,\n active: 'list-cancelled',\n can: ['view_inventory_transfer_cancelled'],\n },\n // {\n // key: \"product_closed\",\n // title: \"Transfer Request (Closed)\",\n // status: 5,\n // active: \"list-closed\",\n // can: [\"view_inventory_transfer_closed\"],\n // },\n];\n\nexport const statusRequest = (status) => {\n switch (parseInt(status)) {\n case 0:\n return 'Pending';\n case 1:\n return 'Approved';\n case 2:\n return 'Confirmed';\n case 3:\n return 'Posted';\n case 4:\n return 'Cancelled';\n case 5:\n return 'Closed';\n default:\n return '';\n }\n};\n\n// Product Requset List\nexport const productRequestListColumn = ({\n handleViewRequestDetails,\n handleShowApprovedModal,\n handleShowPostedModal,\n handleReceiveRequestDetails,\n tabActiveIndex,\n}) => {\n return [\n {\n field: 'transfer_code',\n headerName: 'Transfer Code',\n minWidth: 170,\n flex: 1,\n renderCell: (productsData) => {\n if (parseInt(tabActiveIndex.status) === 6) {\n return (\n - \n
- Total Outstanding Balance \n
- \n
\n \nPHP \n \n\n - Total PDC \n
- \n
\n \nPHP \n \n - Total Unapplied Advances \n
- \n
\n \nPHP \n \n\n - Total Returns on-process \n
- \n
\n \nPHP \n \n {/* - Total Amount Due \n
- \n
\n \nPHP \n \n
\n
\n
\n
*/}\n \n
') : result,\n icon: code === '00003' ? 'success' : 'error',\n });\n\n if (code === '00003') {\n onCallback();\n }\n }\n };\n\n const handleSubmitUpdate = async () => {\n let { isConfirmed } = await Swal.fire({\n title: 'Warehouse Zone',\n text: 'Are you sure you want to update this zone?',\n icon: 'warning',\n showCancelButton: true,\n });\n\n if (isConfirmed) {\n const res = await postUpdateWarehouseZone(form);\n\n let { code, result } = res.data.response;\n\n Swal.fire({\n title: 'Warehouse Zone',\n html: Array.isArray(result) ? result.join('
') : result,\n icon: code === '00004' ? 'success' : 'error',\n });\n\n if (code === '00004') {\n onCallback();\n }\n }\n };\n\n return (\n
- \n
- Date \n
- {data.date_created} \n {renderSignature()}\n
') : result,\n icon: code === '00000' ? 'success' : 'error',\n });\n\n if (isConfirmed && code === '00000') {\n setFormModal(false);\n // load data\n loadData(customer_code);\n }\n }\n };\n\n const handleViewDetail = (row) => {\n setDetailModal({ toggle: true, data: row });\n return false;\n };\n\n const handleDelete = async () => {\n if (!selectedIds.length) return;\n\n let { isConfirmed } = await Swal.fire({\n title: 'Footprint Tracing',\n html: 'Are you sure you want to delete this record(s)?',\n icon: 'warning',\n showCancelButton: true,\n });\n\n if (isConfirmed) {\n toast.loading('Please wait ...');\n\n let res = await deleteFootprintTracing(selectedIds);\n\n const { code, result } = res.data.response;\n toast.dismiss();\n\n let { isConfirmed } = await Swal.fire({\n title: 'Footprint Tracing',\n html: Array.isArray(result) ? result.join('
') : result,\n icon: code === '00000' ? 'success' : 'error',\n });\n\n if (isConfirmed) {\n loadData(customer_code);\n }\n }\n };\n\n const columns = footprintTracingColumns({\n handleViewDetail: (row) => handleViewDetail(row),\n });\n\n return (\n
\n \n \n \n \n
\n \n row.footprint_id}\n checkboxSelection\n hasGridToolbar\n onSelectionModelChange={setSelectedIds}\n loading={loading}\n />\n
\n \n
\n );\n });\n\n return (\n \n \n
\n )}\n \n onChange(moment(e).format(datePickerFormatString))}\n readOnly={readOnly}\n customInput={
\n );\n};\n\nexport default PrimaryDatePicker;\n","import { useState } from \"react\";\nimport AsyncSelect from \"react-select/async\";\nimport _ from \"lodash\";\n\nconst PrimaryAsyncSelect = ({\n name,\n value,\n onChange,\n placeholder = \"- Select Option -\",\n customFunction,\n config = {\n searchField: \"id\",\n valueField: \"id\",\n labelField: \"name\",\n },\n isClearable = true,\n isMulti,\n isDisabled = false,\n}) => {\n // console.log({ PrimaryAsyncSelect: 1, rerender: 1 });\n const [options, setOptions] = useState([]);\n\n const promiseOptions = (inputValue) =>\n new Promise((resolve) => {\n customFunction({ [config.searchField]: inputValue }).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === \"00000\") {\n let data = result.map((row) => {\n return {\n value:\n config.valueField === \"object\" ? row : row[config.valueField],\n label: row[config.labelField],\n };\n });\n\n data = _.uniqBy(data, (e) => e.value);\n\n setOptions(data);\n resolve(data);\n } else {\n resolve([]);\n }\n });\n });\n\n const renderValue = () => {\n if (value) {\n if (typeof value === \"object\") {\n return value;\n }\n\n const tmp = options.find((row) => {\n if (config.valueField === \"object\") {\n return row.value[name] === value;\n }\n\n return row.value === value;\n });\n return tmp;\n }\n return placeholder;\n };\n\n return (\n \n \n
\n );\n};\n\nexport default Footer;\n","import React from 'react';\nimport { Link, NavLink } from 'react-router-dom';\nimport { useLocation } from 'react-router-dom';\nimport { hasPermission } from '../PermissionsGate';\nimport { useSelector } from 'react-redux';\nimport $ from 'jquery';\nimport { menu } from '../../redux/reducers';\nimport { generateUUID } from '../../utils/helper';\n\nconst NavbarMenu = ({ items }) => {\n const { pathname } = useLocation();\n const { activeMenu } = useSelector((state) => state.menu);\n\n // this is a hack for removeing show on subchild menu\n $(function () {\n $('.dropdown-menu.show').removeClass('show');\n });\n // end of the hach\n\n const renderMainMenu = (items) => {\n return items.map((item) => {\n if (item?.hideMenu) return null;\n\n if (!hasPermission(item.permission)) return null;\n\n let classes = 'nav-item';\n\n if (activeMenu.indexOf(item.id) !== -1) {\n classes += ' active';\n }\n\n if (item?.child) classes += ' dropdown';\n\n return (\n - \n {children.map((item) => {\n if (item?.hideMenu) return null;\n\n if (!hasPermission(item.permission)) return null;\n\n // check if there is property props on item\n let props = {};\n\n if (item.hasOwnProperty('props')) {\n props = item.props({ pathname });\n }\n\n let classes = 'dropdown-item';\n\n if (activeMenu.indexOf(item.id) !== -1) {\n classes += ' active';\n }\n\n if (item?.child) {\n classes += ' dropdown-item-has-submenu';\n }\n\n if (item?.indent) {\n classes += ' dropdown-item-indent';\n }\n\n if (item?.type) {\n switch (item?.type) {\n case 'title':\n classes += ' font-weight-bold';\n return (\n
- \n {item.name}\n \n );\n\n case 'divider':\n return (\n \n );\n\n default:\n return null;\n }\n }\n\n const url = item?.url ?? '/#';\n\n return (\n
- \n {item?.child ? (\n {item.name}\n ) : (\n
\n {item.name}\n \n )}\n\n {item?.child ? renderChildMenu(item?.child, depth + 1) : null}\n \n );\n })}\n
\n \n {notificationBellIcon}\n {!counter ? null : counter}\n \n
\n \n );\n };\n\n const renderBody = (data, key) => {\n return (\n \n onScroll(e)}\n ref={listInnerRef}\n >\n {notificationData.length === 0 ? (\n \n No Notification\n \n ) : (\n notificationData.map((data, key) => renderBody(data, key))\n )}\n
\n {loading && (\n \n
\n )}\n \n
\n );\n};\n\nexport default Navbar;\n","import makeApiRequest from \"./makeApiCall\";\n\nexport const requestLogin = async (data) => {\n return await makeApiRequest(`/users/login`, \"POST\", \"\", data);\n};\n\nexport const crossLogin = async (euid, token) => {\n return await makeApiRequest(`/signin`, \"GET\", \"\", {\n euid,\n token,\n });\n};\n\nexport const getEcosystemDetails = async (euid) => {\n return await makeApiRequest(\"/ecosystem_detail/\" + euid, \"GET\");\n};\n","import { lazy } from \"react\";\n\nconst Unauthenticated = lazy(() => import(\"../pages/Login/Unauthenticated\"));\n\nconst authRoute = {\n public: [\n {\n name: \"unauthenticated\",\n path: \"/unauthenticated\",\n component: Unauthenticated,\n },\n ],\n auth: [],\n};\n\nexport default authRoute;\n","//import { Banks, Branches, Accounts } from \"../pages/Banks/components\";\nimport { lazy } from \"react\";\n\nconst Banks = lazy(() =>\n import(\"../pages/Banks/components/index.js\").then((module) => ({\n default: module.Banks,\n }))\n);\n\nconst Branches = lazy(() =>\n import(\"../pages/Banks/components/index.js\").then((module) => ({\n default: module.Branches,\n }))\n);\n\nconst Accounts = lazy(() =>\n import(\"../pages/Banks/components/index.js\").then((module) => ({\n default: module.Accounts,\n }))\n);\n\nconst courierRoute = {\n public: [],\n auth: [\n {\n name: \"banks_maintenance\",\n path: \"/banks-maintenance\",\n component: Banks,\n },\n {\n name: \"banks_maintenance\",\n path: \"/banks-maintenance/:id\",\n component: Banks,\n },\n {\n name: \"bank_branches\",\n path: \"/banks-maintenance/branches/:id\",\n component: Branches,\n },\n {\n name: \"bank_account\",\n path: \"/banks-maintenance/accounts/:id\",\n component: Accounts,\n },\n ],\n};\n\nexport default courierRoute;\n","import { lazy } from \"react\";\n\nconst CourierLists = lazy(() => import(\"../pages/Couriers/CourierLists\"));\nconst CourierLocation = lazy(() => import(\"../pages/Couriers/CourierLocation\"));\nconst CourierCustomers = lazy(() =>\n import(\"../pages/Couriers/CourierCustomers\")\n);\n\nconst courierRoute = {\n public: [],\n auth: [\n {\n name: \"courier_display\",\n path: \"/couriers\",\n component: CourierLists,\n },\n {\n name: \"courier_location\",\n path: \"/couriers/locations\",\n component: CourierLocation,\n },\n {\n name: \"courier_customer\",\n path: \"/couriers/customers\",\n component: CourierCustomers,\n },\n ],\n};\n\nexport default courierRoute;\n","import { lazy } from 'react';\n\nconst CollectionList = lazy(() =>\n import('../pages/CreditCollectionsManagement/CollectionList'),\n);\n\nconst CollectionListAccess = lazy(() =>\n import('../pages/CreditCollectionsManagement/CollectionListAccess'),\n);\n\nconst CustomerCenter = lazy(() =>\n import('../pages/CreditCollectionsManagement/CustomerCenter'),\n);\nconst PaymentApplication = lazy(() =>\n import('../pages/CreditCollectionsManagement/PaymentApplication'),\n);\nconst CustomerList = lazy(() =>\n import('../pages/CreditCollectionsManagement/CustomerList'),\n);\nconst UnidentifiedDeposit = lazy(() =>\n import('../pages/CreditCollectionsManagement/UnidentifiedDeposit'),\n);\n\nconst CreditCollectionsList = lazy(() =>\n import('../pages/CreditCollections/AccountDetails'),\n);\nconst AccountDetails = lazy(() =>\n import('../pages/CreditCollections/AccountDetails'),\n);\n\nconst CreditMemo = lazy(() =>\n import(\n '../pages/CreditCollectionsManagement/components/CreditDebitMemo/index'\n ),\n);\n\nconst DebitMemo = lazy(() =>\n import(\n '../pages/CreditCollectionsManagement/components/CreditDebitMemo/index'\n ),\n);\n\nconst CreditDebitMemoForm = lazy(() =>\n import(\n '../pages/CreditCollectionsManagement/components/CreditDebitMemo/MemoForm'\n ),\n);\nconst CreditMemoSrpfApprovalForm = lazy(() =>\n import(\n '../pages/CreditCollectionsManagement/components/CreditDebitMemo/SrpfApprovalForm'\n ),\n);\n\nconst CustomerAdvances = lazy(() =>\n import('../pages/CreditCollectionsManagement/CustomerAdvances'),\n);\n\nconst creditCollectionRoute = {\n public: [],\n auth: [\n // admin management routes\n {\n name: 'cc_management_list',\n path: '/credit-and-collections/management/collections',\n component: CollectionList,\n },\n {\n name: 'cc_management_list_access',\n path: '/credit-and-collections/management/collections-access',\n component: CollectionListAccess,\n },\n\n {\n name: 'cc_management_customer_center',\n path: '/credit-and-collections/management/customer-center/:id?',\n component: CustomerCenter,\n },\n {\n name: 'cc_management_customer_center',\n path: '/credit-and-collections/management/payment-application/:id?',\n component: PaymentApplication,\n },\n {\n name: 'cc_management_credit_memo',\n path: '/credit-and-collections/management/memo/:memoType',\n component: CreditMemo,\n },\n {\n name: 'cc_management_credit_memo',\n path: '/credit-and-collections/management/memo/:memoType',\n component: DebitMemo,\n },\n {\n name: 'cc_management_credit_memo_form',\n path: '/credit-and-collections/management/memo/:memoType/form/:customer_code?/:id?',\n component: CreditDebitMemoForm,\n },\n {\n name: 'cc_management_credit_memo_form',\n path: '/credit-and-collections/management/memo/:memoType/edit-form/:id?',\n component: CreditDebitMemoForm,\n },\n {\n name: 'cc_management_credit_memo_form',\n path: '/credit-and-collections/management/memo/:memoType/srpf/approval-form/:customer_code',\n component: CreditMemoSrpfApprovalForm,\n },\n {\n name: 'cc_management_credit_memo_form',\n path: '/credit-and-collections/management/memo/:memoType/form',\n component: CreditDebitMemoForm,\n },\n {\n name: 'cc_management_customer_advances_report',\n path: '/credit-and-collections/customer-advances-report',\n component: CustomerAdvances,\n },\n //Customer List Dashboard\n {\n name: 'cc_customer_dashboard',\n path: '/credit-and-collections/management/customers',\n component: CustomerList,\n },\n {\n name: 'cc_unidentified_deposits',\n path: '/credit-and-collections/management/unidentified-deposits',\n component: UnidentifiedDeposit,\n },\n\n // field office routes\n {\n name: 'cc_list',\n path: '/credit-and-collections',\n component: CreditCollectionsList,\n },\n {\n name: 'cc_account_details',\n path: '/credit-and-collections/customer/:id',\n component: AccountDetails,\n },\n ],\n};\n\nexport default creditCollectionRoute;\n","import { lazy } from \"react\";\n\nconst CustomerAging = lazy(() => import(\"../pages/Customers/CustomerAging\"));\n\nconst customerAgingRoute = {\n public: [],\n auth: [\n {\n name: \"customer_aging\",\n path: \"/credit-and-collections/management/customer-aging\",\n component: CustomerAging,\n },\n ],\n};\n\nexport default customerAgingRoute;\n","import { lazy } from \"react\";\n\nconst DealsAndDiscountLogsScreen = lazy(() =>\n import(\"../components/DealsAndDisountLogs/Screens/DealsAndDiscountLogsScreen\")\n);\n\n// const StockVendors = lazy(() =>\n// import(\"../components/Vendor/pages/StockVendors\")\n// );\n\nconst DealsAndDiscountLogsRoute = {\n public: [],\n auth: [\n {\n name: \"deals_logs\",\n path: \"/customers/deals-logs\",\n component: DealsAndDiscountLogsScreen,\n },\n // {\n // name: \"vendor_info\",\n // path: \"/vendors/:vendor_id\",\n // component: StockVendors,\n // },\n ],\n};\n\nexport default DealsAndDiscountLogsRoute;","import { lazy } from 'react';\n\nconst DealsAndDiscountsRegular = lazy(() =>\n import('../pages/DealsAndDiscountsRegular'),\n);\n\nconst CreateDealsAndDiscountsRegular = lazy(() =>\n import('../pages/DealsAndDiscountsRegular/CreateDealsAndDiscounts'),\n);\n\nconst CustomerDealsAndDiscountsPromotional = lazy(() =>\n import('../pages/DealsAndDiscounts/CustomerDealsAndDiscounts'),\n);\n\nconst CreateDealsAndDiscounts = lazy(() =>\n import('../pages/DealsAndDiscounts/CreateDealsAndDiscounts'),\n);\n\nconst UpdateDealsAndDiscounts = lazy(() =>\n import('../pages/DealsAndDiscounts/UpdateDealsAndDiscounts'),\n);\n\nconst CustomerDealsAndDiscountsPromotionalNew = lazy(() =>\n import('../pages/DealsAndDiscountsPromo/CustomerDealsAndDiscounts'),\n);\n\nconst CreateDealsAndDiscountsNew = lazy(() =>\n import('../pages/DealsAndDiscountsPromo/CreateDealsAndDiscounts'),\n);\n\nconst UpdateDealsAndDiscountsNew = lazy(() =>\n import('../pages/DealsAndDiscountsPromo/UpdateDealsAndDiscounts'),\n);\n\nconst dealsAndDiscountRoute = {\n public: [],\n auth: [\n {\n name: 'customers_deals_and_discounts_regular',\n path: '/customers/deals-and-discounts/regular',\n component: DealsAndDiscountsRegular,\n },\n {\n name: 'customers_create_deals_and_discounts_regular',\n path: '/customers/create/deals-and-discounts/regular',\n component: CreateDealsAndDiscountsRegular,\n },\n {\n name: 'customers_deals_and_discounts',\n path: '/customers/deals-and-discounts/promotional',\n component: CustomerDealsAndDiscountsPromotional,\n },\n {\n name: 'customers_create_deals_and_discounts',\n path: '/customers/create/deals-and-discounts',\n component: CreateDealsAndDiscounts,\n },\n {\n name: 'customers_update_deals_and_discounts',\n path: '/customers/update/deals-and-discounts/:customer_discount_batch_hdr_id',\n component: UpdateDealsAndDiscounts,\n },\n {\n name: 'customers_deals_and_discounts',\n path: '/customers/deals-and-discounts/new',\n component: CustomerDealsAndDiscountsPromotionalNew,\n },\n {\n name: 'customers_create_deals_and_discounts',\n path: '/customers/deals-and-discounts/create',\n component: CreateDealsAndDiscountsNew,\n },\n {\n name: 'customers_update_deals_and_discounts',\n path: '/customers/update/deals-and-discounts/new/:customer_discount_batch_hdr_id',\n component: UpdateDealsAndDiscountsNew,\n },\n ],\n};\n\nexport default dealsAndDiscountRoute;\n","import { lazy } from \"react\";\n\nconst DebitMemoLogic = lazy(() => import(\"../pages/DebitMemo/DebitMemoLogic\"));\n\nconst DebitMemoRoute = {\n public: [],\n auth: [\n {\n name: \"debit_memo\",\n path: \"/debit-memo/:status?\",\n component: DebitMemoLogic,\n },\n ],\n};\n\nexport default DebitMemoRoute;\n","import makeApiRequest from './makeApiCall';\n//sales\nexport const requestGetByTransactionDate = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/transactions/sales`, 'POST', null, data);\n};\n\nexport const getTransactionType = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/transactions/types`, 'GET', null, null);\n};\n\nexport const getProductsData = async (data, files = null) => {\n return await makeApiRequest(`/products`, `GET`, null, data, files);\n};\n\nexport const getActiveCustomer = async () => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/customers`, 'GET', null, null);\n};\n\nexport const getCustomers = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/customers/search`, 'post', null, data);\n};\n\nexport const getStatus = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/customers/regular-nonregular`,\n 'post',\n null,\n data,\n );\n};\n\nexport const requestGetReceivablesByTransactionDate = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/recivables`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const getActivePrducts = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/products/all/active`, 'POST', null, data);\n};\n\nexport const getBatchNo = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/search/batches`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const getBreakDownComputationPerModule = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/product/batches`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestGetInventoriesByTransactionDate = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/inventory`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestGetProductByTransactionDate = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/product`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestProductExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/product/export`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestSalesExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/sales/export`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestReceivablesExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/recivables/export/report`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestGeneralLedgerExport = async (data) => {\n return await makeApiRequest(`/ledger/general/export`, 'POST', null, data);\n};\n\nexport const requestInventoryExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/inventory/export`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestSalesPerProductExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/sales-per-product/report`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestVatableSalesExport = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/vatable-sales/report`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestGetVatableSalesLedger = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/vatable-sales`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestGetSalesPerProductLedger = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/sales-per-product`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestSalesPerProductBatches = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/product/batches`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const requestYtdSalesData = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(\n `/ledger/transactions/sales-per-channel-segment`,\n 'POST',\n null,\n data,\n );\n};\n\nexport const getGeneralLedgerData = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/general`, 'POST', null, data);\n};\n\nexport const getAccounts = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/accounts/list`, 'GET', null, data);\n};\n\nexport const getSubgroup = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/accounts/groups/sub`, 'GET', null, data);\n};\n\nexport const getFSGroup = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/accounts/groups/fs`, 'GET', null, data);\n};\n","import { Tooltip } from '@material-ui/core';\nimport { Tags, TagsFill } from 'react-bootstrap-icons';\nimport { numberFormatCurrency } from '../../utils/helper';\n\nexport const inventoriesCol = [\n {\n field: 'transaction_date',\n headerName: 'Date',\n width: 150,\n sortable: false,\n },\n { field: 'reference', headerName: 'Reference', width: 150, sortable: false },\n { field: 'source', headerName: 'Source', width: 150, sortable: false },\n {\n field: 'particulars',\n headerName: 'Particulars',\n width: 150,\n sortable: false,\n },\n\n {\n field: 'purchases_unit',\n headerName: 'Purchases Unit',\n width: 200,\n sortable: false,\n },\n {\n field: 'purchases_cost',\n headerName: 'Purchases Cost',\n width: 200,\n sortable: false,\n },\n {\n field: 'purchases_total',\n headerName: 'Purchases Total',\n width: 200,\n sortable: false,\n },\n\n {\n field: 'sold_unit',\n headerName: 'Sold Unit',\n width: 200,\n sortable: false,\n },\n {\n field: 'sold_cost',\n headerName: 'Sold Cost',\n width: 200,\n sortable: false,\n },\n {\n field: 'sold_total',\n headerName: 'Sold Total',\n width: 200,\n sortable: false,\n },\n\n {\n field: 'adjustment_unit',\n headerName: 'Adjustment Unit',\n width: 200,\n sortable: false,\n },\n {\n field: 'adjustment_cost',\n headerName: 'Adjustment Cost',\n width: 200,\n sortable: false,\n },\n {\n field: 'adjustment_total',\n headerName: 'Adjustment Total',\n width: 200,\n sortable: false,\n },\n\n {\n field: 'inventory_transfer_unit',\n headerName: 'Inventory Transfer Unit',\n width: 200,\n sortable: false,\n },\n {\n field: 'inventory_transfer_cost',\n headerName: 'Inventory Transfer Cost',\n width: 200,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.inventory_transfer_cost);\n },\n },\n {\n field: 'inventory_transfer_total',\n headerName: 'Inventory Transfer Total',\n width: 200,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.inventory_transfer_total);\n },\n },\n\n {\n field: 'overall_balance_unit',\n headerName: 'Overall Unit',\n width: 200,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.overall_balance_unit);\n },\n },\n {\n field: 'overall_balance_cost',\n headerName: 'Overall Cost',\n width: 200,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.overall_balance_cost);\n },\n },\n {\n field: 'overall_balance_total',\n headerName: 'Overall Total',\n flex: 1,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.overall_balance_total);\n },\n },\n];\n\nexport const receivablesCol = [\n {\n field: 'customer_code',\n headerName: 'Customer Code',\n width: 200,\n sortable: false,\n },\n {\n field: 'customer_name',\n headerName: 'Customer Account',\n width: 200,\n sortable: false,\n },\n {\n field: 'transaction_type',\n headerName: 'Transaction',\n width: 150,\n sortable: false,\n },\n {\n field: 'transaction_date',\n headerName: 'Transaction Date',\n width: 150,\n sortable: false,\n },\n {\n field: 'si_number',\n headerName: 'Printed SI No',\n width: 150,\n sortable: false,\n },\n {\n field: 'digital_si',\n headerName: 'Digital SI No',\n width: 150,\n sortable: false,\n },\n { field: 'dr_no', headerName: 'Dr No', width: 150, sortable: false },\n {\n field: 'reference',\n headerName: 'Reference No',\n width: 150,\n sortable: false,\n },\n {\n field: 'particulars',\n headerName: 'Particulars',\n width: 185,\n sortable: false,\n },\n // {\n // field: \"beg_balance\",\n // headerName: \"Beginning Balance\",\n // minWidth: 200,\n // type: \"number\",\n // },\n {\n field: 'receivable_debit',\n headerName: 'Debit',\n width: 200,\n type: 'number',\n sortable: false,\n renderCell: ({ row }) => {\n numberFormatCurrency(row.receivable_debit);\n },\n },\n {\n field: 'receivable_credit',\n headerName: 'Credit',\n minWidth: 200,\n type: 'number',\n sortable: false,\n renderCell: ({ row }) => {\n numberFormatCurrency(row.receivable_credit);\n },\n },\n {\n field: 'receivable_balance',\n headerName: 'Balance',\n type: 'number',\n minWidth: 200,\n sortable: false,\n renderCell: ({ row }) => {\n numberFormatCurrency(row.receivable_balance);\n },\n },\n {\n field: 'running_balance',\n headerName: 'Running Balance',\n type: 'number',\n minWidth: 200,\n sortable: false,\n renderCell: ({ row }) => {\n numberFormatCurrency(row.running_balance);\n },\n },\n];\n\nexport const salesDataCol = [\n {\n field: 'transaction_date',\n headerName: 'Date',\n width: 150,\n sortable: false,\n },\n {\n field: 'received_date',\n headerName: 'Received Date',\n width: 150,\n sortable: false,\n },\n { field: 'si_number', headerName: 'Printed SI Number', width: 150 },\n { field: 'digital_si', headerName: 'Digital SI Number', width: 150 },\n {\n field: 'transaction_type',\n headerName: 'Transaction Type',\n width: 185,\n },\n {\n field: 'customer_name',\n headerName: 'Customer Account',\n width: 200,\n },\n {\n field: 'customer_code',\n headerName: 'Customer Code',\n width: 200,\n },\n {\n field: 'gross',\n headerName: 'Gross',\n width: 200,\n },\n {\n field: 'net',\n headerName: 'Net',\n width: 200,\n },\n {\n field: 'sales_debit',\n headerName: 'Debit',\n width: 200,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.sales_debit);\n },\n },\n {\n field: 'sales_credit',\n headerName: 'Credit',\n width: 200,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.sales_credit);\n },\n },\n {\n field: 'sales_balance',\n headerName: 'Balance',\n type: 'number',\n width: 200,\n renderCell: ({ row }) => {\n numberFormatCurrency(row.sales_balance);\n },\n },\n];\n\nexport const salesPerProductDataCol = [\n { field: 'booked_by', headerName: 'Booked By', width: 150 },\n { field: 'year', headerName: 'Year', width: 150 },\n { field: 'month', headerName: 'Month', width: 150 },\n { field: 'si_date', headerName: 'SI Date', width: 150 },\n { field: 'dr_number', headerName: 'DR Number', width: 150 },\n { field: 'digital_si_number', headerName: 'Digital SI Number', width: 150 },\n { field: 'printed_si_number', headerName: 'Printed SI Number', width: 150 },\n {\n field: 'customer_name',\n headerName: 'Customer Account',\n width: 200,\n sortable: true,\n },\n {\n field: 'so_number',\n headerName: 'SO Number',\n width: 200,\n },\n {\n field: 'is_promotional',\n headerName: 'Order Type',\n width: 300,\n renderCell: ({ row }) => {\n if (row.is_promotional === 0) {\n return Normal Orders;\n } else {\n return (\n \n Special Promo/Near Expiry Order\n \n );\n }\n },\n },\n {\n field: 'channel',\n headerName: 'Channel',\n width: 200,\n },\n {\n field: 'tagging',\n headerName: 'Tagging',\n width: 200,\n },\n {\n field: 'segment',\n headerName: 'Segment',\n width: 200,\n },\n {\n field: 'product_code',\n headerName: 'Product Code',\n width: 200,\n },\n {\n field: 'product',\n headerName: 'Product',\n width: 200,\n },\n {\n field: 'batch_no',\n headerName: 'Batch No.',\n width: 200,\n },\n {\n field: 'exp_date',\n headerName: 'Exp. Date',\n width: 200,\n },\n {\n field: 'qty',\n headerName: 'QTY',\n width: 100,\n },\n {\n field: 'fg',\n headerName: 'FG',\n width: 150,\n },\n\n {\n field: 'price',\n headerName: 'Price',\n width: 200,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.price);\n },\n },\n {\n field: 'dsc',\n headerName: 'Dsc',\n width: 100,\n sortable: false,\n },\n {\n field: 'gross',\n headerName: 'Gross',\n width: 200,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.gross);\n },\n },\n {\n field: 'net',\n headerName: 'Net',\n width: 200,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.net);\n },\n },\n];\n\nexport const vatableSalesCol = [\n { field: 'si_date', headerName: 'Date', width: 150 },\n { field: 'dr_number', headerName: 'DR No', width: 150 },\n { field: 'si_number', headerName: 'SI No', width: 150 },\n {\n field: 'customer_name',\n headerName: 'Customer Account',\n width: 200,\n sortable: true,\n },\n {\n field: 'tin',\n headerName: 'TIN',\n width: 185,\n },\n {\n field: 'net_sales',\n headerName: 'TOTAL NET SALES',\n width: 230,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.net_sales);\n },\n },\n {\n field: 'vat_sales',\n headerName: 'VATABLE SALES ',\n width: 230,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.vat_sales);\n },\n },\n {\n field: 'rated_sales',\n headerName: 'VAT ZERO (0%) RATED SALES',\n width: 230,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.rated_sales);\n },\n },\n {\n field: 'vat_exempt',\n headerName: 'VAT EXEMPT SALES ',\n width: 230,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.vat_exempt);\n },\n },\n {\n field: 'vat_amount',\n headerName: 'VAT AMOUNT SALES ',\n width: 230,\n sortable: false,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.vat_amount);\n },\n },\n {\n field: 'sales',\n headerName: 'SALES (NET of VAT)',\n sortable: false,\n minWidth: 250,\n type: 'number',\n renderCell: ({ row }) => {\n numberFormatCurrency(row.sales);\n },\n },\n];\n\nexport const generalLedgerCol = [\n {\n field: 'id',\n headerName: 'ID number',\n width: 200,\n sortable: false,\n },\n {\n field: 'journal_entry',\n headerName: 'Journal Entry No',\n width: 200,\n sortable: false,\n },\n {\n field: 'transaction_date',\n headerName: 'Transaction Date',\n width: 150,\n sortable: false,\n },\n {\n field: 'account_code',\n headerName: 'Account Number',\n width: 150,\n sortable: false,\n },\n {\n field: 'account_name',\n headerName: 'Account Description',\n width: 150,\n sortable: false,\n },\n {\n field: 'debit',\n headerName: 'Debit',\n width: 200,\n type: 'number',\n sortable: false,\n filterable: false,\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.debit, '');\n },\n },\n {\n field: 'credit',\n headerName: 'Credit',\n minWidth: 200,\n type: 'number',\n sortable: false,\n filterable: false,\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.credit, '');\n },\n },\n {\n field: 'running_balance',\n headerName: 'Running Balance',\n minWidth: 200,\n type: 'number',\n sortable: false,\n filterable: false,\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.running_balance, '');\n },\n },\n {\n field: 'module',\n headerName: 'Module',\n width: 150,\n sortable: false,\n },\n {\n field: 'reference',\n headerName: 'Module Reference',\n width: 150,\n sortable: false,\n },\n {\n field: 'payee',\n headerName: 'Payee/Supplier',\n width: 150,\n sortable: false,\n },\n {\n field: 'md',\n headerName: 'MD',\n width: 150,\n sortable: true,\n },\n {\n field: 'accounting_code',\n headerName: 'Accounting Code',\n width: 150,\n sortable: true,\n },\n {\n field: 'particulars',\n headerName: 'Particulars',\n width: 185,\n sortable: false,\n },\n {\n field: 'remarks',\n headerName: 'Remarks',\n width: 185,\n sortable: false,\n },\n {\n field: 'details',\n headerName: 'Details',\n width: 185,\n sortable: false,\n },\n {\n field: 'program',\n headerName: 'Program',\n width: 185,\n sortable: false,\n },\n {\n field: 'cost_center',\n headerName: 'Cost Center',\n width: 185,\n sortable: false,\n },\n {\n field: 'bank_date',\n headerName: 'Bank Date',\n width: 185,\n sortable: false,\n },\n];\n// export const generalLedgerCol = [\n// {\n// field: 'fs_group',\n// headerName: 'FS Group',\n// width: 200,\n// sortable: true,\n// },\n// {\n// field: 'account_group',\n// headerName: 'Group',\n// width: 200,\n// sortable: true,\n// },\n// {\n// field: 'sub_group',\n// headerName: 'Subgroup',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'account_code',\n// headerName: 'Account Code',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'account_name',\n// headerName: 'Account Title',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'transaction_date',\n// headerName: 'Date',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'module',\n// headerName: 'Module',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'reference',\n// headerName: 'Reference',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'payee',\n// headerName: 'Payee',\n// width: 150,\n// sortable: true,\n// },\n// {\n// field: 'beginning',\n// headerName: 'Beginning',\n// minWidth: 200,\n// type: 'number',\n// sortable: false,\n// filterable: false,\n// renderCell: ({ row }) => {\n// return numberFormatCurrency(row.beginning, '');\n// },\n// },\n// {\n// field: 'debit',\n// headerName: 'Debit',\n// width: 200,\n// type: 'number',\n// sortable: false,\n// filterable: false,\n// renderCell: ({ row }) => {\n// return numberFormatCurrency(row.debit, '');\n// },\n// },\n// {\n// field: 'credit',\n// headerName: 'Credit',\n// minWidth: 200,\n// type: 'number',\n// sortable: false,\n// filterable: false,\n// renderCell: ({ row }) => {\n// return numberFormatCurrency(row.credit, '');\n// },\n// },\n// {\n// field: 'ending_balance',\n// headerName: 'Ending',\n// minWidth: 200,\n// type: 'number',\n// sortable: false,\n// filterable: false,\n// renderCell: ({ row }) => {\n// return numberFormatCurrency(row.ending_balance, '');\n// },\n// },\n// {\n// field: 'particulars',\n// headerName: 'Particulars',\n// width: 185,\n// sortable: true,\n// },\n// {\n// field: 'remarks',\n// headerName: 'Remarks',\n// width: 185,\n// sortable: true,\n// },\n// {\n// field: 'details',\n// headerName: 'Details',\n// width: 185,\n// sortable: true,\n// },\n// {\n// field: 'cost_center',\n// headerName: 'Cost Center',\n// width: 185,\n// sortable: true,\n// },\n// {\n// field: 'program',\n// headerName: 'Program',\n// width: 185,\n// sortable: true,\n// },\n// ];\n","import { Tabs, Tab } from 'react-bootstrap';\nimport '../../../globalStyles/css/bootstrap/bootstrap.min.css';\nimport '../ledger.css';\nimport PrimaryDatePicker from '../../../components/PrimaryDatePicker';\nimport PrimaryAsyncSelect from '../../../components/PrimaryAsyncSelect';\nimport { getAccounts, getSubgroup, getFSGroup } from '../../../api/ledgers';\nimport PrimaryDataTable from '../../../components/PrimaryDataTable';\nimport {\n AlertDefaultError,\n PermissionsGate,\n} from '../../../components/PermissionsGate';\nimport { generalLedgerCol } from '../const';\n\nconst minDate = '2022-12-01';\n\nconst GeneralLedgerReportScreen = ({\n // handleChange,\n formData,\n dateChange,\n onSearch,\n generalLedgerData,\n selectedTab,\n handleSearch,\n handleSelectedTab,\n handleChange,\n handleDataTableChange,\n handleFilterModelChange,\n handleTableChange,\n loading,\n totalRow,\n reloadTable,\n handleExport,\n columnRunning,\n onHandlegeneralLedgerExport,\n}) => {\n return (\n \n \n \n\n
\n \n \n \n \n \n
\n {auth.isAuthed ? (\n
\n \n \n \n
\n {auth.isAuthed ? (\n \n
\n ) : null}\n \n \n \n
\n\n \n
\n\n \n \n \n BK\n \n\n
\n \n
\n \n \n {auth.profileData.first_name +\n ' ' +\n auth.profileData.last_name}\n
\n \n {!auth.profileData.job_name\n ? 'NO JOB DESC'\n : auth.profileData.job_name.toUpperCase()}\n
\n \n \n Logout\n \n
\n \n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n
\n );\n};\n\nexport default GeneralLedgerReportScreen;\n","import { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport GeneralLedgerReportScreen from '../Screens/GeneralLedgerReportScreen';\nimport Swal from 'sweetalert2';\nimport {\n requestReceivablesExport,\n getGeneralLedgerData,\n requestGeneralLedgerExport,\n} from '../../../api/ledgers';\nimport { numberFormatCurrency } from '../../../utils/helper';\nimport { toast } from 'react-toastify';\nimport _ from 'lodash';\nimport useNavActive from '../../../components/Navbar/useNavActive';\nimport moment from 'moment';\n\nconst currentDate = moment().format('YYYY-MM-DD');\n\nconst formDefault = {\n date_from: currentDate,\n date_to: currentDate,\n page: 0,\n page_size: 50,\n order_by: 'account_code',\n direction: 'asc',\n};\n\nconst General = () => {\n //declaration\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [generalLedgerData, setGeneralLedgerData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [columnRunning, setColumnRunning] = useState(true);\n const [pageArray, setPageArray] = useState([]);\n const [currentPage, setCurrentPage] = useState(0);\n const [currentPageSize, setCurrentPageSize] = useState(50);\n const [pages, setPages] = useState([]);\n const [begBal, setBegBal] = useState(0);\n const [tableParams, setTableParams] = useState({});\n\n useNavActive([\n 'finance_and_accounting',\n 'fna_financial_reports',\n 'general_ledger',\n ]);\n\n //functions\n //functions\n useEffect(() => loadLedgerData(formData), []);\n\n const loadLedgerData = async (form) => {\n if (form.account_code) {\n setColumnRunning(false);\n } else {\n setColumnRunning(true);\n }\n\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setGeneralLedgerData([]);\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1) {\n try {\n let res = await getGeneralLedgerData(form);\n const { code, result, total_rows } = res.data;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n\n let tmp = [];\n _.each(\n result,\n (row) => {\n tmp.push({\n id: row.id,\n journal_no: row.journal_entry,\n transaction_date: row.transaction_date,\n account_code: row.account_code,\n account_name: row.account_name,\n debit: row.debit,\n credit: row.credit,\n running_balance: row.running_balance,\n module: row.module,\n reference: row.reference,\n payee: row.payee,\n md: row.md,\n particulars: row.particulars,\n remarks: row.remarks,\n details: row.details,\n program: row.program,\n cost_center: row.cost_center,\n bank_date: row.bank_date,\n accounting_code: row.accounting_code,\n });\n },\n (row) => console.log('row', row),\n );\n\n setGeneralLedgerData(result);\n\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n } else {\n setLoading(false);\n toast.warning('Please provide valid date!');\n }\n };\n\n const handleSelectedTab = (key) => {\n history.push('/finance-and-accounting/general-ledger');\n };\n\n const handleChange = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const getDate = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const searchLedger = (temp) => {\n toast.loading('Getting Transaction, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n if (formData.date_to === '') {\n getGeneralLedgerData(temp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n if (res.data.response.result.length === 0) {\n toast.warning('No Data Available');\n }\n toast.dismiss();\n setGeneralLedgerData(res.data.response.result);\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n } else {\n getGeneralLedgerData(formData)\n .then((res) => {\n if (res.data.response.code === '00000') {\n if (res.data.response.result.length === 0) {\n toast.warning('No Data Available');\n }\n toast.dismiss();\n setGeneralLedgerData(res.data.response.result);\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n const handleSearch = () => loadLedgerData(formData);\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n loadLedgerData(temp);\n };\n\n const handleTableChange = (params) => {\n const newParams = { ...formData, ...params };\n\n setTableParams(newParams);\n loadLedgerData(newParams);\n };\n\n const handleFilterModelChange = (filterModel) => {\n const newParams = { ...formData, filter: filterModel };\n setTableParams(newParams);\n loadLedgerData(newParams);\n };\n\n const OnHandleExport = () => {\n let dateFrom = new Date(formData.date_from);\n let dateTo = new Date(formData.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n if (allow === 0) {\n Swal.fire({\n title: 'Warning',\n text: 'Please select correct dates!',\n icon: 'warning',\n });\n } else {\n let tmp = {\n id: formData.account_code,\n date_from: formData.date_from,\n date_to: formData.date_to,\n tab: 'receivables',\n };\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestReceivablesExport(tmp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n const handlegeneralLedgerExport = () => {\n let tmp = {\n account_code: formData.account_code,\n date_from: formData.date_from,\n date_to: formData.date_to,\n };\n\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestGeneralLedgerExport(tmp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n console.log(res);\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n };\n\n return (\n GENERAL LEDGERS
\n\n
\n \n \n {/*
\n\n row.id}\n rowCount={totalRow}\n loading={loading}\n reload={reloadTable}\n mode=\"server\"\n onChange={handleTableChange}\n filterMode=\"server\"\n onFilterModelChange={handleFilterModelChange}\n />\n \n
\n \n \n \n
\n \n \n\n \n handleChange({\n target: { name: 'account_code', value: e.value },\n })\n }\n customFunction={getAccounts}\n isClearable={true}\n name={'account_name'}\n value={formData.account_code}\n placeholder=\"Select Account\"\n config={{\n searchField: 'keyword',\n valueField: 'account_code',\n labelField: 'account_name',\n }}\n />\n
\n {/* \n \n\n \n handleChange({\n target: { name: 'fs_group', value: e.value },\n })\n }\n customFunction={getFSGroup}\n isClearable={true}\n name={'name'}\n value={formData.fs_group}\n placeholder=\"Select FS Group\"\n config={{\n searchField: 'keyword',\n valueField: 'fs_group',\n labelField: 'name',\n }}\n />\n
*/}\n \n \n\n \n handleChange({\n target: {\n name: 'sub_group',\n value: e.value,\n },\n })\n }\n customFunction={getSubgroup}\n isClearable={true}\n name={'name'}\n value={formData.sub_group}\n placeholder=\"Select Subgroup\"\n config={{\n searchField: 'keyword',\n valueField: 'sub_group',\n labelField: 'name',\n }}\n />\n
\n \n
\n \n \n \n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n \n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n Export\n \n \n
\n \n \n
*/}\n \n \n \n Export\n \n \n
\n \n
\n
\n \n Allowable Credit
\n\n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n credit_card_off\n
\n \n
\n \n
\n \n {'₱ ' + basis.allowable_credit_limit}\n
\n Credit Limit
\n \n
\n \n
\n \n credit_card\n
\n \n
\n \n
\n \n {'₱ ' + basis.ending_balance || 0}\n
\n \n Total Account Receivable\n
\n \n
\n\n {/* \n \n
\n \n {final_assessment.rating.rating}\n
\n \n
\n \n Final Assessment\n
\n\n {final_assessment.rating.remarks}\n
\n \n
*/}\n \n
\n \n credit_card\n
\n \n
\n \n
\n \n {\"₱ \" + basis.ending_balance || 0}\n
\n \n Total Account Receivable\n
\n \n
\n \n
\n Initial Assessment
\n\n
\n \n \n \n
\n
\n | Criteria | \nResult | \nRating | \n
|---|---|---|
| DSO vs. Given Credit Terms | \n\n {criteria_1.rating.days} days\n | \n\n|
| Past Due Rate (PDR) | \n\n {criteria_2.rating.past_due_rate}%\n | \n|
| Outstanding AR vs Credit Limit (CL) | \n\n {criteria_3.rating.ar_vs_cl}%\n | \n|
| Payment to Net Credit Sales Ratio | \n\n {criteria_4.rating.payment_ratio}%\n | \n|
| Promise-to-Pay Conversion Rate | \n\n {criteria_5.rating.ptp_conversion_rate}%\n | \n
\n \n
\n Breakdown
\n {basis ? (\n- \n
- \n Beginning Balance\n \n
- \n {'₱ ' + basis.beginning_balance}\n \n\n
- \n Ending Balance\n \n
- \n {'₱ ' + basis.ending_balance}\n \n\n
- Average AR \n
- \n {'₱ ' + basis.average_ar}\n \n\n
- \n YTD Sales{' '}\n \n (from {ytd_date} to {today_date})\n \n \n
- \n {'₱ ' + basis.ytd_sales}\n \n\n
- \n YTD Collection{' '}\n \n (from {ytd_date} to {today_date})\n \n \n
- \n {'₱ ' + basis.ytd_collection}\n \n\n
- DSO \n
- {basis.dso} \n\n
- DSO vs CT \n
- {basis.dso_vs_ct} \n\n
- \n Average Collection\n \n
- \n {'₱ ' + basis.average_collection}\n \n\n
- Past Due \n
- \n {'₱ ' + basis.past_due_90days_and_above_credit_term}\n \n\n
- \n % of Past Due Rate\n \n
- \n {basis.percent_past_due_rate + '%'}\n \n\n
- \n Credit Limit Performance\n \n
- \n {'₱ ' + basis.credit_limit_performance}\n \n\n
- \n Credit Limit 25% gross up\n \n
- \n {'₱ ' + basis.credit_limit_25percent_gross_up}\n \n\n
- \n % of AR vs Credit limit\n \n
- \n {basis.percent_of_ar_vs_credit_limit + '%'}\n \n\n
- Payment Ratio \n
- \n {basis.payment_ratio + '%'}\n \n\n
- \n PTP Conversation Rate\n \n
- \n {basis.ptp_conversion_rate + '%'}\n \n
No Data.
\n )}\n \n
\n );\n};\n\nexport default ViewCustomerCreditAssessmentPublic;\n","import makeApiRequest from \"./makeApiCall\";\n\nexport const getPublicCustomerCode = async (params) => {\n return await makeApiRequest(\n `/customer/credit/assessment`,\n \"POST\",\n null,\n params,\n false\n );\n};\n","import { ProgressBar } from \"react-bootstrap\";\n\nconst UnderConstructionScreen = () => {\n document.body.classList.add(\"under-construction\");\n\n return (\n \n
\n \n );\n};\n\nexport default UnderConstructionScreen;\n","import ViewCustomerCreditAssessmentPublic from \"../pages/Guest/ViewCustomerCreditAssessmentPublic\";\nimport UnderConstruction from \"../pages/UnderConstruction\";\n\nconst publicRoute = {\n public: [\n {\n name: \"credit_assessment_public\",\n path: \"/public/credit-assessment/:customer_code\",\n component: ViewCustomerCreditAssessmentPublic,\n },\n {\n name: \"under_construction\",\n path: \"/under-construction\",\n component: UnderConstruction,\n },\n ],\n auth: [],\n};\n\nexport default publicRoute;\n","import UnderConstructionScreen from \"./Screens/UnderConstructionScreen\";\n\nconst UnderConstruction = () => {\n return \n ![\"Bell](\"/Stacked)
\n
\n New website coming soon
\n \n
\n
\n );\n};\n\nexport default SalesLedgerReportScreen;\n","import { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { toast } from 'react-toastify';\nimport Swal from 'sweetalert2';\nimport useNavActive from '../../../components/Navbar/useNavActive';\n//screen\nimport SalesLedgerReportScreen from '../Screens/SalesLedgerReportScreen';\n\n//api\nimport {\n requestGetByTransactionDate,\n requestSalesExport,\n} from '../../../api/ledgers';\nimport { numberFormatCurrency } from '../../../utils/helper';\n\nconst today = new Date();\nconst prior = new Date().setDate(today.getDate() - 20);\nconst priorDate = new Date(prior);\n\nconst formDefault = {\n customer_id: null,\n id: '',\n date_from:\n priorDate.getFullYear() +\n '-' +\n (priorDate.getMonth() + 1) +\n '-' +\n priorDate.getDate(), //moment().format(\"YYYY-MM-DD\"),\n date_to:\n today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(), //moment().subtract(30, \"days\").format(\"YYYY-MM-DD\"),\n\n page: 0,\n page_size: 50,\n order_by: null,\n direction: null,\n};\n\nconst Sales = () => {\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'sales_special_journal',\n ]);\n //declaration\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [salesData, setSalesData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n //functions\n useEffect(() => loadLedgerData(formData), []);\n\n const loadLedgerData = async (form) => {\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setSalesData([]);\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n let allow = 0;\n\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1) {\n try {\n let res = await requestGetByTransactionDate(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n\n setSalesData(\n result.map((row) => {\n return {\n id: row.id,\n transaction_date: row.transaction_date,\n si_number: row.si_number,\n digital_si: row.digital_si,\n transaction_type: row.transaction_type,\n customer_name: row.customer_name,\n customer_code: row.customer_code,\n gross: numberFormatCurrency(row.gross ?? 0),\n net: numberFormatCurrency(row.net ?? 0),\n sales_debit: numberFormatCurrency(row.sales_debit ?? 0),\n sales_credit: numberFormatCurrency(row.sales_credit ?? 0),\n sales_balance: numberFormatCurrency(row.balance ?? 0),\n received_date: row.received_date,\n };\n }),\n );\n\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n //console.log({ error });\n setLoading(false);\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n } else {\n setLoading(false);\n toast.warning('Please provide valid date!');\n }\n };\n\n const handleSelectedTab = (key) => {\n if (key === 'sales_ledger') {\n history.push('/ledgers/sales');\n } else if (key === 'receivables_ledger') {\n history.push('/ledgers/receivables');\n } else if (key === 'inventories_ledger') {\n history.push('/ledgers/inventories');\n } else if (key === 'sales_per_product_ledger') {\n history.push('/ledgers/sales-per-products');\n } else if (key === 'vatable_sales_ledger') {\n history.push('/ledgers/vatable-sales');\n } else if (key === 'product_ledger') {\n history.push('/ledgers/products');\n } else if (key === 'ytd_sales_ledger') {\n history.push('/ledgers/ytd-sales');\n } else {\n history.push('/ledgers/sales');\n }\n };\n\n const getTransactionType = (e) => {\n if (e === null) {\n setFormData({ ...formData });\n } else {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n }\n };\n\n const getDate = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const handleSearch = () => loadLedgerData(formData);\n\n const handleDataTableChange = (params) => {\n //console.log(params);\n let temp = {\n ...formData,\n ...params,\n };\n\n //setFormData(temp);\n loadLedgerData(temp);\n };\n\n const OnHandleExport = () => {\n if (formData.date_from === '' || formData.date_to === '') {\n Swal.fire({\n title: 'Warning',\n text: 'Please select dates!',\n icon: 'warning',\n });\n } else {\n let tmp = {\n id: formData.id,\n customer_id: formData.customer_id,\n date_from: formData.date_from,\n date_to: formData.date_to,\n tab: 'sales',\n };\n //console.log(tmp);\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestSalesExport(tmp)\n .then((res) => {\n //console.log({ res });\n if (res.data.response.code === '00000') {\n //console.log(res);\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={totalRow}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n />\n \n
\n \n \n \n \n
\n \n \n \n handleChange({\n target: { name: 'id', value: e.value },\n })\n }\n />\n
\n \n \n\n \n handleChange({\n target: { name: 'customer_id', value: e.value },\n })\n }\n customFunction={getCustomers}\n isClearable={true}\n name={'customer_id'}\n value={formData.customer_id}\n placeholder=\"Select Customer - ALL Customer\"\n config={{\n searchField: 'keyword',\n valueField: 'customer_id',\n labelField: 'customer_name',\n }}\n />\n
\n \n \n \n {/* \n */}\n\n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n />\n
\n \n \n \n {/* */}\n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n />\n
\n \n \n
\n \n \n Search\n \n
\n \n \n
\n \n \n \n Export\n \n \n
\n \n
\n
\n
\n );\n};\n\nexport default ReceivablesLedgerReportScreen;\n","import { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport ReceivablesLedgerReportScreen from '../Screens/ReceivablesLedgerReportScreen';\nimport Swal from 'sweetalert2';\nimport {\n requestGetReceivablesByTransactionDate,\n requestReceivablesExport,\n} from '../../../api/ledgers';\nimport { numberFormatCurrency } from '../../../utils/helper';\nimport { toast } from 'react-toastify';\nimport _ from 'lodash';\nimport useNavActive from '../../../components/Navbar/useNavActive';\n\nconst today = new Date();\nconst prior = new Date().setDate(today.getDate() - 20);\nconst priorDate = new Date(prior);\n\nconst formDefault = {\n customer_id: null,\n dr_si_number: null,\n date_from:\n priorDate.getFullYear() +\n '-' +\n (priorDate.getMonth() + 1) +\n '-' +\n priorDate.getDate(), //moment().format(\"YYYY-MM-DD\"),,\n date_to:\n today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(), //moment().subtract(30, \"days\").format(\"YYYY-MM-DD\"),\n // beg_balance: 0,\n // pages: [],\n // page_array: [],\n page: 0,\n page_size: 50,\n order_by: null,\n direction: null,\n init: 0,\n};\n\nconst Receivables = () => {\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'receivable_sub_legder',\n ]);\n //declaration\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [receivablesData, setReceivablesData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [columnRunning, setColumnRunning] = useState(true);\n const [columnBalance, setColumnBalance] = useState(true);\n const [pageArray, setPageArray] = useState([]);\n const [currentPage, setCurrentPage] = useState(0);\n const [currentPageSize, setCurrentPageSize] = useState(50);\n const [pages, setPages] = useState([]);\n const [begBal, setBegBal] = useState(0);\n\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'receivable_sub_ledger',\n ]);\n\n //functions\n //functions\n // useEffect(() => loadLedgerData(formData), []);\n\n const loadLedgerData = async (form) => {\n if (form.customer_id) {\n setColumnRunning(false);\n setColumnBalance(true);\n } else if (form.dr_si_number) {\n setColumnRunning(false);\n setColumnBalance(true);\n } else {\n setColumnRunning(true);\n setColumnBalance(false);\n }\n\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setReceivablesData([]);\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1) {\n try {\n let res = await requestGetReceivablesByTransactionDate(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n\n let tmp = [];\n _.each(result, (row) => {\n tmp.push({\n id: row.id,\n transaction_date: row.transaction_date,\n reference: row.reference,\n customer_name: row.customer_name,\n particulars: row.new_particulars,\n customer_code: row.customer_code,\n\n receivable_debit: numberFormatCurrency(row.receivable_debit) ?? '-',\n receivable_credit:\n numberFormatCurrency(row.receivable_credit) ?? '-',\n\n // beg_balance: row.beg_balance ?? '-',\n receivable_balance: numberFormatCurrency(row.balance) ?? '-',\n\n running_balance: numberFormatCurrency(row.running_balance) ?? '-',\n transaction_type: row.transaction,\n si_number: row.printed_si_number,\n digital_si: row.digital_si_number,\n dr_no: row.dr_number,\n });\n });\n\n setReceivablesData(tmp);\n\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n } else {\n setLoading(false);\n toast.warning('Please provide valid date!');\n }\n };\n\n const handleSelectedTab = (key) => {\n if (key === 'sales_ledger') {\n history.push('/ledgers/sales');\n } else if (key === 'receivables_ledger') {\n history.push('/ledgers/receivables');\n } else if (key === 'inventories_ledger') {\n history.push('/ledgers/inventories');\n } else if (key === 'sales_per_product_ledger') {\n history.push('/ledgers/sales-per-products');\n } else if (key === 'vatable_sales_ledger') {\n history.push('/ledgers/vatable-sales');\n } else if (key === 'product_ledger') {\n history.push('/ledgers/products');\n } else if (key === 'ytd_sales_ledger') {\n history.push('/ledgers/ytd-sales');\n } else {\n history.push('/ledgers/sales');\n }\n };\n\n const handleChange = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const getDate = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const searchLedger = (temp) => {\n toast.loading('Getting Transaction, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n if (formData.date_to === '') {\n requestGetReceivablesByTransactionDate(temp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n if (res.data.response.result.length === 0) {\n toast.warning('No Data Available');\n }\n toast.dismiss();\n setReceivablesData(res.data.response.result);\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n } else {\n requestGetReceivablesByTransactionDate(formData)\n .then((res) => {\n if (res.data.response.code === '00000') {\n if (res.data.response.result.length === 0) {\n toast.warning('No Data Available');\n }\n toast.dismiss();\n setReceivablesData(res.data.response.result);\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n const handleSearch = () => {\n const newFormData = {\n ...formData,\n init: 1,\n };\n setFormData(newFormData);\n loadLedgerData(newFormData);\n };\n\n // const handleSearch = () => loadLedgerData(formData);\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n if (formData.init !== 0) {\n loadLedgerData(temp);\n }\n };\n\n const OnHandleExport = () => {\n let dateFrom = new Date(formData.date_from);\n let dateTo = new Date(formData.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n if (allow === 0) {\n Swal.fire({\n title: 'Warning',\n text: 'Please select correct dates!',\n icon: 'warning',\n });\n } else {\n let tmp = {\n customer_id: formData.customer_id,\n dr_si_number: formData.dr_si_number,\n date_from: formData.date_from,\n date_to: formData.date_to,\n };\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestReceivablesExport(tmp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={totalRow}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n />\n \n
\n \n \n \n \n
\n \n \n\n \n handleChange({\n target: { name: 'customer_id', value: e.value },\n })\n }\n customFunction={getCustomers}\n isClearable={false}\n name={'customer_name'}\n value={formData.customer_id}\n placeholder=\"Select Customer - ALL Customer\"\n config={{\n searchField: 'keyword',\n valueField: 'customer_id',\n labelField: 'customer_name',\n }}\n />\n
\n \n \n\n
\n \n \n \n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n />\n
\n \n \n \n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n />\n
\n \n \n
\n \n \n Search\n \n
\n \n \n \n
\n \n \n
\n \n \n \n Export\n \n \n
\n \n
\n
\n
\n );\n};\n\nexport default InventoriesLedgerReportScreen;\n","import { useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport InventoriesLedgerReportScreen from '../Screens/InventoriesLedgerReportScreen';\nimport Swal from 'sweetalert2';\nimport {\n requestGetInventoriesByTransactionDate,\n requestInventoryExport,\n} from '../../../api/ledgers';\nimport { toast } from 'react-toastify';\nimport useNavActive from '../../../components/Navbar/useNavActive';\nimport axiosInstance from '../../../components/axiosInstance';\nimport { getProductSearch } from '../../../api/product';\nimport { getSupplier } from '../../../api/purchaseRequest';\n\nconst today = new Date();\nconst prior = new Date().setDate(today.getDate() - 20);\nconst priorDate = new Date(prior);\n\nconst formDefault = {\n supplier_id: '',\n product_id: [],\n date_from:\n priorDate.getFullYear() +\n '-' +\n (priorDate.getMonth() + 1) +\n '-' +\n priorDate.getDate(), //moment().format(\"YYYY-MM-DD\"),\n date_to:\n today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(), //moment().subtract(30, \"days\").format(\"YYYY-MM-DD\"),\n page: 0,\n page_size: 50,\n order_by: null,\n direction: null,\n};\n\nconst Inventories = () => {\n //declaration\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [inventoriesData, setInventoriesData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [suppliername_options, setsuppliername_options] = useState([]);\n const [productname_options, setproductname_options] = useState([]);\n\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'inventory_sub_ledger',\n ]);\n\n useEffect(() => {\n listSupplier();\n listProducts();\n }, []);\n\n const handleSearch = () => loadLedgerData(formData);\n\n const loadLedgerData = async (form) => {\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setInventoriesData([]);\n\n try {\n let res = await requestGetInventoriesByTransactionDate(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n\n if (result.data) {\n setInventoriesData(result.data);\n }\n\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n };\n\n const listSupplier = (data = {}) => {\n setsuppliername_options([]);\n\n getSupplier(data)\n .then((res) => {\n let { code, result } = res.data.response;\n\n if (code !== '00000') {\n toast.warning('No Data Available');\n }\n\n setsuppliername_options(\n result.map((row) => ({\n label: row.company_name,\n value: row.vendor_id,\n })),\n );\n })\n .catch((err) => {});\n // axiosInstance.get(`/inventoryreport/dropdown/product`).then((response) => {});\n };\n\n const listProducts = (data = {}) => {\n setproductname_options([]);\n\n getProductSearch(data)\n .then((res) => {\n let { code, result } = res.data.response;\n\n if (code !== '00000') {\n toast.warning('No Data Available');\n }\n\n setproductname_options(\n result.map((row) => ({\n label: row.product_name,\n value: row.product_code,\n })),\n );\n })\n .catch((err) => {});\n // axiosInstance.get(`/inventoryreport/dropdown/product`).then((response) => {});\n };\n\n const handleSelectedTab = (key) => {\n if (key === 'sales_ledger') {\n history.push('/ledgers/sales');\n } else if (key === 'receivables_ledger') {\n history.push('/ledgers/receivables');\n } else if (key === 'inventories_ledger') {\n history.push('/ledgers/inventories');\n } else if (key === 'sales_per_product_ledger') {\n history.push('/ledgers/sales-per-products');\n } else if (key === 'vatable_sales_ledger') {\n history.push('/ledgers/vatable-sales');\n } else if (key === 'product_ledger') {\n history.push('/ledgers/products');\n } else if (key === 'ytd_sales_ledger') {\n history.push('/ledgers/ytd-sales');\n } else {\n history.push('/ledgers/sales');\n }\n };\n\n const handleChangeSupplier = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n\n listProducts({ supplier_id: e.target.value });\n };\n\n const getProduct = (e) => {\n setFormData((prevState) => ({\n ...prevState,\n product_id: e.target.value.map((row) => row.value),\n }));\n };\n\n const getDate = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const searchLedger = () => {\n toast.loading('Getting Transaction, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n\n requestGetInventoriesByTransactionDate(formData)\n .then((res) => {\n //const userToken = res.data.response.result.access_token;\n if (res.data.response.code === '00000') {\n if (res.data.response.result.length === 0) {\n toast.warning('No Data Available');\n }\n toast.dismiss();\n setInventoriesData(res.data.response.result);\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n };\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n //setFormData(temp);\n loadLedgerData(temp);\n };\n\n const OnHandleExport = () => {\n if (\n formData.date_from === '' ||\n formData.date_to === '' ||\n formData.product_id === ''\n ) {\n Swal.fire({\n title: 'Warning',\n text: 'Please select product and dates!',\n icon: 'warning',\n });\n } else {\n let tmp = {\n ...formData,\n id: formData.product_id,\n date_from: formData.date_from,\n date_to: formData.date_to,\n tab: 'inventory',\n };\n\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n\n requestInventoryExport(tmp)\n .then((res) => {\n if (res.data.response.code === '00000') {\n console.log(res);\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n\n {inventoriesData.map((product) => (\n <>\n \n {product.product_name} \n \n row.product_movement_id}\n // treeData\n // getTreeDataPath={(row) => row.path}\n // groupingColDef={{\n // headerName: 'Batch No',\n // valueGetter: ({ row }) => row.batch_no,\n // }}\n disableColumnFilter\n loading={loading}\n reload={reloadTable}\n />\n \n \n
\n \n ))}\n \n
\n \n \n \n \n
\n \n \n
\n {/* */}\n \n \n handleChangeSupplier({\n target: {\n name: 'supplier_id',\n value: e?.value || null,\n },\n })\n }\n />\n
\n \n \n \n
\n {/* */}\n \n \n handleChange({\n target: {\n name: 'product_name',\n value: e,\n },\n })\n }\n />\n
\n \n \n \n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n />\n
\n {/* */}\n \n \n \n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n />\n
\n {/* */}\n \n \n
\n \n \n Search\n {' '}\n \n \n Export\n \n \n
\n \n
\n \n ))}\n \n
\n
\n
\n );\n};\n\nexport default SalesPerProductReportScreen;\n","import { useState, useEffect } from 'react';\nimport SalesPerProductReportScreen from '../Screens/SalesPerProductReportScreen';\nimport { useHistory } from 'react-router-dom';\nimport Swal from 'sweetalert2';\nimport {} from '../../../api/ledgers';\nimport { toast } from 'react-toastify';\nimport _ from 'lodash';\nimport {\n requestSalesPerProductExport,\n requestGetSalesPerProductLedger,\n getProductsData,\n} from '../../../api/ledgers';\n\nimport { numberFormatCurrency } from '../../../utils/helper';\nimport useNavActive from '../../../components/Navbar/useNavActive';\n\nconst today = new Date();\nconst prior = new Date().setDate(today.getDate() - 30);\nconst priorDate = new Date(prior);\n\nconst formDefault = {\n customer_id: '',\n products: [],\n date_from:\n priorDate.getFullYear() +\n '-' +\n (priorDate.getMonth() + 1) +\n '-' +\n priorDate.getDate(),\n date_to:\n today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(),\n page: 0,\n page_size: 50,\n order_by: null,\n direction: null,\n};\n\nconst SalesPerProducts = () => {\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'sales_per_products_report',\n ]);\n //\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [salesPerProductData, setSalesPerProductData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [productsOption, setProductsOption] = useState([]);\n const [overallNetTotal, setOverallNetTotal] = useState(0);\n\n useNavActive([\n 'master_databases',\n 'sub_ledger_database',\n 'sales_per_products_report',\n ]);\n\n // useEffect(() => loadLedgerData(formData), []);\n\n useEffect(() => {\n getAllProductsData();\n loadLedgerData(formData);\n }, []);\n\n const getAllProductsData = () => {\n getProductsData()\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n // Product Option\n setProductsOption(\n result.map((value) => ({\n type: 'product',\n value: value.product_id,\n label: value.product_name,\n product: value.product_name,\n })),\n );\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const loadLedgerData = async (form) => {\n console.log(form);\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setSalesPerProductData([]);\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1) {\n try {\n let res = await requestGetSalesPerProductLedger(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n let tmp = [];\n setOverallNetTotal(\n numberFormatCurrency(res.data.response.overall_net_total ?? 0),\n );\n _.each(result, (row) => {\n let dsc;\n if (row.dsc) {\n dsc = row.dsc + ' %';\n }\n tmp.push({\n id: row.id,\n year: row.year,\n month: row.month,\n si_date: row.si_date ?? '',\n booked_by: row.booked_by ?? '',\n dr_number: row.dr_number ?? '',\n printed_si_number: row.printed_si_number ?? '',\n digital_si_number: row.digital_si_number ?? '',\n customer_name: row.customer_name ?? '',\n so_number: row.so_number ?? '',\n channel: row.channel ?? '',\n tagging: row?.tagging ?? '',\n segment: row.segment ?? '',\n product_code: row.product_code ?? '',\n is_promotional: row.is_promotional ?? '',\n product: row.product ?? '',\n batch_no: row.batch_no ?? '',\n exp_date: row.exp_date ?? '',\n fg: row.fg ?? '',\n qty: row.qty ?? '',\n dsc: dsc ?? '',\n price: numberFormatCurrency(row.price ?? 0),\n gross: numberFormatCurrency(row.gross ?? 0),\n net: numberFormatCurrency(row.net ?? 0),\n });\n });\n setSalesPerProductData(tmp);\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n } else {\n setLoading(false);\n toast.warning('Please provide valid date!');\n }\n };\n\n const handleSelectedTab = (key) => {\n if (key === 'sales_ledger') {\n history.push('/ledgers/sales');\n } else if (key === 'receivables_ledger') {\n history.push('/ledgers/receivables');\n } else if (key === 'inventories_ledger') {\n history.push('/ledgers/inventories');\n } else if (key === 'sales_per_product_ledger') {\n history.push('/ledgers/sales-per-products');\n } else if (key === 'vatable_sales_ledger') {\n history.push('/ledgers/vatable-sales');\n } else if (key === 'product_ledger') {\n history.push('/ledgers/products');\n } else if (key === 'ytd_sales_ledger') {\n history.push('/ledgers/ytd-sales');\n } else {\n history.push('/ledgers/sales');\n }\n };\n\n const getCustomer = (e) => {\n setFormData({\n ...formData,\n customer_id: e.target.value,\n });\n };\n\n const getDate = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const handleChangeProducts = (e) => {\n let tmp_products = [];\n e.target.value.map((row) => {\n tmp_products.push(row.value);\n });\n setFormData({\n ...formData,\n products: tmp_products,\n });\n };\n\n const handleSearch = () => loadLedgerData(formData);\n\n const OnHandleExport = () => {\n let tmp = {\n id: formData.customer_id,\n customer_id: formData.customer_id,\n date_from: formData.date_from,\n date_to: formData.date_to,\n products: formData.products,\n tab: 'sales_per_product',\n };\n console.log(tmp);\n toast.loading('Exporting data in progress, Please wait...', {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestSalesPerProductExport(tmp)\n .then((res) => {\n console.log({ res });\n if (res.data.response.code === '00000') {\n console.log(res);\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: 'Error',\n text: res,\n icon: 'error',\n });\n }\n })\n .catch((err) => {});\n };\n\n const handleDataTableChange = (params) => {\n console.log(params);\n let temp = {\n ...formData,\n ...params,\n };\n\n //setFormData(temp);\n loadLedgerData(temp);\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={totalRow}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n getRowClassName={(params) => {\n if (params.row.year === 'Total') {\n return 'ending_balance';\n }\n }}\n />\n
\n \n
\n \n \n \n
\n \n \n \n handleChange({\n target: { name: 'customer_name', value: e.value },\n })\n }\n customFunction={getCustomers}\n isClearable={false}\n name={'customer_name'}\n value={formData.customer_id}\n config={{\n searchField: 'keyword',\n valueField: 'customer_id',\n labelField: 'customer_name',\n }}\n />\n
\n\n \n \n \n handleChangeProducts({\n target: {\n name: 'products',\n value: event,\n },\n })\n }\n // value={productsOption.find(\n // (row) => row.value === paginate.product\n // )}\n placeholder=\"-Select Products-\"\n isClearable={true}\n />\n
\n\n \n \n \n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n />\n
\n \n \n \n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n />\n
\n \n \n
\n \n\n \n \n Search\n \n
\n \n \n
\n \n \n \n Export\n \n \n
\n \n
\n \n
\n \n \n Php \n \n
\n Overall Net Total:
\n \n \n
\n
\n );\n};\n\nexport default VatableSalesScreen;\n","import { useState, useEffect } from \"react\";\nimport VatableSalesScreen from \"../Screens/VatableSalesScreen\";\nimport { useHistory } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\nimport {} from \"../../../api/ledgers\";\nimport { toast } from \"react-toastify\";\nimport _ from \"lodash\";\nimport {\n requestVatableSalesExport,\n requestGetVatableSalesLedger,\n} from \"../../../api/ledgers\";\nimport { numberFormatCurrency } from \"../../../utils/helper\";\nimport useNavActive from \"../../../components/Navbar/useNavActive\";\nimport moment from \"moment\";\n\nconst formDefault = {\n customer_id: \"\",\n date_from: moment().subtract(20, \"days\").format(\"YYYY-MM-DD\"),\n date_to: moment().format(\"YYYY-MM-DD\"),\n page: 0,\n page_size: 50,\n order_by: null,\n direction: null,\n reg_or_nonreg: \"\",\n};\n\nconst VatableSales = () => {\n useNavActive([\"master_databases\", \"sub_ledger_database\", \"vatable_sales\"]);\n //\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [vatableSalesData, setVatableSalesData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n\n useNavActive([\"master_databases\", \"sub_ledger_database\", \"vatable_sales\"]);\n\n useEffect(() => loadLedgerData(formData), []);\n\n const loadLedgerData = async (form) => {\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setVatableSalesData([]);\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1) {\n try {\n let res = await requestGetVatableSalesLedger(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== \"00000\") {\n toast.error(result);\n return;\n }\n let tmp = [];\n _.each(result, (row) => {\n tmp.push({\n id: row.id,\n si_date: row.si_date,\n dr_number: row.dr_number,\n si_number: row.si_number,\n customer_name: row.customer_name,\n tin: row.tin,\n net_sales: numberFormatCurrency(row.net_sales ?? 0),\n vat_sales: numberFormatCurrency(row.vat_sales ?? 0),\n rated_sales: numberFormatCurrency(row.rated_sales ?? 0),\n vat_exempt: numberFormatCurrency(row.vat_exempt ?? 0),\n vat_amount: numberFormatCurrency(row.vat_amount ?? 0),\n sales: numberFormatCurrency(row.sales ?? 0),\n });\n });\n setVatableSalesData(tmp);\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n toast.error(\"Error occured. Please try again later\");\n } finally {\n setLoading(false);\n }\n } else {\n setLoading(false);\n toast.warning(\"Please provide valid date!\");\n }\n };\n\n const handleSelectedTab = (key) => {\n if (key === \"sales_ledger\") {\n history.push(\"/ledgers/sales\");\n } else if (key === \"receivables_ledger\") {\n history.push(\"/ledgers/receivables\");\n } else if (key === \"inventories_ledger\") {\n history.push(\"/ledgers/inventories\");\n } else if (key === \"sales_per_product_ledger\") {\n history.push(\"/ledgers/sales-per-products\");\n } else if (key === \"vatable_sales_ledger\") {\n history.push(\"/ledgers/vatable-sales\");\n } else if (key === \"product_ledger\") {\n history.push(\"/ledgers/products\");\n } else if (key === \"ytd_sales_ledger\") {\n history.push(\"/ledgers/ytd-sales\");\n } else {\n history.push(\"/ledgers/sales\");\n }\n };\n\n const handleChange = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const handleSearch = () => loadLedgerData(formData);\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n\n //setFormData(temp);\n loadLedgerData(temp);\n };\n\n const OnHandleExport = () => {\n let tmp = {\n id: formData.customer_id,\n customer_id: formData.customer_id,\n date_from: formData.date_from,\n date_to: formData.date_to,\n tab: \"vatable_sales\",\n };\n console.log(tmp);\n toast.loading(\"Exporting data in progress, Please wait...\", {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestVatableSalesExport(tmp)\n .then((res) => {\n console.log({ res });\n if (res.data.response.code === \"00000\") {\n console.log(res);\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: \"Error\",\n text: res,\n icon: \"error\",\n });\n }\n })\n .catch((err) => {});\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n \n
\n \n \n \n
\n \n \n \n handleChange({\n target: { name: \"reg_or_nonreg\", value: e.value },\n })\n }\n customFunction={getStatus}\n isClearable={false}\n name={\"reg_or_nonreg\"}\n value={formData.reg_or_nonreg}\n config={{\n searchField: \"keyword\",\n valueField: \"customer_regular_nonregular_id\",\n labelField: \"description\",\n }}\n />\n
\n\n \n \n \n handleChange({\n target: { name: \"customer_id\", value: e.value },\n })\n }\n customFunction={getCustomers}\n isClearable={false}\n name={\"customer_id\"}\n value={formData.customer_id}\n config={{\n searchField: \"keyword\",\n valueField: \"customer_id\",\n labelField: \"customer_name\",\n }}\n />\n
\n\n \n \n \n \n handleChange({\n target: { name: \"date_from\", value: date },\n })\n }\n />\n
\n\n \n \n \n \n handleChange({\n target: { name: \"date_to\", value: date },\n })\n }\n />\n
\n\n \n \n
\n \n \n Search\n \n
\n \n \n
\n \n \n \n Export\n \n \n
\n \n \n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={totalRow}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n />\n \n
\n \n \n
\n
\n );\n};\n\nexport default ProductLedgerReportScreen;\n","import { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\nimport {\n requestGetProductByTransactionDate,\n requestProductExport,\n} from \"../../../api/ledgers\";\nimport { toast } from \"react-toastify\";\nimport useNavActive from \"../../../components/Navbar/useNavActive\";\nimport ProductLedgerReportScreen from \"../Screens/ProductLedgerReportScreen\";\nimport moment from \"moment\";\n\nconst formDefault = {\n product_id: \"\",\n date_from: moment().subtract(20, \"days\").format(\"YYYY-MM-DD\"),\n date_to: moment().format(\"YYYY-MM-DD\"),\n page: 0,\n page_size: 50,\n order_by: \"\",\n direction: \"\",\n batch_no: \"\",\n};\n\nconst Products = () => {\n //declaration\n const history = useHistory();\n const [formData, setFormData] = useState(formDefault);\n const [productsData, setProductsData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [firstLoad, setFirstLoad] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [productsDataWithBatch, setProductsDataWithBatch] = useState([]);\n const [exportButton, setExportButton] = useState(false);\n\n useNavActive([\"master_databases\", \"sub_ledger_database\", \"product_ledger\"]);\n\n //for modal\n const [moduleModal, setModuleModal] = useState({\n toggle: false,\n module: [],\n });\n\n const handleSearch = () => {\n formData.batch_no !== \"\"\n ? loadLedgerDataWithBatch(formData)\n : loadLedgerData(formData);\n };\n\n const loadLedgerDataWithBatch = async (formData) => {\n setProductsData([]);\n setProductsDataWithBatch([]);\n setExportButton(true);\n try {\n let res = await requestGetProductByTransactionDate(formData);\n\n const { result, code } = res.data.response;\n\n if (code === \"00000\") {\n setProductsDataWithBatch(result);\n }\n } catch (error) {\n toast.error(\"Error occured. Please try again later\");\n }\n };\n\n const loadLedgerData = async (form) => {\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setExportButton(false);\n setProductsData([]);\n setProductsDataWithBatch([]);\n\n let dateFrom = new Date(form.date_from);\n let dateTo = new Date(form.date_to);\n\n let allow = 0;\n if (dateFrom.getTime() === dateTo.getTime()) {\n allow = 1;\n } else if (dateFrom.getTime() < dateTo.getTime()) {\n allow = 1;\n }\n\n if (allow === 1 && form.product_id !== \"\") {\n try {\n let res = await requestGetProductByTransactionDate(form);\n\n const { code, result, total_rows } = res.data.response;\n\n if (code !== \"00000\") {\n toast.error(result);\n return;\n }\n setProductsData(result);\n setTotalRow(total_rows);\n setLoading(false);\n } catch (error) {\n toast.error(\"Error occured. Please try again later\");\n } finally {\n setLoading(false);\n }\n } else {\n if (firstLoad !== 0) {\n toast.warning(\"Please provide valid data!\");\n } else {\n setFirstLoad(1);\n }\n setLoading(false);\n }\n };\n\n const handleSelectedTab = (key) => {\n if (key === \"sales_ledger\") {\n history.push(\"/ledgers/sales\");\n } else if (key === \"receivables_ledger\") {\n history.push(\"/ledgers/receivables\");\n } else if (key === \"inventories_ledger\") {\n history.push(\"/ledgers/inventories\");\n } else if (key === \"sales_per_product_ledger\") {\n history.push(\"/ledgers/sales-per-products\");\n } else if (key === \"vatable_sales_ledger\") {\n history.push(\"/ledgers/vatable-sales\");\n } else if (key === \"product_ledger\") {\n history.push(\"/ledgers/products\");\n } else if (key === \"ytd_sales_ledger\") {\n history.push(\"/ledgers/ytd-sales\");\n } else {\n history.push(\"/ledgers/sales\");\n }\n };\n\n const handleChange = (e) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const searchLedger = () => {\n toast.loading(\"Getting Transaction, Please wait...\", {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestGetProductByTransactionDate(formData)\n .then((res) => {\n if (res.data.response.code === \"00000\") {\n if (res.data.response.result.length == 0) {\n toast.warning(\"No Data Available\");\n }\n toast.dismiss();\n setProductsData(res.data.response.result);\n } else {\n Swal.fire({\n title: \"Error\",\n text: res,\n icon: \"error\",\n });\n }\n })\n .catch((err) => {});\n };\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n\n loadLedgerData(temp);\n };\n\n const OnHandleExport = () => {\n if (\n formData.date_from === \"\" ||\n formData.date_to === \"\" ||\n formData.product_id === \"\"\n ) {\n Swal.fire({\n title: \"Warning\",\n text: \"Please select product and dates!\",\n icon: \"warning\",\n });\n } else {\n let tmp = {\n id: formData.product_id,\n date_from: formData.date_from,\n date_to: formData.date_to,\n tab: \"inventory\",\n };\n\n toast.loading(\"Exporting data in progress, Please wait...\", {\n position: toast.POSITION.TOP_RIGHT,\n });\n requestProductExport(tmp)\n .then((res) => {\n if (res.data.response.code === \"00000\") {\n window.location.href = res.data.response.result;\n toast.dismiss();\n } else {\n Swal.fire({\n title: \"Error\",\n text: res,\n icon: \"error\",\n });\n }\n })\n .catch((err) => {});\n }\n };\n\n const handleModuleModal = (row) => {\n let data = {\n ...formData,\n module: row.module,\n module_name: row.particulars,\n };\n\n setModuleModal({\n toggle: true,\n module: data,\n });\n };\n\n const handleCloseModuleModal = () =>\n setModuleModal({ toggle: false, data: [], batchInfo: [] });\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n \n \n
\n {/* {!_.isEmpty(moduleModal.data) ? ( */}\n SUB LEDGERS
\n\n
\n
\n \n \n
\n\n {productsDataWithBatch.length > 0 ? (\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={productsDataWithBatch.length}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n hideFooterSelectedRowCount\n getRowClassName={(params) => {\n if (params.row.status === 0) {\n return \"pending-status-text\";\n }\n }}\n />\n ) : (\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n rowCount={productsData.length}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n hideFooterSelectedRowCount\n getRowClassName={(params) => {\n if (params.row.particulars === \"Ending Balance\") {\n return \"ending_balance\";\n }\n }}\n />\n )}\n \n
\n \n \n \n
\n \n \n \n \n handleChange({\n target: { name: \"product_id\", value: e.value },\n })\n }\n customFunction={getActivePrducts}\n isClearable={false}\n name={\"product_id\"}\n value={formData.product_id}\n config={{\n searchField: \"keyword\",\n valueField: \"product_id\",\n labelField: \"product_name\",\n }}\n />\n
\n \n \n \n \n handleChange({\n target: { name: \"batch_no\", value: e.value },\n })\n }\n customFunction={getBatchNo}\n isClearable={true}\n name={\"batch_no\"}\n value={formData.batch_no}\n config={{\n searchField: \"keyword\",\n valueField: \"batch_no\",\n labelField: \"batch_no\",\n }}\n />\n
\n \n \n \n\n \n handleChange({\n target: { name: \"date_from\", value },\n })\n }\n />\n
\n \n \n \n \n handleChange({\n target: { name: \"date_to\", value },\n })\n }\n />\n
\n \n \n
\n \n \n Search\n \n
\n \n \n
\n \n \n {exportButton ? (\n toast.error(\"Not Yet Working\")} //handleExport\n >\n Export\n \n ) : null}\n \n
\n \n
\n
\n );\n });\n\n return (\n \n \n
\n \n onChange(moment(e).format(datePickerFormatString))}\n customInput={
\n );\n};\n\nexport default YearDatePicker;\n","import { numberFormatCurrency } from \"../../../utils/helper\";\n\nexport const ytdColumns = [\n {\n field: \"type_name\",\n headerName: \"Customer Type\",\n minWidth: 250,\n sortable: false,\n },\n {\n field: \"January\",\n headerName: \"January\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.January === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.January);\n }\n },\n },\n {\n field: \"February\",\n headerName: \"February\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.February === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.February);\n }\n },\n },\n {\n field: \"March\",\n headerName: \"March\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.March === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.March);\n }\n },\n },\n {\n field: \"April\",\n headerName: \"April\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.April === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.April);\n }\n },\n },\n {\n field: \"May\",\n headerName: \"May\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.May === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.May);\n }\n },\n },\n {\n field: \"June\",\n headerName: \"June\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.June === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.June);\n }\n },\n },\n {\n field: \"July\",\n headerName: \"July\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.July === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.July);\n }\n },\n },\n {\n field: \"August\",\n headerName: \"August\",\n minWidth: 250,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.August === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.August);\n }\n },\n },\n {\n field: \"September\",\n headerName: \"September\",\n minWidth: 300,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.September === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.September);\n }\n },\n },\n {\n field: \"October\",\n headerName: \"October\",\n minWidth: 300,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.October === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.October);\n }\n },\n },\n {\n field: \"November\",\n headerName: \"November\",\n minWidth: 300,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.November === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.November);\n }\n },\n },\n {\n field: \"December\",\n headerName: \"December\",\n minWidth: 300,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.December === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.December);\n }\n },\n },\n {\n field: \"Grand_Total\",\n headerName: \"Grand Total\",\n minWidth: 300,\n sortable: false,\n type: \"number\",\n renderCell: ({ row }) => {\n if (row.Grand_Total === 0) {\n return \"-\";\n } else {\n return numberFormatCurrency(row.Grand_Total);\n }\n },\n },\n];\n","import { Tabs, Tab } from \"react-bootstrap\";\nimport \"../../../globalStyles/css/bootstrap/bootstrap.min.css\";\nimport \"../ledger.css\";\nimport Select from \"react-select\";\nimport { GridToolbarExport } from \"@mui/x-data-grid-pro\";\nimport {\n AlertDefaultError,\n PermissionsGate,\n} from \"../../../components/PermissionsGate\";\nimport YearDatePicker from \"../../../components/YearDatePicker\";\nimport PrimaryDataTable from \"../../../components/PrimaryDataTable\";\nimport { ytdColumns } from \"../YtdSales/const\";\nimport \"../ledger.css\";\n\nconst SalesLedgerReportScreen = ({\n formData,\n handleChange,\n handleYearChange,\n handleSearch,\n ytdSalesData,\n loading,\n totalRow,\n selectedTab,\n handleSelectedTab,\n handleDataTableChange,\n reportType,\n}) => {\n return (\n \n
\n
\n );\n};\n\nexport default SalesLedgerReportScreen;\n","import { useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport useNavActive from \"../../../components/Navbar/useNavActive\";\nimport moment from \"moment\";\nimport _ from \"lodash\";\n//api\nimport { requestYtdSalesData } from \"../../../api/ledgers\";\nimport YtdSalesLedgerReportScreen from \"../Screens/YtdSalesLedgerReportScreen\";\nimport defaultOptions from \"../../../utils/defaultOptions\";\n\nconst formDefault = {\n date_year: moment().format(\"YYYY\"),\n type: \"per_channel\",\n page: 0,\n page_size: defaultOptions.pageSize,\n order_by: null,\n direction: null,\n};\n\nconst YtdSales = () => {\n useNavActive([\"master_databases\", \"sub_ledger_database\", \"ytd_sales_ledger\"]);\n const history = useHistory();\n const handleSelectedTab = (key) => {\n if (key === \"sales_ledger\") {\n history.push(\"/ledgers/sales\");\n } else if (key === \"receivables_ledger\") {\n history.push(\"/ledgers/receivables\");\n } else if (key === \"inventories_ledger\") {\n history.push(\"/ledgers/inventories\");\n } else if (key === \"sales_per_product_ledger\") {\n history.push(\"/ledgers/sales-per-products\");\n } else if (key === \"vatable_sales_ledger\") {\n history.push(\"/ledgers/vatable-sales\");\n } else if (key === \"product_ledger\") {\n history.push(\"/ledgers/products\");\n } else if (key === \"ytd_sales_ledger\") {\n history.push(\"/ledgers/ytd-sales\");\n } else {\n history.push(\"/ledgers/sales\");\n }\n };\n const [formData, setFormData] = useState(formDefault);\n const [ytdSalesData, setYtdSalesData] = useState({\n loading: false,\n data: [],\n totalRow: 0,\n });\n\n const handleChange = (e) => {\n let tmpForm = { ...formData, type: \"\" };\n if (e !== null) {\n tmpForm = { ...tmpForm, type: e.value };\n }\n\n setFormData(tmpForm);\n };\n\n const handleYearChange = (value) => {\n setFormData({ ...formData, date_year: value });\n };\n const handleSearch = () => {\n loadYtdSalesData(formData);\n };\n\n const loadYtdSalesData = async (form) => {\n setYtdSalesData({\n loading: true,\n data: [],\n totalRow: 0,\n });\n try {\n let res = await requestYtdSalesData(form);\n const { code, result, total_rows } = res.data.response;\n if (code === \"00000\") {\n let flat_array = [];\n _.each(result, (row) => {\n let tmp = {\n type_name: row.type_name,\n id: row.id,\n };\n\n _.each(row.sales, function (month) {\n tmp[month.month] = month.total_sales;\n });\n flat_array.push(tmp);\n });\n setYtdSalesData({\n loading: false,\n data: flat_array,\n totalRow: total_rows,\n });\n }\n } catch (error) {\n toast.error(\"Error Loading Data\");\n }\n };\n\n const reportType = [\n {\n label: \"Sales Per Channel\",\n value: \"per_channel\",\n },\n\n {\n label: \"Sales Per Segment\",\n value: \"per_segment\",\n },\n ];\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n\n loadYtdSalesData(temp);\n };\n\n return (\n \n
\n
\n handleSelectedTab(k)}\n className=\"default-tab\"\n >\n \n \n \n \n
\n SUB LEDGERS
\n\n
\n
\n\n row.id}\n disableColumnFilter\n rowCount={totalRow}\n loading={loading}\n hideFooterSelectedRowCount\n onChange={handleDataTableChange}\n getRowClassName={(params) => {\n if (params.row.type_name === \"Grand Total\") {\n return \"grand-total-text\";\n }\n }}\n components={{\n Toolbar: GridToolbarExport,\n }}\n />\n \n
\n \n \n \n \n \n {/*
\n \n \n
\n\n \n \n \n
\n \n \n
\n \n \n Search\n \n
\n \n \n
*/}\n \n \n \n Export\n \n \n
\n \n
') : result,\n icon: code !== '00003' ? 'error' : 'success',\n });\n if (code === '00003') {\n setShowCreateModal(false);\n loadData(form);\n }\n } catch (error) {\n toast.dismiss(tload);\n setLoading(false);\n\n toast.error('Unable to save data.');\n }\n };\n\n const loadData = async (params_) => {\n setTableData({ ...tableData, loading: true });\n try {\n console.log('sdsda', params_);\n const res = await getPermissionAccount(params_);\n\n const { total_rows, code, result } = res.data.response;\n\n if (code !== '00000') {\n setTableData({\n ...tableData,\n data: [],\n loading: false,\n totalRows: 0,\n });\n return;\n }\n\n let permissionAccountList = result;\n\n setTableData({\n ...tableData,\n loading: false,\n data: permissionAccountList,\n totalRows: total_rows,\n });\n } catch (error) {\n setTableData({\n ...tableData,\n data: [],\n loading: false,\n totalRows: 0,\n });\n toast.error('Unable to load clear data.');\n }\n };\n\n const handleViewDetail = (row) => {\n setIsCreate(false);\n setShowUpdateModal(true);\n\n setForm({\n account_code: row.account_code,\n user_id: row.user_id,\n module_id: row.module_id,\n id: row.id,\n page: form.page,\n });\n console.log('form view', form);\n };\n\n const handleDeleteDetail = async (row) => {\n const tload = toast.loading('Please wait deleting ...');\n setLoading(true);\n try {\n const Id = {\n id: row.id,\n };\n const res = await deletePermissionAccount(Id);\n\n const { code, result } = res.data.response;\n setLoading(false);\n toast.dismiss(tload);\n await Swal.fire({\n title: 'COA Permission',\n html: Array.isArray(result) ? result.join('
') : result,\n icon: code !== '00003' ? 'error' : 'success',\n });\n if (code === '00003') {\n setShowCreateModal(false);\n loadData(form);\n }\n } catch (error) {\n toast.dismiss(tload);\n setLoading(false);\n\n toast.error('Unable to delete data.');\n }\n };\n\n const columns = permissionAccountColumns({\n handleViewDetail: (row) => handleViewDetail(row),\n handleDeleteDetail: (row) => handleDeleteDetail(row),\n });\n\n const handleUpdate = async () => {\n const tload = toast.loading('Please wait updating ...');\n setLoading(true);\n try {\n const res = await updatePermissionAccount(form);\n\n const { code, result } = res.data.response;\n setLoading(false);\n toast.dismiss(tload);\n await Swal.fire({\n title: 'COA Permission',\n html: Array.isArray(result) ? result.join('
') : result,\n icon: code !== '00003' ? 'error' : 'success',\n });\n if (code === '00003') {\n setShowUpdateModal(false);\n loadData(form);\n }\n } catch (error) {\n toast.dismiss(tload);\n setLoading(false);\n\n toast.error('Unable to update data.');\n }\n };\n\n const handleClose = () => {\n setShowUpdateModal(false);\n\n // console.log('cancel', form);\n\n // setForm((prev) => {\n // console.log('prev', prev);\n // // return {\n // // ...prev,\n // // module_id: prev.module_id,\n // // page: form?.page,\n // // account_code: form.account_code,\n // // };\n // });\n };\n\n const handleCloseSave = () => {\n setShowCreateModal(false);\n setForm({\n ...form,\n user_id: '',\n module_id: '',\n account_code: '',\n page: form.page,\n });\n };\n\n const addNewPermission = () => {\n setIsCreate(true);\n setShowCreateModal(true);\n setForm({\n ...form,\n user_id: '',\n module_id: '',\n account_code: '',\n page: form.page,\n });\n };\n\n useEffect(() => {\n if (isCreate || isUpdate) {\n setForm({ ...form, account_code: '' });\n }\n\n //JV\n if (form.module_id == 98) {\n coaJvList();\n }\n\n // //DM\n // if (form.module_id == 100) {\n // coaLists();\n // }\n\n //PV\n if (form.module_id == 99) {\n coaPvList();\n }\n }, [form.module_id]);\n\n const handleDataTableChange = (params) => {\n let newFormData = {\n ...form,\n ...params,\n page: params.page,\n };\n setForm({ ...form, page: params.page });\n loadData(newFormData);\n console.log('form next', form);\n };\n\n const handleFilterModelChange = (filterModel) => {\n console.log('params', filterModel);\n const newFormData = {\n ...form,\n filterModel,\n };\n loadData(newFormData);\n };\n\n // const handleTableChange = (params) => {\n // const newParams = { ...form, ...params };\n\n // loadData(newParams);\n // };\n\n return (\n <>\n
COA Permissions
\n \n\n \n
\n \n Permission List
\n \n\n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\n\nconst useStyles = makeStyles((theme) => ({\n fab: {\n margin: theme.spacing(0),\n },\n absolute: {\n position: 'absolute',\n bottom: theme.spacing(2),\n right: theme.spacing(3),\n },\n}));\n\nconst Roles = () => {\n const [searchText, setSearchText] = useState('');\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [rolesData, setRolesData] = useState([]);\n const [loading, setLoading] = useState(false);\n const classes = useStyles();\n const { id } = useParams();\n const history = useHistory();\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), 'i');\n const filteredRows = rolesData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n /* Continuation of Search */\n\n useEffect(() => {\n loadData();\n }, []);\n\n const loadData = async () => {\n setRolesData([]);\n setFilteredData([]);\n setLoading(true);\n\n try {\n let res = await getRoles();\n\n const { code, result } = res.data.response;\n\n setLoading(false);\n if (code !== '00000') {\n return;\n }\n\n setRolesData(result);\n setFilteredData(result);\n } catch (error) {\n } finally {\n setLoading(false);\n }\n };\n\n const handleDeleteRoleButton = async ({ id: role_id }) => {\n let { isConfirmed } = await Swal.fire({\n title: 'Are you sure you want to delete it?',\n showCancelButton: true,\n icon: 'warning',\n });\n\n if (!isConfirmed) return;\n\n let res = await deleteRole(role_id);\n\n const { code, result } = res.data.response;\n\n await Swal.fire({\n icon: code === '00006' ? 'success' : 'error',\n text: Array.isArray(result) ? result.join('\n {/* \n */}\n
\n ') : result,\n });\n\n if (code === '00006') {\n loadData();\n }\n };\n\n const columns = [\n {\n field: 'role',\n headerName: 'Role',\n flex: 0.2,\n minWidth: 150,\n hideable: false,\n },\n {\n field: 'description',\n headerName: 'Description',\n flex: 0.3,\n minWidth: 150,\n hideable: false,\n },\n {\n field: 'user_count',\n headerName: 'User Count',\n flex: 0.1,\n minWidth: 150,\n hideable: false,\n },\n {\n field: 'action',\n headerName: 'Action',\n sortable: false,\n flex: 0.1,\n minWidth: 220,\n align: 'center',\n headerAlign: 'center',\n hideable: false,\n renderCell: (rolesData) => {\n return (\n
\n \n \n \n \n handleDeleteRoleButton(rolesData)}\n variant=\"link\"\n >\n \n \n \n
\n );\n },\n },\n ];\n\n const addRoles = () => history.push('/add/roles');\n\n return (\n \n \n
\n \n \n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst User = () => {\n const history = useHistory();\n const [searchText, setSearchText] = useState('');\n const [tableData, setTableData] = useState([]);\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [loading, setLoading] = useState(false);\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), 'i');\n const filteredRows = tableData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n /* Continuation of Search */\n\n const handleEditUserButton = ({ id }) => history.push(`/edit/user/${id}`);\n\n const handleEditRolesButton = ({ id }) => history.push(`/user/${id}/role`);\n\n const handleChangeActiveSwitch = async (user_id, toggle) => {\n try {\n toast.loading('Please wait ...');\n let res = null;\n if (toggle) {\n res = await activateUser(user_id);\n } else {\n res = await deactivateUser(user_id);\n }\n\n toast.dismiss();\n\n if (!res) {\n toast.error('Unable to change active column.');\n return;\n }\n\n const { code, result } = res.data.response;\n\n if (code !== '00004') {\n toast.error(result);\n return;\n }\n\n setFilteredData(\n filteredData.map((row) => {\n if (row.user_id === user_id) {\n return { ...row, is_active: toggle ? 1 : 0 };\n }\n\n return row;\n }),\n );\n } catch (error) {\n toast.dismiss();\n toast.error(error.message);\n }\n };\n\n const handleUserChangePassword = ({ id }) =>\n history.push(`/user/${id}/change-password`);\n\n const checkBoxHandler = ({ user_id, is_active }) => {\n return (\n {checkBoxHandler(row)}
;\n },\n renderHeader: () => ,\n },\n {\n field: 'employee_no',\n headerName: 'Employee No.',\n flex: 0,\n minWidth: 180,\n renderHeader: () => ,\n },\n {\n field: 'first_name',\n headerName: 'First Name',\n flex: 0,\n minWidth: 160,\n renderHeader: () => ,\n },\n {\n field: 'last_name',\n headerName: 'Last Name',\n flex: 0,\n minWidth: 160,\n renderHeader: () => ,\n },\n {\n field: 'email',\n headerName: 'Email',\n flex: 0,\n minWidth: 300,\n renderHeader: () => ,\n },\n {\n field: 'username',\n headerName: 'Username',\n flex: 0,\n minWidth: 160,\n renderHeader: () => ,\n },\n {\n field: 'department_name',\n headerName: 'Department',\n flex: 0,\n minWidth: 165,\n renderHeader: () => ,\n },\n {\n field: 'job_name',\n headerName: 'Job Title',\n flex: 0,\n minWidth: 150,\n renderHeader: () => ,\n },\n {\n field: 'roles_text_format',\n\n headerName: 'Roles',\n flex: 0,\n minWidth: 270,\n renderHeader: () => ,\n },\n {\n field: 'action',\n sortable: false,\n flex: 0.1,\n filterable: false,\n minWidth: 150,\n align: 'center',\n headerAlign: 'center',\n renderHeader: () => ,\n renderCell: (tableData) => {\n return (\n \n handleEditUserButton(tableData)}\n >\n \n \n \n\n handleUserChangePassword(tableData)}\n >\n \n \n \n\n handleEditRolesButton(tableData)}\n >\n \n \n \n
\n );\n },\n },\n ];\n\n useEffect(() => {\n loadData();\n }, []);\n\n const loadData = async () => {\n setTableData([]);\n setFilteredData([]);\n setLoading(true);\n\n try {\n let res = await getUsers();\n\n const { code, result } = res.data.response;\n\n setLoading(false);\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n\n setTableData(result);\n setFilteredData(result);\n } catch (error) {\n toast.error(error);\n } finally {\n setLoading(false);\n }\n };\n\n const addUser = () => history.push('/add/user');\n\n return (\n User List
\n \n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Users and Roles
\n\n \n
\n\n \n \n
\n - \n
- \n
- \n
- \n
- \n
\n \n
\n {showUsers ?
\n {showRoles ?
\n \n {showPermissions ?
\n \n {showCoaPermissions ?
\n \n \n \n \n \n
\n \n \n handleChange(e) }\n required\n />\n
\n \n \n handleChange(e) }\n required\n />\n
\n \n
\n \n \n
\n Add Role Page
\n\n
\n \n {\n submitHandler();\n }}\n >\n Save\n \n \n Cancel\n \n
\n \n //
\n // \n //
\n // \n //
\n // \n //
\n // Add Role Page
\n //\n // \n //
\n // \n
\n \n \n
\n\n Edit Role Page
\n\n
\n \n {\n submitHandler();\n }}\n >\n Save\n \n \n Cancel\n \n
\n \n //
\n // \n //
\n // \n //
\n // \n //
\n // Edit Role Page
\n //\n // \n //
\n // \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\n\nconst useStyles = makeStyles((theme) => ({\n fab: {\n margin: theme.spacing(0),\n },\n absolute: {\n position: 'absolute',\n bottom: theme.spacing(2),\n right: theme.spacing(3),\n },\n}));\n\nconst UserRolesList = () => {\n const [searchText, setSearchText] = useState('');\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const { id } = useParams();\n const [userRole, setUserRole] = useState([]);\n const classes = useStyles();\n const history = useHistory();\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), 'i');\n const filteredRows = userRole.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n /* Continuation of Search */\n\n const handleIdToCreateRolePerUser = (id) => {\n history.push(`/user/${id}/add/role`);\n };\n\n const handleDeleteRolePerUser = (data) => {\n const userRoleId = data.row.user_role_id;\n\n Swal.fire({\n title: 'Do you want to delete it?',\n showDenyButton: true,\n confirmButtonText: `Yes Delete it!`,\n denyButtonText: `Cancel`,\n }).then((result) => {\n if (result.isConfirmed) {\n axiosInstance\n .delete('/user/role/delete', {\n data: {\n userRoleId: userRoleId,\n },\n })\n .then((res) =>\n res.data.response.code === '00006'\n ? Swal.fire({\n icon: 'success',\n text: res.data.response.result,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/user-control`);\n }\n })\n : null,\n );\n }\n });\n };\n\n const columns = [\n { field: 'username', headerName: 'Username', flex: 1, minWidth: 100 },\n { field: 'role', headerName: 'Role Name', flex: 1, minWidth: 100 },\n {\n field: 'action',\n headerName: 'Action',\n sortable: false,\n minWidth: 100,\n align: 'center',\n headerAlign: 'center',\n renderCell: (userRole) => {\n return (\n <>\n \n \n \n
\n \n handleDeleteRolePerUser(userRole)}\n >\n \n \n \n
\n \n );\n },\n },\n ];\n\n useEffect(() => {\n let componentMounted = true;\n\n const loadUserRole = async () => {\n const res = await axiosInstance.get(`/user/${id}/role`, {\n method: 'GET',\n });\n if (componentMounted) {\n setUserRole(res.data.response.result);\n setFilteredData(res.data.response.result);\n }\n };\n loadUserRole();\n return () => {\n componentMounted = false;\n };\n }, [id]);\n const [pageSize, setPageSize] = useState(50);\n const handlePageSizeChange = (params) => {\n setPageSize(params.pageSize);\n };\n\n const wrapColumns = useRef(columns);\n\n const [sortModel, setSortModel] = React.useState([\n {\n field: 'role',\n sort: 'asc',\n },\n ]);\n return (\n \n handleIdToCreateRolePerUser(id)}\n >\n \n Back to User Control List\n \n }\n >\n \n
\n \n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\n\nconst DocumentManagement = () => {\n const history = useHistory();\n const [searchText, setSearchText] = useState(\"\");\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [documentsData, setDocumentsData] = useState([]);\n const [breadcrumbData, setBreadCrumb] = useState([\n \n \n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n Document Management System
\n\n {/*
\n \n
*/}\n \n
\n Document Management System
\n\n
\n \n
\n\n \n row.document_id}\n density=\"compact\"\n disableColumnFilter\n rowCount={filteredData.length}\n mode=\"server\"\n //reload={reloadTable}\n //onChange={handleOnDataTableChange}\n //loading={loading}\n components={{ Toolbar: QuickSearchToolbar }}\n />\n {/* setSortModel(model)}\n getRowId={(row) => row.document_id}\n pageSize={pageSize}\n disableColumnResize={true}\n checkboxSelection\n disableSelectionOnClick\n hideFooterSelectedRowCount\n onPageSizeChange={handlePageSizeChange}\n rowsPerPageOptions={[25, 50, 75, 100]}\n density=\"compact\"\n components={{ Toolbar: QuickSearchToolbar }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n onSelectionModelChange={(itm) => {\n setSelectedFiles(itm);\n }}\n /> */}\n
\n \n
\n \n \n {breadcrumbData}\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n
\n \n
\n\n \n
\n {showPermission ? (\n \n
\n \n {!showPermission ? (\n setShowPermission(true)}\n >\n Show {module.length} Pages \n \n ) : (\n setShowPermission(false)}\n >\n Hide Pages. \n \n )}\n
\n {showPermission ? (\n \n
\n ) : null}\n \n
\n Permissions List
\n\n \n \n
\n \n
\n ) : null}\n \n \n \n Accordion Item #1 \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna\n aliqua. Ut enim ad minim veniam, quis nostrud exercitation\n ullamco laboris nisi ut aliquip ex ea commodo consequat.\n Duis aute irure dolor in reprehenderit in voluptate velit\n esse cillum dolore eu fugiat nulla pariatur. Excepteur sint\n occaecat cupidatat non proident, sunt in culpa qui officia\n deserunt mollit anim id est laborum.\n \n \n \n\n
\n - \n {module.map((value) => (\n
- \n
\n
\n \n row.function_id}\n checkboxSelection\n disableSelectionOnClick\n pagination\n />\n
\n \n
\n \n \n
\n \n Add User Role
\n\n
*/}\n \n
\n \n
\n \n
\n Add Role to this User
\n\n \n
\n \n
\n \n \n\n
\n\n \n \n\n
\n\n \n \n\n
\n\n \n \n\n
\n\n \n \n\n
\n\n {showPassword && (\n \n \n\n
\n )}\n\n \n \n\n \n handleChange({\n target: { name: 'department_id', value: e.value },\n })\n }\n customFunction={loadDepartments}\n name=\"department_id\"\n value={form.department_id}\n isClearable={true}\n config={{\n searchField: 'department_name',\n valueField: 'department_id',\n labelField: 'department_name',\n }}\n />\n
\n\n \n \n\n \n handleChange({\n target: { name: 'job_id', value: e.value },\n })\n }\n customFunction={loadJobs}\n isClearable={true}\n name={'job_id'}\n value={form.job_id}\n config={{\n searchField: 'job_name',\n valueField: 'job_id',\n labelField: 'job_name',\n }}\n />\n
\n\n \n \n\n
\n\n \n \n
\n\n {form.signature_file_path !== '' ? (\n \n
\n \n \n
\n Add User Page
\n\n
\n \n {\n submitHandler();\n }}\n >\n Save\n \n \n Cancel\n \n
\n \n
\n \n \n
\n\n Edit User Page
\n\n \n
\n\n \n
*/}\n \n \n \n Cancel\n \n
\n \n
\n \n {\n submitHandler();\n }}\n >\n Save\n \n \n Cancel\n \n
\n \n
\n \n
\n \n
\n \n
\n Add Permission
\n\n \n
\n \"),\n })\n : Swal.fire({\n icon: \"error\",\n title: \"Someting went wrong...\",\n text: response.data.response.result,\n });\n });\n };\n\n useEffect(() => {\n loadSupplier();\n loadProdSegment();\n loadProdGroup();\n loadUnitMasure();\n loadPackaging();\n }, []);\n\n const loadSupplier = () => {\n axiosInstance.get(`/vendor-db/vendor-dropdown`).then((response) => {\n setSupplierHolder(response.data.response.result);\n });\n };\n\n const loadProdSegment = () => {\n axiosInstance.get(`/products/segment`).then((response) => {\n setProdSegmentHolder(response.data.response.result);\n });\n };\n\n const loadProdGroup = () => {\n axiosInstance.get(`/products/group`).then((response) => {\n setProdGroupHolder(response.data.response.result);\n });\n };\n\n const loadUnitMasure = () => {\n axiosInstance.get(`/products/unit`).then((response) => {\n setUnitMeasureHolder(response.data.response.result);\n });\n };\n\n const loadPackaging = () => {\n axiosInstance.get(`/products/packaging`).then((response) => {\n setPackagingeHolder(response.data.response.result);\n });\n };\n\n const smallUplaodImage = (e) => {\n const file = document.getElementById(\"small_size_image_add\").files[0];\n\n if (file) {\n setsmallImageAdd(URL.createObjectURL(file));\n } else {\n setsmallImageAdd(\"\");\n }\n };\n\n const bigUplaodImage = (e) => {\n const file = document.getElementById(\"big_size_image_add\").files[0];\n\n if (file) {\n setbigImageAdd(URL.createObjectURL(file));\n } else {\n setbigImageAdd(\"\");\n }\n };\n\n const vatCheck = (e) => {\n const isCheck = e.target.checked;\n\n if (isCheck) {\n values.vat_exemption = 1;\n setVatIsCheck(true);\n\n const cost_vat_rate =\n parseFloat(values.cost.replace(/,/g, \"\")).toFixed(2) / 100;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n const cost_unit_vat_rate =\n parseFloat(values.cost_unit.replace(/,/g, \"\")).toFixed(2) / 100;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n const selling_vat_rate =\n parseFloat(values.selling_price.replace(/,/g, \"\")).toFixed(2) / 100;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n const selling_unit_vat_rate =\n parseFloat(values.selling_price_unit.replace(/,/g, \"\")).toFixed(2) /\n 100;\n const selling_price_unit_vat = selling_unit_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n setCostUnitVatValue(values.cost_unit_vat);\n setSellingVatValue(values.selling_price_vat);\n setSellingUnitVatValue(values.selling_price_unit_vat);\n } else {\n values.vat_exemption = 0;\n setVatIsCheck(false);\n\n const cost_vat_rate =\n parseFloat(values.cost.replace(/,/g, \"\")).toFixed(2) / 112;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n const cost_unit_vat_rate =\n parseFloat(values.cost_unit.replace(/,/g, \"\")).toFixed(2) / 112;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n const selling_vat_rate =\n parseFloat(values.selling_price.replace(/,/g, \"\")).toFixed(2) / 112;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n const selling_unit_vat_rate =\n parseFloat(values.selling_price_unit.replace(/,/g, \"\")).toFixed(2) /\n 112;\n const selling_price_unit_vat = selling_unit_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n setCostUnitVatValue(values.cost_unit_vat);\n setSellingVatValue(values.selling_price_vat);\n setSellingUnitVatValue(values.selling_price_unit_vat);\n }\n };\n\n const computeVatCost = (e) => {\n const costPriceFormat = parseFloat(\n e.target.value.replace(/,/g, \"\")\n ).toFixed(2);\n\n const pack = qtyPerPack;\n\n if (vatIsCheck) {\n const cost_vat_rate = costPriceFormat / 100;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n } else {\n const cost_vat_rate = costPriceFormat / 112;\n const cost_vat = cost_vat_rate * 100;\n values.cost_vat = cost_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n }\n\n if (parseInt(pack) !== 0) {\n let costUnitValue = costPriceFormat / pack;\n values.cost_unit = costUnitValue.toFixed(2);\n setCostUnit(costUnitValue.toFixed(2));\n computeVatCostUnit(costUnitValue.toFixed(2));\n }\n setCostBox(e.target.value);\n };\n\n const computeUnit = (e) => {\n let cost_unit = parseFloat(costBox);\n let selling_unit = parseFloat(sellingBox);\n let pack = e.target.value;\n\n let costUnitValue = cost_unit / pack;\n values.cost_unit = costUnitValue.toFixed(2);\n setCostUnit(costUnitValue.toFixed(2));\n computeVatCostUnit(costUnitValue.toFixed(2));\n\n let sellingUnitValue = selling_unit / pack;\n values.selling_price_unit = sellingUnitValue.toFixed(2);\n setSellingUnit(sellingUnitValue.toFixed(2));\n computeVatSellingUnit(sellingUnitValue.toFixed(2));\n\n setQtyperpac(e.target.value);\n };\n\n const computeVatCostUnit = (costUnitValue) => {\n const costPriceFormat = parseFloat(costUnitValue.replace(/,/g, \"\")).toFixed(\n 2\n );\n\n if (vatIsCheck) {\n const cost_unit_vat_rate = costPriceFormat / 100;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n setCostUnitVatValue(values.cost_unit_vat);\n } else {\n const cost_unit_vat_rate = costPriceFormat / 112;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n setCostUnitVatValue(values.cost_unit_vat);\n }\n };\n\n const computeVatSelling = (e) => {\n const sellingPriceFormat = parseFloat(\n e.target.value.replace(/,/g, \"\")\n ).toFixed(2);\n const pack = qtyPerPack;\n\n if (vatIsCheck) {\n const selling_vat_rate = sellingPriceFormat / 100;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n setSellingVatValue(values.selling_price_vat);\n } else {\n const selling_vat_rate = sellingPriceFormat / 112;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n setSellingVatValue(values.selling_price_vat);\n }\n\n if (parseInt(pack) !== 0) {\n let sellingUnitValue = sellingPriceFormat / pack;\n values.selling_price_unit = sellingUnitValue.toFixed(2);\n setSellingUnit(sellingUnitValue.toFixed(2));\n computeVatSellingUnit(sellingUnitValue.toFixed(2));\n }\n\n setSellingBox(sellingPriceFormat);\n };\n\n const computeVatSellingUnit = (sellingUnitValue) => {\n const sellingUnitPriceFormat = parseFloat(\n sellingUnitValue.replace(/,/g, \"\")\n ).toFixed(2);\n console.log(vatIsCheck);\n if (vatIsCheck) {\n const selling_vat_rate = sellingUnitPriceFormat / 100;\n const selling_price_unit_vat = selling_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setSellingUnitVatValue(values.selling_price_unit_vat);\n } else {\n const selling_vat_rate = sellingUnitPriceFormat / 112;\n const selling_price_unit_vat = selling_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setSellingUnitVatValue(values.selling_price_unit_vat);\n }\n };\n\n const populateSubGroup = (e) => {\n let subgroup = [\n {\n sub_group_id: 1,\n group_name: \"sub-group 1\",\n },\n {\n sub_group_id: 2,\n group_name: \"sub-group 2\",\n },\n ];\n\n setProductSubGroup(subgroup);\n };\n\n const populateSubSegment = (e) => {\n let subsegment = [\n {\n sub_segment_id: 1,\n segment_name: \"sub-segment 1\",\n },\n {\n sub_segment_id: 2,\n segment_name: \"sub-segment 2\",\n },\n ];\n\n setProductSubSegment(subsegment);\n };\n\n const specifyOthers = (e) => {\n const packaging = e.target.value;\n\n if (packaging === \"Others\") {\n setSpecifyOthers(true);\n } else {\n setSpecifyOthers(false);\n }\n };\n\n const rowPaymentTerms = (rowData, index) => {\n return (\n
\n
\n );\n };\n\n const renderPaymentTerms = () => {\n return paymentsField.map((value, index) => rowPaymentTerms(value, index));\n };\n\n return (\n \n {index ? (\n handleRemovePaymentTerms(index)}\n >\n \n \n \n ) : null}\n
\n \n {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onChange={(e) => {\n handleChangePaymentTerms(index, \"percent_amount\", e.target.value);\n }}\n placeholder=\"Enter % PDC\"\n />\n
\n \n {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onChange={(e) => {\n handleChangePaymentTerms(index, \"days_remaining\", e.target.value);\n }}\n placeholder=\"# of Days\"\n />\n
\n \n \n After Delivery\n \n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst Products = () => {\n const [searchText, setSearchText] = useState('');\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [productsData, setProductsData] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [pageSize, setPageSize] = useState(50);\n\n useNavActive(['master_databases', 'product_databases', 'product_list']);\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), 'i');\n const filteredRows = productsData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n /* Continuation of Search */\n\n useEffect(() => {\n let componentMounted = true;\n\n const loadProducts = async () => {\n const res = await axiosInstance.get(`/products`, {\n method: 'GET',\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Content-type': 'application/json',\n },\n });\n if (componentMounted) {\n setProductsData(res.data.response.result);\n setFilteredData(res.data.response.result);\n }\n };\n\n loadProducts();\n return () => {\n componentMounted = false;\n };\n }, [pageSize]);\n\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n List of Product Stocks
\n\n setShowModal(true)}\n className=\"btn btn-success btn-pill bg-header\"\n >\n \n
\n \n
\n \n
\n \n \n row.product_id}\n density=\"compact\"\n disableColumnFilter\n rowCount={filteredData.length}\n components={{ Toolbar: QuickSearchToolbar }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(''),\n },\n }}\n //mode=\"server\"\n //reload={reloadTable}\n //onChange={handleOnDataTableChange}\n //loading={loading}\n /*\n Norman Implem\n\n rows={filteredData}\n columns={wrapColumns.current}\n sortingOrder={[\"desc\", \"asc\"]}\n sortModel={sortModel}\n onSortModelChange={(model) => setSortModel(model)}\n pageSize={pageSize}\n disableColumnResize={true}\n hideFooterSelectedRowCount\n onPageSizeChange={handlePageSizeChange}\n rowsPerPageOptions={[25, 50, 75, 100]}\n density=\"compact\"\n components={{ Toolbar: QuickSearchToolbar }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n autoHeight\n */\n />\n \n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\n// Di na ginagamit\n// const useStyles = makeStyles((theme) => ({\n// fab: {\n// margin: theme.spacing(0),\n// },\n// absolute: {\n// position: \"absolute\",\n// bottom: theme.spacing(2),\n// right: theme.spacing(3),\n// },\n// }));\n\nconst ProductsDraftList = () => {\n const [searchText, setSearchText] = useState(\"\");\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [productsData, setProductsData] = useState([]);\n // const classes = useStyles(); Di nagagamit\n // const { id } = useParams(); Di nagagamit\n const history = useHistory();\n\n // let url = \"http://localhost/erp_api_v1/erp/public/api\"; Di nagagamit\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = productsData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n\n /* Continuation of Search */\n useEffect(() => {\n let componentMounted = true;\n\n const loadProducts = async () => {\n const res = await axiosInstance.get(`/products/draft/list`, {\n method: \"GET\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-type\": \"application/json\",\n },\n });\n if (componentMounted) {\n setProductsData(res.data.response.result);\n setFilteredData(res.data.response.result);\n }\n };\n\n loadProducts();\n return () => {\n componentMounted = false;\n };\n }, []);\n\n const handleDraftProductButton = (data) => {\n const id = data.product_id;\n history.push(`/draft/products/${id}`);\n };\n\n const columns = [\n { field: \"product_code\", headerName: \"Product Code\", width: 200 },\n { field: \"product_name\", headerName: \"Product Name\", width: 200 },\n { field: \"brand_name\", headerName: \"Brand Name\", width: 200 },\n { field: \"supplier_id\", headerName: \"Supplier\", width: 200 },\n { field: \"product_segment_id\", headerName: \"Product Segment\", width: 200 },\n { field: \"product_group_id\", headerName: \"Product Group\", width: 200 },\n { field: \"packaging\", headerName: \"Packaging\", width: 200 },\n { field: \"qty_per_pack\", headerName: \"Qty Per Pack\", width: 200 },\n { field: \"inventory_id\", headerName: \"Stock Level\", width: 200 },\n { field: \"cpr_no\", headerName: \"CPR No.\", width: 200 },\n { field: \"cpr_expiry\", headerName: \"CPR Expiry\", width: 200 },\n {\n field: \"action\",\n headerName: \"Action\",\n sortable: false,\n flex: 0,\n minWidth: 400,\n renderCell: (productsData) => {\n return (\n <>\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Products Draft Masterlist
\n\n {/*
\n \n
*/}\n\n \n
\n\n Roles Masterist
\n\n \n \n \n \n
\n \n
\n \n row.product_id\n }\n checkboxSelection\n disableSelectionOnClick\n components={{ \n Toolbar: QuickSearchToolbar \n }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n />\n {/* \n \n */}\n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst useStyles = makeStyles((theme) => ({\n fab: {\n margin: theme.spacing(0),\n },\n absolute: {\n position: \"absolute\",\n bottom: theme.spacing(2),\n right: theme.spacing(3),\n },\n}));\n\nconst ProductsApprovalList = () => {\n const [searchText, setSearchText] = useState(\"\");\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [productsData, setProductsData] = useState([]);\n const classes = useStyles();\n const { id } = useParams();\n const history = useHistory();\n\n let url = \"http://localhost/erp_api_v1/erp/public/api\";\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = productsData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n\n /* Continuation of Search */\n useEffect(() => {\n let componentMounted = true;\n\n const loadProducts = async () => {\n const res = await axiosInstance.get(`/products/approvals/list`, {\n method: \"GET\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-type\": \"application/json\",\n },\n });\n if (componentMounted) {\n setProductsData(res.data.response.result);\n setFilteredData(res.data.response.result);\n }\n };\n\n loadProducts();\n return () => {\n componentMounted = false;\n };\n }, []);\n\n const handleApprovedAddProductButton = (data) => {\n\n const approval_code = data.approval_code;\n\n Swal.fire({\n title: `Do you want to approved created ${approval_code}`,\n showDenyButton: true,\n confirmButtonText: `Approved`,\n denyButtonText: `Cancel`,\n }).then((result) => {\n if (result.isConfirmed) {\n axiosInstance\n .post(`/products/add/approved/${approval_code}`)\n .then((res) =>\n res.data.response.code === \"00003\"\n ? Swal.fire({\n icon: \"success\",\n text: res.data.response.result,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/products`);\n }\n })\n : null\n );\n }\n });\n };\n\n const handleApprovedUpdatedProductButton = (data) => {\n const product_code = data.product_code;\n\n Swal.fire({\n title: `Do you want to approve changes on ${product_code}?`,\n showDenyButton: true,\n confirmButtonText: `Approve`,\n denyButtonText: `Cancel`,\n }).then((result) => {\n if (result.isConfirmed) {\n axiosInstance\n .post(`/products/update/approved/${product_code}`)\n .then((res) =>\n res.data.response.code === \"00004\"\n ? Swal.fire({\n icon: \"success\",\n text: res.data.response.result,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/products`);\n }\n })\n : null\n );\n }\n });\n };\n\n const columns = [\n { field: \"product_code\", headerName: \"Product Code\", width: 200 },\n { field: \"product_name\", headerName: \"Product Name\", width: 200 },\n { field: \"brand_name\", headerName: \"Brand Name\", width: 200 },\n { field: \"supplier_id\", headerName: \"Supplier\", width: 200 },\n { field: \"product_segment_id\", headerName: \"Product Segment\", width: 200 },\n { field: \"product_group_id\", headerName: \"Product Group\", width: 200 },\n { field: \"packaging\", headerName: \"Packaging\", width: 200 },\n { field: \"qty_per_pack\", headerName: \"Qty Per Pack\", width: 200 },\n { field: \"inventory_id\", headerName: \"Stock Level\", width: 200 },\n { field: \"cpr_no\", headerName: \"CPR No.\", width: 200 },\n { field: \"cpr_expiry\", headerName: \"CPR Expiry\", width: 200 },\n {\n field: \"action\",\n headerName: \"Action\",\n sortable: false,\n flex: 0,\n minWidth: 400,\n renderCell: (productsData) => {\n return (\n <>\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Products Approval Masterlist
\n\n {/*
\n \n
*/}\n\n \n
\n\n Roles Masterist
\n\n \n \n \n \n
\n \n
\n \n row.product_id}\n disableColumnFilter\n rowCount={filteredData.length}\n mode=\"server\"\n components={{ Toolbar: QuickSearchToolbar }}\n />\n {/* \n \n */}\n
\n \n
\n \n
\n \n
\n \n
\n Draft Products
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n Update Products
\n\n \n
\n \n
\n );\n}\n\nexport default ProductInformation;\n","import React from \"react\";\nimport { Tooltip } from \"@material-ui/core\";\n\nfunction ProductPackaging({\n styles,\n values,\n productData,\n onInputChange,\n updateForm,\n specifyOthers,\n packagingHolder,\n unitMeasureHolder,\n computeUnit,\n smallUplaodImage,\n smallImage,\n bigUplaodImage,\n bigImage,\n}) {\n return (\n \n \n \n
\n \n\n
\n\n \n
\n
\n {renderPaymentTerms()}\n
\n \n
\n \n
\n \n Product Name\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Product Name\"\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Generic Name\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Generic Name\"\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Product Segment\n \n
\n\n \n
\n \n {\n onInputChange(e);\n populateSubSegment();\n }}\n disabled={!updateForm}\n >\n \n {prodSegmentHolder.map((prodsegment) => (\n \n {prodsegment.segment_name}\n \n ))}\n \n onInputChange(e)}\n disabled={!updateForm}\n >\n \n {productSubSegment.map((prodsubsegment) => (\n \n {prodsubsegment.segment_name}\n \n ))}\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Product Group\n \n
\n\n \n
\n \n {\n onInputChange(e);\n populateSubGroup();\n }}\n disabled={!updateForm}\n >\n \n {prodGroupHolder.map((prodgroup) => (\n \n {prodgroup.group_name}\n \n ))}\n \n onInputChange(e)}\n disabled={!updateForm}\n >\n \n {productSubGroup.map((prodsubgroup) => (\n \n {prodsubgroup.group_name}\n \n ))}\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Supplier\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={true}\n // disabled={!updateForm}\n >\n \n {supplierHolder.map((supplier) => (\n \n {supplier.vendor_code} - {supplier.company_name}\n \n ))}\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Manufacturer\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Manufacturer\"\n disabled={!updateForm}\n novalidate\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n CPR Number\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"XXXX-XXXX-XXXX\"\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n CPR Expiry\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n CPR Document\n \n
\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n {cprDocument !== \"\" ? (\n \n ) : (\n \"\"\n )}\n
\n \n {cprDocument !== \"\" ? (\n \n ) : (\n \"\"\n )}\n
\n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n
\n
\n
\n\n \n
\n\n \n \n onInputChange(e)}\n onKeyPress={(event) => {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n placeholder=\"Enter % Down Payment\"\n disabled={!updateForm}\n />\n
\n \n
\n\n \n
\n\n \n \n onInputChange(e)}\n onKeyPress={(event) => {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n placeholder=\"Enter % In Transit\"\n disabled={!updateForm}\n />\n
\n \n
\n \n
\n\n \n \n onInputChange(e)}\n onKeyPress={(event) => {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n placeholder=\"Enter % Upon Delivery\"\n disabled={!updateForm}\n />\n
\n \n {renderPaymentTerms()}\n
\n
\n \n Add Another Payment Terms\n \n
\n \n \n \n
\n \n
\n\n \n
\n\n
\n \n
\n \n
\n \n Stock Level\n \n
\n\n \n
\n \n onInputChange(e)}\n onKeyPress={(event) => {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n readOnly\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Shelf Life\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Shelf Life\"\n disabled={!updateForm}\n />\n
\n Months
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Minimum Order quantity\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Safety Stock Level\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Forecast (Required)\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Supplier Lead Time\n \n
\n \n
\n \n onInputChange(e)}\n placeholder=\"Supplier Lead Time\"\n disabled={!updateForm}\n />\n
\n Days
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n
\n\n
\n
\n \n Note: Fill out{\" \"}\n \n Cost Per Box and Selling Price Per Box\n {\" \"}\n First and{\" \"}\n Quantity Per Pack to\n compute Per Unit and VAT Ex.\n
\n\n
\n \n
\n\n \n onInputChange(e)}\n checked={vatIsCheck}\n onClick={vatCheck}\n disabled={!updateForm}\n />{\" \"}\n Vat Exemption\n
\n \n \n Cost Per Box ₱\n \n
\n\n \n
\n \n {\n onInputChange(e);\n }}\n onKeyUp={computeVatCost}\n onKeyPress={(event) => {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n disabled={!updateForm}\n autoComplete=\"off\"\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Cost Per Box (Vat Ex) ₱\n \n
\n\n \n
\n \n onInputChange(e)}\n readOnly\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Cost Per Unit\n ₱\n \n
\n\n \n
\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Cost Per Unit (Vat Ex){\" \"}\n ₱\n \n
\n\n \n
\n \n onInputChange(e)}\n novalidate\n readOnly\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Selling Price Per Box ₱\n \n
\n\n \n
\n \n {\n onInputChange(e);\n }}\n onKeyPress={(event) => {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onKeyUp={computeVatSelling}\n disabled={!updateForm}\n autoComplete=\"off\"\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Selling Price Per Box(Vat Ex){\" \"}\n ₱\n \n
\n\n \n
\n \n onInputChange(e)}\n readOnly\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Selling Price Per Unit{\" \"}\n ₱\n \n
\n\n \n
\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Selling Price Per Unit (Vat Ex){\" \"}\n ₱\n \n
\n \n
\n \n onInputChange(e)}\n novalidate\n readOnly\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n
\n
\n
\n );\n}\n\nexport default ProductPackaging;\n","import { useState, useRef, memo } from \"react\";\nimport { registerAllModules } from \"handsontable/registry\";\nimport { HotTable } from \"@handsontable/react\";\nimport _ from \"lodash\";\n\nregisterAllModules();\n\nconst ForecastTable = ({\n hotData,\n width,\n height,\n togglePrevForecast,\n onChange,\n onViewIncomingPo,\n}) => {\n const [hiddenRows, setHiddenRows] = useState(hotData.hiddenRows);\n const hotRef = useRef();\n\n const handleTableCells = (row, col) => {\n let cellProperties = { className: \"table-text-black\", readOnly: true };\n if (row === 0) {\n if (col === 0) {\n } else {\n cellProperties.className = \"table-year-row\";\n }\n } else if (row === 1) {\n if (col === 0) {\n } else {\n cellProperties.className = \"table-quarter-row\";\n }\n } else if (row === 2) {\n if (col === 0) {\n } else {\n cellProperties.className = \"table-month-row\";\n }\n } else if (row === 3) {\n if (col === 0) {\n } else {\n cellProperties.className = \"table-hit-rate-row\";\n }\n }\n\n if (\n hotData.indexRow.current_inventory &&\n row === hotData.indexRow.current_inventory\n ) {\n cellProperties.className = \"table-current-inventory-row\";\n }\n\n if (\n hotData.indexRow.projected_ending_inventory &&\n row === hotData.indexRow.projected_ending_inventory\n ) {\n cellProperties.className = \"table-projected-inventory-row\";\n }\n\n if (row === hotData.indexRow.incoming_po_editable && col !== 0) {\n cellProperties.className = \"table-editable-row\";\n cellProperties.readOnly = false;\n }\n\n if (col === 0 && hotData.indexRow.incoming_po.indexOf(row) !== -1) {\n cellProperties.className = \"table-incoming-po-label\";\n }\n\n return cellProperties;\n };\n\n const handleTableAfterRenderer = (\n TD,\n row,\n col,\n prop,\n val,\n cellProperties\n ) => {\n if (\n hotData.indexColumn.current_month_year &&\n col === hotData.indexColumn.current_month_year &&\n row > 2\n ) {\n if (\n row === hotData.indexRow.actual_sales ||\n row === hotData.indexRow.pencil_book\n ) {\n TD.classList.add(\"text-danger\");\n TD.classList.add(\"font-weight-bold\");\n }\n\n TD.classList.add(\"table-current-month-year-column\");\n }\n\n if (\n hotData.indexRow.actual_sales === row &&\n col > hotData.indexColumn.current_month_year\n ) {\n TD.classList.add(\"table-actual-sales-projected\");\n }\n\n if (\n hotData.indexRow.inventory_level_per_month &&\n row === hotData.indexRow.inventory_level_per_month\n ) {\n if (val < 1.5 || val > 4.5) {\n TD.classList.add(\"table-inventory-level-row-red\");\n //cellProperties.className = \"table-inventory-level-row-red\";\n } else if ((val >= 1.5 && val <= 2) || (val >= 4 && val <= 4.5)) {\n TD.classList.add(\"table-inventory-level-row-yellow\");\n //cellProperties.className = \"table-inventory-level-row-yellow\";\n } else if ((val > 2 && val < 3) || (val > 3 && val < 4)) {\n TD.classList.add(\"table-inventory-level-row-light-green\");\n //cellProperties.className = \"table-inventory-level-row-light-green\";\n } else if (val >= 3 && val <= 3) {\n TD.classList.add(\"table-inventory-level-row-dark-green\");\n //cellProperties.className = \"table-inventory-level-row-dark-green\";\n } else {\n TD.classList.add(\"table-inventory-level-row-gray\");\n //cellProperties.className = \"table-inventory-level-row-gray\";\n }\n }\n };\n\n const handleTableAfterSetDataCell = (changes, source) => {\n if (source !== \"edit\") return;\n\n const change = changes[0];\n\n if (!_.isEmpty(hotRef.current?.props?.data)) {\n // get years\n const years = hotRef.current?.props?.data[0].filter((val) => val);\n // get months\n let months = _.uniq(hotRef.current?.props?.data[2].filter((val) => val));\n\n // create monthYearKeys\n let parseMonthYearKeys = {};\n years.forEach((year) => {\n months.forEach((mos) => {\n parseMonthYearKeys[`${mos}_${year}`] = 0;\n });\n });\n\n let tmpData = [];\n\n _.each(hotRef.current?.props?.data, (row, index) => {\n if (index === hotData.indexRow.incoming_po_editable) {\n let tmpObject = { ...parseMonthYearKeys };\n\n _.each(row, (val, colIndex) => {\n let ctrYear = parseInt(years[0]) || 0;\n\n if (colIndex === 0) return;\n\n let getMonth = colIndex;\n\n while (getMonth > 12) {\n getMonth -= 12;\n ctrYear++;\n }\n\n tmpObject[`${months[getMonth - 1]}_${ctrYear}`] =\n parseFloat(val) || 0;\n });\n\n if (change[0] === index) {\n let getMonth = change[1];\n while (getMonth > 12) {\n getMonth -= 12;\n }\n\n getMonth -= 1;\n\n const getYear = Math.ceil(change[1] / 12) - 1;\n const initYear = parseInt(years[0]) || 0;\n\n tmpObject[`${months[getMonth]}_${initYear + getYear}`] =\n parseFloat(change[3]) || 0;\n }\n\n tmpData.push(tmpObject);\n }\n });\n\n onChange({\n incoming_po_editable: tmpData,\n });\n }\n };\n\n const handleTableAfterOnCellMouseDown = (e, coords, TD) => {\n if (coords.col === 0) {\n if (hotData.indexRow.incoming_po.indexOf(coords.row) !== -1) {\n onViewIncomingPo(hotData.indexRow.incoming_po_obj[coords.row]);\n }\n }\n };\n\n return (\n \n \n \n
\n \n
\n \n
\n \n Packaging\n \n
\n\n \n
\n \n {\n onInputChange(e);\n specifyOthers(e);\n }}\n disabled={!updateForm}\n >\n \n {packagingHolder.map((packaging) => (\n \n {packaging.packaging_name}\n \n ))}\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Packaging Description\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Unit of Measure\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n novalidate\n >\n \n {unitMeasureHolder.map((unit) => (\n \n {unit.unit_name}\n \n ))}\n \n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Qty per Pack\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Quantity Per Pack\"\n disabled={!updateForm}\n onKeyUp={computeUnit}\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Size (small)\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Small Size\"\n disabled={!updateForm}\n />\n
\n mm
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Size (big)\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Big Size\"\n disabled={!updateForm}\n />\n
\n cm
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Weight Net\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Weight Net\"\n disabled={!updateForm}\n />\n
\n grams
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Weight Gross\n \n
\n \n
\n \n onInputChange(e)}\n placeholder=\"Weight Gross\"\n disabled={!updateForm}\n />\n
\n grams
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Temperature\n \n
\n\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n novalidate\n />\n
\n \n onInputChange(e)}\n disabled={!updateForm}\n placeholder=\"Max\"\n novalidate\n />\n
\n \n ℃\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n Humidity\n \n
\n\n \n
\n \n onInputChange(e)}\n placeholder=\"Humidity\"\n disabled={!updateForm}\n />\n
\n \n %\n
\n \n \n Storage Requirement\n \n
\n \n
\n \n onInputChange(e)}\n disabled={!updateForm}\n placeholder=\"Storage Requirement\"\n novalidate\n />\n
\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n
\n
\n \n \n
\n\n \n 
\n \n \n ) : (\n \"\"\n )}\n \n
\n\n \n
\n
\n\n {smallImage.length > 0 ? (\n \n
\n \n \n \n
\n\n \n 
\n \n \n ) : (\n \"\"\n )}\n \n
\n \n
\n
\n {bigImage.length > 0 ? (\n \n
\n \n \n {Object.keys(months).map((month, index) =>\n renderMonthInput(month, index)\n )}\n
\n
\n );\n };\n\n const renderYear = () => {\n return yearDropdown.map((row) => (\n \") : result,\n icon: code === \"00000\" ? \"success\" : \"error\",\n showCancelButton: true,\n });\n\n if (code === \"00000\") {\n onSubmitted({\n success: 1,\n message: result,\n });\n }\n\n setLoading(false);\n }\n } catch (error) {\n setLoading(false);\n toast.error(error.message);\n onSubmitted({\n success: 0,\n message: error.message,\n });\n }\n };\n\n const handleInputChange = (e) =>\n setForm({ ...form, [e.target.name]: e.target.value });\n\n const processData = (qty) => {\n const requested_qty = qty;\n\n const isVatExempted = parseInt(data?.product?.vat_exemption) || 0;\n\n const productCost =\n parseFloat(\n isVatExempted ? data?.product?.cost : data?.product?.cost_vat\n ) || 0;\n const total = requested_qty * productCost;\n\n return {\n requested_qty,\n total,\n productCost,\n };\n };\n\n const handleDetailQtyChange = (e) => {\n const { requested_qty, total, productCost } = processData(\n parseInt(e.target.value) || 1\n );\n setForm({\n ...form,\n\n grand_total: total,\n details: [\n {\n product_id: data?.product?.product_id,\n requested_qty: requested_qty,\n unit_price: productCost,\n total_amount: total,\n lead_time: data?.product?.supplier_lead_time,\n payment_term: getPaymentTerms(),\n },\n ],\n });\n };\n\n const getUnitOfMeasure = () => {\n const unit = data?.otherData?.unitMeasureHolder.find(\n (row) => data?.product.unit_id === row.unit_id\n );\n\n return unit?.unit_name;\n };\n\n const getProductSegment = () => {\n const segment = data?.otherData?.prodSegmentHolder.find(\n (row) => row.segment_id === data?.product.product_segment_id\n );\n\n return segment?.segment_name;\n };\n\n const getPaymentTerms = () => {\n if (data?.vendor) {\n return [\n `${data?.vendor?.product_payments.percent_down_payment}% Upon PO`,\n `${data?.vendor?.product_payments.percent_upon_delivery}% Upon Delivery`,\n `${data?.vendor?.product_payments.percent_intransit}% In Transit`,\n ...data?.vendor?.product_payments.pdc_payment.map((row) => {\n return `${row.percent_amount}% ${row.days_remaining} days PDC`;\n }),\n ].join(\" \");\n }\n\n return null;\n };\n\n const handleFileUpload = (e) => {\n setForm({ ...form, attachments: [...e.target.files] });\n };\n\n const isReadyToSubmit = () => {\n if (\n form.details[0]?.requested_qty > 0 &&\n !loading &&\n form.estimated_delivery_date !== \"\" &&\n form.details[0]?.requested_qty >= data?.product?.quantity\n ) {\n return true;\n }\n\n return false;\n };\n\n return (\n
- \n
- PR Date: \n
- {moment().format(\"MM/DD/YYYY\")} \n
- Supplier: \n
- {data?.vendor?.vendor_name} \n
- Payment Terms: \n
- {getPaymentTerms()} \n
- Date Needed: \n
- \n
Details
\n| Product Code | \nProduct Name | \nUOM | \nProduct Segment | \nCurrent Level | \nLead Time | \nOrder Qty | \nTotal | \n
|---|---|---|---|---|---|---|---|
| {data?.product?.product_code} | \n{data?.product?.product_name} | \n{getUnitOfMeasure()} | \n{getProductSegment()} | \n{numberFormatCurrency(data?.product?.stock_level, null)} | \n{`${data?.product?.supplier_lead_time} days`} | \n\n | \n \n {numberFormatCurrency(form.details[0]?.total_amount)}\n | \n
| \n Grand Total:\n | \n\n {numberFormatCurrency(form.grand_total)}\n | \n
\") : result);\n return;\n }\n\n setTableData({\n ...tableData,\n loading: false,\n data: result.map((row) => ({\n id: row.log_trail_id,\n name: row.user_details.employee_name,\n remarks: row.remarks,\n date_time: row.date_time,\n })),\n });\n } catch (error) {\n setTableData({ ...tableData, loading: false });\n toast.error(error.message);\n }\n };\n\n const handleOnEntered = () => {\n loadData();\n };\n\n return (\n
\n \n \n \n \n \n \n Toggle Previous Forecast\n \n \n \n \n \n \n \n \n
\n
\n );\n };\n\n return render();\n};\n\nexport default Forecast;\n","import { numberFormatCurrency } from '../../../utils/helper';\n\nexport const tableColumns = [\n {\n field: 'rr_no',\n headerName: 'RR No',\n minWidth: 150,\n flex: 1,\n },\n {\n field: 'product_name',\n headerName: 'Product Name',\n sortable: false,\n filterable: false,\n minWidth: 150,\n flex: 1,\n },\n {\n field: 'product_code',\n headerName: 'Product Code',\n sortable: false,\n filterable: false,\n minWidth: 150,\n flex: 1,\n },\n {\n field: 'batch',\n headerName: 'Batch',\n minWidth: 150,\n flex: 1,\n },\n // {\n // field: 'quantity_ordered',\n // headerName: 'Ordered Quantity',\n // type: 'number',\n // minWidth: 150,\n // flex: 1,\n // },\n {\n field: 'received_quantity',\n headerName: 'Received Quantity',\n type: 'number',\n minWidth: 200,\n flex: 1,\n },\n {\n field: 'unit_price',\n headerName: 'Unit Price',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.unit_price);\n },\n },\n {\n field: 'unit_vat',\n headerName: 'Unit Vat',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(\n parseInt(row.vat_exemption) === 0\n ? (parseInt(row.unit_price) / 1.12) * 0.12\n : (parseInt(row.unit_price) / 1.12) * 0,\n );\n },\n },\n {\n field: 'unit_vat_inclusive',\n headerName: 'Total Vat Inclusive',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.unit_vat_inclusive);\n },\n },\n {\n field: 'total_vat',\n headerName: 'Total Vat',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.total_vat);\n },\n },\n {\n field: 'unit_vat_exclusive',\n headerName: 'Total Vat Exclusive',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.unit_vat_exclusive);\n },\n },\n {\n field: 'free_goods',\n headerName: 'Free Goods',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.free_goods);\n },\n },\n {\n field: 'diluted_cost',\n headerName: 'Diluted Cost',\n minWidth: 150,\n flex: 1,\n type: 'number',\n renderCell: ({ row }) => {\n return numberFormatCurrency(row.diluted_cost);\n },\n },\n {\n field: 'expiry_date',\n headerName: 'Expiry Date',\n minWidth: 150,\n flex: 1,\n },\n {\n field: 'manufacturing_date',\n headerName: 'Manufacturing Date',\n minWidth: 150,\n flex: 1,\n },\n];\n","import { useState, useEffect, useRef, Fragment } from 'react';\nimport { Button, Col, Form, InputGroup, Modal, Row } from 'react-bootstrap';\nimport { postAddPurchaseLogs } from '../../../api/product';\nimport { toast } from 'react-toastify';\nimport _ from 'lodash';\nimport { numberFormatCurrency } from '../../../utils/helper';\nimport PrimaryDatePicker from '../../../components/PrimaryDatePicker';\nimport Swal from 'sweetalert2';\n\nconst AddLog = ({ product, visible, productCode }) => {\n const emptyValues = {\n product_id: product.product_id,\n batch: '',\n quantity_ordered: 0,\n received_quantity: 0,\n unit_price: 0,\n unit_vat_inclusive: 0,\n unit_vat_exclusive: 0,\n free_goods: 0,\n diluted_cost: 0,\n expiry_date: '',\n manufacturing_date: '',\n };\n const [form, setForm] = useState(emptyValues);\n\n const submitHandler = async () => {\n toast.loading('Processing request please wait', {\n autoClose: false,\n });\n\n const res = await postAddPurchaseLogs(form);\n const { code, result } = res.data.response;\n\n toast.dismiss();\n code === '00000'\n ? Swal.fire({\n icon: 'success',\n title: 'Sucess',\n text: result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n })\n : code === '00001'\n ? Swal.fire({\n icon: 'error',\n title: 'Invalid Request',\n html: result.join('\n ({ ...base, zIndex: 999 }) }}\n onChange={handleChangeYear}\n isMulti\n isClearable={false}\n />\n
\n \n {notifyForecast()}
\n \n {renderTable()}\n
\n {/* modal */}\n '),\n })\n : Swal.fire({\n icon: 'error',\n title: 'Someting went wrong...',\n text: result,\n });\n };\n\n const handleChange = (e) => {\n setForm({ ...form, [e.target.name]: e.target.value });\n };\n\n const handleExpiryDateChange = (date) => {\n setForm({ ...form, expiry_date: date });\n };\n\n const handleManufacturingDateChange = (date) => {\n setForm({ ...form, manufacturing_date: date });\n };\n\n return (\n
\n \n \n
\n );\n};\n\nexport default AddLog;\n","import { useState, useEffect, useRef, Fragment } from 'react';\nimport { Button } from 'react-bootstrap';\nimport { getPurchaseLogs } from '../../../api/product';\nimport { toast } from 'react-toastify';\nimport PrimaryDataTable from '../../PrimaryDataTable';\nimport { tableColumns } from './const';\nimport AddLog from './AddLog';\nimport Modal from 'react-bootstrap/Modal';\nimport _ from 'lodash';\n\nconst Purchase = ({ product, visible, productCode }) => {\n const [showModal, setShowModal] = useState(false);\n const [tableData, setTableData] = useState({\n data: [],\n loading: false,\n totalRows: 0,\n totalAmount: 0,\n });\n const [tableParams, setTableParams] = useState({});\n\n const loadPurchases = async (params) => {\n const res = await getPurchaseLogs(params);\n const { code, result, total_rows } = res.data.response;\n\n if (code === '00000') {\n setTableData({\n ...tableData,\n loading: false,\n data: result,\n totalRows: total_rows,\n });\n } else {\n toast.error(Array.isArray(result) ? result.join('\n \n \n Batch No\n \n \n \n \n \n Ordered Quantity\n \n \n \n \n \n Received Quantity\n \n \n \n \n \n Unit Price\n \n \n PHP \n \n \n \n \n \n \n Unit Vat Inclusive\n \n \n PHP \n \n \n \n \n \n \n Unit Vat Exclusive\n \n \n PHP \n \n \n \n \n \n \n Free Goods\n \n \n \n \n \n Deluted Cost\n \n \n PHP \n \n \n \n \n \n \n Expiry Date\n \n \n \n \n \n Manufacturing Date\n \n \n \n
\n \n \n Submit\n \n
\n \n ') : result);\n return;\n }\n };\n\n useEffect(() => {\n let newParams = { ...tableParams, product_id: product?.product_id };\n setTableParams(newParams);\n loadPurchases(newParams);\n }, [product]);\n\n const handleTableChange = (params) => {\n let newParams = { ...tableParams, ...params };\n setTableParams(newParams);\n loadPurchases(newParams);\n };\n\n const handleFilterModelChange = (filterModel) => {\n const newParams = { ...tableParams, filter: filterModel };\n setTableParams(newParams);\n loadPurchases(newParams);\n };\n\n const renderTable = () => {\n return (\n
\n \n \n\n setShowModal(false)}\n dialogClassName=\"modal-md\"\n keyboard={false}\n backdrop=\"static\"\n aria-labelledby=\"example-custom-modal-styling-title\"\n >\n \n \n Create Log\n \n \n \n \n \n
\n );\n };\n\n return render();\n};\n\nexport default Purchase;\n","import React, { useState, useEffect, Fragment, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Box from '@material-ui/core/Box';\nimport axiosInstance from '../axiosInstance';\nimport ProductInformation from '../Products/ProductInformation/ProductInformation';\nimport ProductPackaging from '../Products/Packaging/ProductPackaging';\nimport AddProducts from '../Products/AddProducts';\nimport { useParams } from 'react-router-dom';\nimport Modal from 'react-bootstrap/Modal';\nimport '../Products/modal.css';\nimport Swal from 'sweetalert2';\nimport {\n HddFill,\n ListUl,\n PencilSquare,\n XCircleFill,\n} from 'react-bootstrap-icons';\nimport { useHistory } from 'react-router';\nimport SideBarSearch from '../SideBarSearch';\nimport { getProductSearch } from '../../api/product';\nimport PrimaryLoader from '../PrimaryLoader';\nimport { toast } from 'react-toastify';\nimport _ from 'lodash';\nimport { AlertDefaultError, PermissionsGate } from '../PermissionsGate';\nimport PrimarySwitch from '../PrimarySwitch';\nimport Forecast from './Forecast';\nimport Purchase from '../Products/Purchase';\nimport { Button } from 'react-bootstrap';\nimport { Tooltip } from '@material-ui/core';\nimport { Trash } from 'react-bootstrap-icons';\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n return (\n \n
\n \n setShowModal(true)}\n >\n Create Log\n \n
\n {renderTable()}\n \n
\n );\n };\n\n const styles = {\n border: {\n border: '1px solid #e7eaef',\n },\n divPadding: {\n padding: '5px',\n },\n fieldset: {\n border: '1px solid #e7eaef',\n padding: '-4px',\n },\n legend: {\n position: 'static',\n marginTop: '-20px',\n top: 1,\n fontSize: '13px',\n lineHeight: 1,\n margin: '-9px 0 0' /* half of font-size */,\n background: '#fff',\n color: '#000',\n },\n\n formGroup: {\n margin: 0,\n paddingTop: '0px',\n paddingLeft: '20px',\n paddingBottom: '0px',\n paddingRight: '0',\n },\n };\n\n const [updateForm, setUpdateForm] = useState(false);\n const [divHidden, setDivHidden] = useState('d-none');\n\n const onUpdate = () => {\n setUpdateForm(!updateForm);\n setDivHidden('');\n };\n\n const appendSubmitValue = (e) => {\n values.is_submit = 2;\n };\n\n const submitHandler = (e) => {\n e.preventDefault();\n setDisableSubmit(true);\n toast.loading('Processing request please wait', {\n autoClose: false,\n });\n\n const vat = vatIsCheck ? 1 : 0;\n\n const data = new FormData(e.target);\n data.append('product_id', values.product_id);\n data.append('is_submit', values.is_submit);\n data.append('vat_exemption', vat);\n data.append('product_code', product_code);\n data.append('category', 'UPDATED');\n\n axiosInstance\n .post(`/products/submit/updated`, data, {})\n .then((response) => {\n toast.dismiss();\n setDisableSubmit(false);\n response.data.response.code == '00004'\n ? Swal.fire({\n icon: 'success',\n title: 'Sucess',\n text: response.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n })\n : response.data.response.code === '00001'\n ? Swal.fire({\n icon: 'error',\n title: 'Invalid Request',\n html: response.data.response.result.join('\n
\n \n {index ? (\n handleRemovePaymentTerms(index)}\n >\n \n \n \n ) : null}\n
\n\n \n {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onChange={(e) => {\n handleChangePaymentTerms(\n index,\n 'percent_amount',\n e.target.value,\n );\n }}\n disabled={!updateForm}\n placeholder=\"Enter % PDC\"\n />\n
\n\n \n {\n if (!/[^a-zA-Z!@#$%^&*)\\/(+=_-]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onChange={(e) => {\n handleChangePaymentTerms(\n index,\n 'days_remaining',\n e.target.value,\n );\n }}\n disabled={!updateForm}\n placeholder=\"# of Days\"\n />\n
\n \n \n
\n '),\n })\n : Swal.fire({\n icon: 'error',\n title: 'Someting went wrong...',\n text: response.data.response.result,\n });\n });\n };\n\n const [sideBarLoader, setSideBarLoader] = useState(false);\n const [searchProduct, setsearchProduct] = useState([]);\n\n useEffect(() => {\n loadProduct();\n loadSupplier();\n loadProdSegment();\n loadProdGroup();\n populateSubGroup();\n populateSubSegment();\n loadUnitMasure();\n loadPackaging();\n populateProduct();\n }, [product_code]);\n\n const loadProduct = () => {\n setLoader(true);\n axiosInstance.get(`/products/code/${product_code}`).then((response) => {\n if (response.data.response.code === '00000') {\n setUpdateForm(false);\n setDivHidden('d-none');\n document.getElementById(\n 'page-title',\n ).innerHTML = `${response.data.response.result.product_name} - ${response.data.response.result.product_code}`;\n\n let data = {\n product_id: response.data.response.result.product_id,\n product_code: response.data.response.result.product_code,\n supplier_id: response.data.response.result.supplier_id,\n product_segment_id: response.data.response.result.product_segment_id,\n product_sub_segment_id:\n response.data.response.result.product_sub_segment_id,\n product_group_id: response.data.response.result.product_group_id,\n product_sub_group_id:\n response.data.response.result.product_sub_group_id,\n\n inventory_id: response.data.response.result.inventory_id,\n product_name: response.data.response.result.product_name,\n generic_name: response.data.response.result.brand_name,\n packaging: response.data.response.result.packaging,\n\n qty_per_pack: response.data.response.result.qty_per_pack,\n stock_level: response.data.response.available_stock,\n shelf_life: response.data.response.result.shelf_life,\n quantity: response.data.response.result.quantity,\n safety_stock_level: response.data.response.result.safety_stock_level,\n\n manufacturer: response.data.response.result.manufacturer,\n packaging_description:\n response.data.response.result.packaging_description,\n unit_id: response.data.response.result.unit_id,\n storage_requirement:\n response.data.response.result.storage_requirement,\n min_temperature: response.data.response.result.min_temperature,\n max_temperature: response.data.response.result.max_temperature,\n forecast: response.data.response.result.forecast,\n supplier_lead_time: response.data.response.result.supplier_lead_time,\n active: 1,\n vat_exemption: response.data.response.result.vat_exemption,\n\n cost: response.data.response.result.cost.toFixed(2),\n cost_vat: response.data.response.result.cost_vat.toFixed(2),\n cost_unit: response.data.response.result.cost_unit.toFixed(2),\n cost_unit_vat: response.data.response.result.cost_unit_vat.toFixed(2),\n selling_price: response.data.response.result.selling_price.toFixed(2),\n selling_price_unit:\n response.data.response.result.selling_price_unit.toFixed(2),\n selling_price_vat:\n response.data.response.result.selling_price_vat.toFixed(2),\n selling_price_unit_vat:\n response.data.response.result.selling_price_unit_vat.toFixed(2),\n\n cpr_no: response.data.response.result.cpr_no,\n cpr_expiry: response.data.response.result.cpr_expiry,\n\n cpr_document: response.data.response.result.cpr_document,\n temperature: response.data.response.result.temperature,\n humidity: response.data.response.result.humidity,\n small_size: response.data.response.result.small_size,\n\n small_size_image: response.data.response.result.small_size_image,\n big_size: response.data.response.result.big_size,\n big_size_image: response.data.response.result.big_size_image,\n weight_net: response.data.response.result.weight_net,\n weight_gross: response.data.response.result.weight_gross,\n\n percent_down_payment:\n response.data.response.result.percent_down_payment,\n percent_intransit: response.data.response.result.percent_intransit,\n percent_upon_delivery:\n response.data.response.result.percent_upon_delivery,\n\n product_pdc_payment_term:\n response.data.response.result.product_pdc_payment_term,\n };\n\n setPdcTerms(response.data.response.result.product_pdc_payment_term);\n setProductId(data.product_id);\n setProductData(data);\n setProduct(data);\n setQtyperpac(data.qty_per_pack.toFixed(2));\n setCostBox(data.cost);\n setCostUnit(data.cost_unit);\n setSellingBox(data.selling_price);\n setSellingUnit(data.selling_price_unit);\n\n setCostVatValue(data.cost_vat);\n setCostUnitVatValue(data.cost_unit_vat);\n setSellingVatValue(data.selling_price_vat);\n setSellingUnitVatValue(data.selling_price_unit_vat);\n\n if (response.data.response.result.upload.length > 0) {\n response.data.response.result.upload.map((upload, i) => {\n if (response.data.response.result.upload[i].doc_type === 'cpr') {\n setCprDocument({\n file_name:\n response.data.response.result.upload[i].with_image[0]\n .file_name,\n file_url:\n response.data.response.result.upload[i].with_image[0]\n .processed_path,\n });\n }\n\n if (response.data.response.result.upload[i].doc_type === 'small') {\n setsmallImage(\n response.data.response.result.upload[i].with_image[0]\n .processed_path,\n );\n }\n\n if (response.data.response.result.upload[i].doc_type === 'big') {\n setbigImage(\n response.data.response.result.upload[i].with_image[0]\n .processed_path,\n );\n }\n });\n } else {\n setCprDocument('');\n setsmallImage('');\n setbigImage('');\n }\n\n if (response.data.response.result.vat_exemption == 1) {\n setVatIsCheck(true);\n } else {\n setVatIsCheck(false);\n }\n\n if (response.data.response.result.active === 1) {\n setActiveIsCheck(true);\n } else {\n setActiveIsCheck(false);\n }\n\n if (\n response.data.response.result.packaging !== 'Box' &&\n response.data.response.result.packaging !== 'Cans' &&\n response.data.response.result.packaging !== 'Pouch'\n ) {\n values.packaging = 'Others';\n values.specify_others = response.data.response.result.packaging;\n setSpecifyOthers(true);\n }\n setLoader(false);\n } else {\n Swal.fire({\n icon: 'warning',\n title: 'Warning',\n text: response.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/products`);\n }\n });\n }\n });\n };\n\n const loadSupplier = () => {\n axiosInstance\n .get(`/vendor-db/vendor-dropdown?status=0`)\n .then((response) => {\n setSupplierHolder(response.data.response.result);\n });\n };\n\n const loadProdSegment = () => {\n axiosInstance.get(`/products/segment`).then((response) => {\n setProdSegmentHolder(response.data.response.result);\n });\n };\n\n const loadProdGroup = () => {\n axiosInstance.get(`/products/group`).then((response) => {\n setProdGroupHolder(response.data.response.result);\n });\n };\n\n const loadUnitMasure = () => {\n axiosInstance.get(`/products/unit`).then((response) => {\n setUnitMeasureHolder(response.data.response.result);\n });\n };\n\n const loadPackaging = () => {\n axiosInstance.get(`/products/packaging`).then((response) => {\n setPackagingeHolder(response.data.response.result);\n });\n };\n\n const smallUplaodImage = (e) => {\n const file = document.getElementById('small_size_image').files[0];\n\n if (file) {\n setsmallImage(URL.createObjectURL(file));\n } else {\n setsmallImage('');\n }\n };\n\n const bigUplaodImage = (e) => {\n const file = document.getElementById('big_size_image').files[0];\n\n if (file) {\n setbigImage(URL.createObjectURL(file));\n } else {\n setbigImage('');\n }\n };\n\n const vatCheck = (e) => {\n const isCheck = e.target.checked;\n\n if (isCheck) {\n values.vat_exemption = 1;\n setVatIsCheck(true);\n\n const cost_vat_rate =\n parseFloat(values.cost.replace(/,/g, '')).toFixed(2) / 100;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n const cost_unit_vat_rate =\n parseFloat(values.cost_unit.replace(/,/g, '')).toFixed(2) / 100;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n const selling_vat_rate =\n parseFloat(values.selling_price.replace(/,/g, '')).toFixed(2) / 100;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n const selling_unit_vat_rate =\n parseFloat(values.selling_price_unit.replace(/,/g, '')).toFixed(2) /\n 100;\n const selling_price_unit_vat = selling_unit_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n setCostUnitVatValue(values.cost_unit_vat);\n setSellingVatValue(values.selling_price_vat);\n setSellingUnitVatValue(values.selling_price_unit_vat);\n } else {\n values.vat_exemption = 0;\n setVatIsCheck(false);\n\n const cost_vat_rate =\n parseFloat(values.cost.replace(/,/g, '')).toFixed(2) / 112;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n const cost_unit_vat_rate =\n parseFloat(values.cost_unit.replace(/,/g, '')).toFixed(2) / 112;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n const selling_vat_rate =\n parseFloat(values.selling_price.replace(/,/g, '')).toFixed(2) / 112;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n const selling_unit_vat_rate =\n parseFloat(values.selling_price_unit.replace(/,/g, '')).toFixed(2) /\n 112;\n const selling_price_unit_vat = selling_unit_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n setCostUnitVatValue(values.cost_unit_vat);\n setSellingVatValue(values.selling_price_vat);\n setSellingUnitVatValue(values.selling_price_unit_vat);\n }\n };\n const computeUnit = (e) => {\n let cost_unit = parseFloat(costBox);\n let selling_unit = parseFloat(sellingBox);\n let pack = e.target.value;\n\n let costUnitValue = cost_unit / pack;\n values.cost_unit = costUnitValue.toFixed(2);\n setCostUnit(costUnitValue.toFixed(2));\n computeVatCostUnit(costUnitValue.toFixed(2));\n\n let sellingUnitValue = selling_unit / pack;\n values.selling_price_unit = sellingUnitValue.toFixed(2);\n setSellingUnit(sellingUnitValue.toFixed(2));\n computeVatSellingUnit(sellingUnitValue.toFixed(2));\n\n setQtyperpac(e.target.value);\n };\n\n const computeVatCostUnit = (costUnitValue) => {\n const costPriceFormat = parseFloat(costUnitValue.replace(/,/g, '')).toFixed(\n 2,\n );\n\n if (vatIsCheck) {\n const cost_unit_vat_rate = costPriceFormat / 100;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n setCostUnitVatValue(values.cost_unit_vat);\n } else {\n const cost_unit_vat_rate = costPriceFormat / 112;\n const cost_unit_vat = cost_unit_vat_rate * 100;\n values.cost_unit_vat = cost_unit_vat.toFixed(2);\n\n setCostUnitVatValue(values.cost_unit_vat);\n }\n };\n\n const computeVatCost = (e) => {\n const costPriceFormat = parseFloat(\n e.target.value.replace(/,/g, ''),\n ).toFixed(2);\n\n const pack = qtyPerPack;\n\n let costUnitValue = costPriceFormat / parseFloat(pack);\n values.cost_unit = costUnitValue.toFixed(2);\n setCostUnit(costUnitValue.toFixed(2));\n computeVatCostUnit(costUnitValue.toFixed(2));\n\n if (vatIsCheck) {\n const cost_vat_rate = costPriceFormat / 100;\n const cost_vat = cost_vat_rate * 100;\n\n values.cost_vat = cost_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n } else {\n const cost_vat_rate = costPriceFormat / 112;\n const cost_vat = cost_vat_rate * 100;\n values.cost_vat = cost_vat.toFixed(2);\n\n setCostVatValue(values.cost_vat);\n }\n\n setCostBox(e.target.value);\n };\n\n const computeVatSelling = (e) => {\n const sellingPriceFormat = parseFloat(\n e.target.value.replace(/,/g, ''),\n ).toFixed(2);\n const pack = qtyPerPack;\n\n if (vatIsCheck) {\n const selling_vat_rate = sellingPriceFormat / 100;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n setSellingVatValue(values.selling_price_vat);\n } else {\n const selling_vat_rate = sellingPriceFormat / 112;\n const selling_price_vat = selling_vat_rate * 100;\n\n values.selling_price_vat = selling_price_vat.toFixed(2);\n\n setSellingVatValue(values.selling_price_vat);\n }\n\n let sellingUnitValue = sellingPriceFormat / parseFloat(pack);\n values.selling_price_unit = sellingUnitValue.toFixed(2);\n setSellingUnit(sellingUnitValue.toFixed(2));\n computeVatSellingUnit(sellingUnitValue.toFixed(2));\n\n setSellingBox(e.target.value);\n };\n\n const computeVatSellingUnit = (sellingUnitValue) => {\n const sellingUnitPriceFormat = parseFloat(\n sellingUnitValue.replace(/,/g, ''),\n ).toFixed(2);\n\n if (vatIsCheck) {\n const selling_vat_rate = sellingUnitPriceFormat / 100;\n const selling_price_unit_vat = selling_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setSellingUnitVatValue(values.selling_price_unit_vat);\n } else {\n const selling_vat_rate = sellingUnitPriceFormat / 112;\n const selling_price_unit_vat = selling_vat_rate * 100;\n\n values.selling_price_unit_vat = selling_price_unit_vat.toFixed(2);\n\n setSellingUnitVatValue(values.selling_price_unit_vat);\n }\n };\n\n const populateSubGroup = (e) => {\n let subgroup = [\n {\n sub_group_id: 1,\n group_name: 'sub-group 1',\n },\n {\n sub_group_id: 2,\n group_name: 'sub-group 2',\n },\n ];\n\n setProductSubGroup(subgroup);\n };\n\n const populateSubSegment = (e) => {\n let subsegment = [\n {\n sub_segment_id: 1,\n segment_name: 'sub-segment 1',\n },\n {\n sub_segment_id: 2,\n segment_name: 'sub-segment 2',\n },\n ];\n\n setProductSubSegment(subsegment);\n };\n\n const specifyOthers = (e) => {\n const packaging = e.target.value;\n\n if (packaging === 'Others') {\n setSpecifyOthers(true);\n } else {\n setSpecifyOthers(false);\n }\n };\n\n const checkActiveStatus = ({ value }) => {\n setActiveIsCheck(value);\n\n const data = {\n product_id: values.product_id,\n is_check: value,\n };\n\n axiosInstance.post(`/product/active/status`, data, {}).then((response) => {\n setActiveIsCheck(value);\n\n Swal.fire({\n icon: 'success',\n title: 'Success',\n text: response.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/view/products/list/${values.product_code}`);\n }\n });\n });\n };\n\n const populateProduct = (data = {}) => {\n // document.getElementById(\"search-loading\").style.visibility = \"visible\";\n setSideBarLoader(true);\n getProductSearch(data)\n .then((res) => {\n const { code, result } = res.data.response;\n\n if (code === '00000') {\n setsearchProduct(result);\n setSideBarLoader(false);\n }\n })\n .catch((err) => {});\n // document.getElementById(\"search-loading\").style.visibility = \"hidden\";\n // document.getElementById(\"search-result\").style.visibility = \"visible\";\n };\n\n const populateSearchProductDetails = (e) => {\n populateProduct({\n search_param: e.target.value,\n });\n };\n\n const labelField = {\n code: 'product_code',\n name: 'product_name',\n link: '/view/products/list/',\n };\n\n const cancelChanges = (e) => {\n e.preventDefault();\n let result = _.isEqual(productData, values);\n if (result) {\n setUpdateForm(false);\n setDivHidden('d-none');\n setProduct(productData);\n }\n\n if (!result) {\n Swal.fire({\n title: 'Are you sure?',\n text: 'Do you want to discard changes?',\n type: 'warning',\n showCancelButton: true,\n showConfirmButton: true,\n confirmButtonColor: '#DD6B55',\n confirmButtonText: 'Proceed',\n cancelButtonText: 'Cancel',\n closeOnConfirm: false,\n closeOnCancel: true,\n }).then((result) => {\n if (result.isConfirmed) {\n setUpdateForm(false);\n setDivHidden('d-none');\n setProduct(productData);\n }\n });\n }\n };\n\n const handleClickTab = useCallback(\n (e) => setTab(e.target.getAttribute('data-tab_name')),\n [],\n );\n\n return (\n
\n
\n );\n};\n\nexport default ProvideEmail;\n","import React, { useState } from \"react\";\nimport axiosInstance from \"../axiosInstance\";\nimport useForm from \"../../useForm\";\nimport queryString from \"query-string\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\nimport { Fragment } from \"react\";\n\nconst ChangePassword = ({ email }) => {\n const [showPassword, setPassword] = useState(false);\n const [showConfirmPassword, setConfirmPassword] = useState(false);\n const search = useLocation().search;\n const history = useHistory();\n\n let queries = queryString.parse(search);\n\n const [values, handleChange] = useForm({\n password: \"\",\n token: queries.token,\n email: queries.email,\n });\n\n const [error, setError] = useState(\"\");\n\n const changePassword = () => {\n if (values.password === values.password2) {\n setError(\"\");\n axiosInstance\n .post(\"/forgot-password/reset\", values)\n .then((res) => {\n console.log(res);\n if (res.data[0] === \"status\") {\n Swal.fire({\n icon: \"Success\",\n title: \"Password Has been Change!\",\n text: res.data[1],\n });\n history.push(\"/\");\n } else {\n Swal.fire({\n icon: \"error\",\n title: \"Oops...\",\n text: res.data.email,\n });\n }\n })\n .catch((err) => {\n console.log(err);\n });\n } else {\n setError(\"Password doesn't match!\");\n }\n };\n\n const submitHandler = (e) => {\n e.preventDefault();\n changePassword();\n };\n return (\n \n
\n {/*\n \n
\n \n \n \n \n
\n \n
\n \n Forgot password?
\n\n Enter your email address and your password will be reset and\n emailed to you.\n
\n\n \n
\n \n \n Forget it, send me back to the sign in\n screen.\n
\n \n
*/}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Provide Your Email
\n\n
\n );\n};\n\nexport default ChangePassword;\n","import React, { useState } from 'react';\nimport { useHistory, useParams } from 'react-router';\nimport useForm from '../../useForm';\nimport Swal from 'sweetalert2';\nimport axiosInstance from '../axiosInstance';\nimport { Container, Row, Col, Button } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nimport PrimaryInputPassword from '../PrimaryInputPassword';\n\nconst UserChangePassword = () => {\n const { id } = useParams();\n const history = useHistory();\n const [error, setError] = useState('');\n\n const [values, handleChange] = useForm({\n user_id: id,\n current_password: '',\n new_password: '',\n confirm_new_password: '',\n });\n\n const changePassword = () => {\n if (values.current_password === values.new_password) {\n setError('Current Password cannot be the same as new password');\n return;\n }\n\n if (values.new_password !== values.confirm_new_password) {\n setError('');\n setError(\"Password doesn't match!\");\n return;\n }\n\n if (values.new_password === values.confirm_new_password) {\n setError('');\n\n axiosInstance\n .put('/users/change-password', values)\n .then((res) => {\n if (res.data.response.code === '00000') {\n Swal.fire({\n icon: 'Success',\n title: 'Password has been Change!',\n showConfirmButton: false,\n text: res.data.response.result,\n timer: 1000,\n });\n setTimeout(() => {\n history.push('/user-control');\n }, 2000);\n } else {\n Swal.fire({\n icon: 'error',\n title: 'Oops...',\n text: res.data.response.result,\n });\n }\n })\n .catch((err) => {\n console.log(err);\n });\n }\n };\n\n const submitHandler = (e) => {\n console.log('12312321');\n e.preventDefault();\n changePassword();\n };\n\n return (\n \n
\n {/* \n \n
\n \n \n \n \n
\n \n {/*
\n \n Change your password
*/}\n {error != \"\" ? (\n\n
\n ) : null}\n {error}
\n\n \n
\n \n {\n setPassword(!showPassword);\n }}\n >\n \n \n
\n \n \n
\n \n \n {\n setConfirmPassword(!showConfirmPassword);\n }}\n >\n \n \n
\n \n
*/}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Change your password
\n\n
\n \n \n
\n \n \n
\n Change Password
\n\n \n
*/}\n \n \n \n \n
\n \n {error != \"\" ? (\n
\n \n \n
\n ) : null}\n {error}
\n\n \n
\n \n \n
\n \n \n
\n \n \n Update Password\n \n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst InventoryReportSummary = () => {\n const [searchText, setSearchText] = useState(\"\");\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [storeData, setStoreData] = useState([]);\n const [pageSize, setPageSize] = useState(50); // for page purposes\n const history = useHistory();\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = storeData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n\n const location = useLocation();\n\n const productsData = location.state.data;\n\n const columns = [\n {\n field: \"product_code\",\n headerName: \"Product Code\",\n flex: 1,\n minWidth: 150,\n },\n {\n field: \"product_name\",\n headerName: \"Product Name\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"generic_name\",\n headerName: \"Generic Name\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"batch_no\",\n headerName: \"Batch No\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"expiry_date\",\n headerName: \"Expiry Date\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"stock_in\",\n headerName: \"Stock In\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"stock_out\",\n headerName: \"Stock Out\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"balance\",\n headerName: \"Balance\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"status\",\n headerName: \"Status\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"zone\",\n headerName: \"Zone\",\n flex: 1,\n minWidth: 200,\n },\n {\n field: \"pallet\",\n headerName: \"Pallet\",\n flex: 1,\n minWidth: 200,\n },\n ];\n\n useEffect(() => {\n if (productsData) {\n let tempstoredata = productsData.map((data) => ({\n key: data.key,\n product_code: data.product_code,\n product_name: data.product_name,\n generic_name: data.generic_name,\n batch_no: data.batch_no,\n expiry_date: data.expiry_date,\n stock_in: data.movements.movement_in,\n stock_out: data.movements.movement_out,\n balance:\n parseInt(data.movements.movement_beg_in) -\n parseInt(data.movements.movement_beg_out) +\n (parseInt(data.movements.movement_in) -\n parseInt(data.movements.movement_out)),\n status: data.shelf_life_status,\n zone: data.zone,\n pallet: data.pallet,\n }));\n\n setFilteredData(tempstoredata);\n setStoreData(tempstoredata);\n }\n }, [productsData]);\n\n const [prodNameHolder, setProdNameHolder] = useState([]);\n const [warehouseHolder, setWarehouseHolder] = useState([]);\n const [groupHolder, setGroupHolder] = useState([]);\n const [segmentHolder, setSegmentHolder] = useState([]);\n\n useEffect(() => {\n listProducts();\n listWarehouse();\n listGroup();\n listSegment();\n }, []);\n\n const listProducts = () => {\n axiosInstance.get(`/inventoryreport/dropdown/product`).then((response) => {\n setProdNameHolder(response.data.response.result);\n });\n };\n\n const listWarehouse = () => {\n axiosInstance\n .get(`/inventoryreport/dropdown/warehouse`)\n .then((response) => {\n setWarehouseHolder(response.data.response.result);\n });\n };\n\n const listGroup = () => {\n axiosInstance.get(`/products/group`).then((response) => {\n setGroupHolder(response.data.response.result);\n });\n };\n\n const listSegment = () => {\n axiosInstance.get(`/products/segment`).then((response) => {\n setSegmentHolder(response.data.response.result);\n });\n };\n\n const handlePageSizeChange = (params) => {\n setPageSize(params);\n };\n\n const wrapColumns = useRef(columns);\n\n return (\n \n \n \n
\n \n
\n \n \n \n Change Table Columns\n \n \n
\n \n
\n \n row.key}\n disableSelectionOnClick\n density=\"compact\"\n components={{ Toolbar: QuickSearchToolbar }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n />\n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\n\nconst InventoryReportWarehouse = () => {\n const [searchText, setSearchText] = useState(\"\");\n const [filteredData, setFilteredData] = useState([]); //need to set on filter and pass the data to datagrid\n const [tableColumns, setTableColumns] = useState([]);\n const [rowsData, setRowsData] = useState([]);\n const [pageSize, setPageSize] = useState(50); // for page purposes\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = rowsData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n const location = useLocation();\n\n const productsData = location.state.objoutput.data;\n const warehouseFilter = location.state.warehouses;\n const warehouses = [];\n\n useEffect(() => {\n listWarehouse();\n }, []);\n\n const listWarehouse = () => {\n let columns = [\n {\n field: \"product_code\",\n headerName: \"Product Code\",\n width: 200,\n },\n {\n field: \"product_name\",\n headerName: \"Product Name\",\n width: 200,\n },\n {\n field: \"generic_name\",\n headerName: \"Generic Name\",\n width: 200,\n },\n ];\n\n axiosInstance\n .get(`/inventoryreport/dropdown/warehouse`)\n .then((response) => {\n var warehouselist = response.data.response.result;\n warehouselist.map((warehouse) => {\n if (warehouseFilter.length > 0) {\n if (warehouseFilter.includes(warehouse.warehouse_code)) {\n warehouses.push({\n warehouse_code: warehouse.warehouse_code,\n warehouse_name: warehouse.warehouse_name,\n });\n }\n } else {\n warehouses.push({\n warehouse_code: warehouse.warehouse_code,\n warehouse_name: warehouse.warehouse_name,\n });\n }\n });\n\n warehouses.map((warehouse) => {\n columns = [\n ...columns,\n {\n field: warehouse.warehouse_code,\n headerName: warehouse.warehouse_name,\n type: \"number\",\n width: 200,\n },\n ];\n });\n\n columns = [\n ...columns,\n {\n field: \"totalprod\",\n headerName: \"Total Inventory\",\n type: \"number\",\n width: 200,\n },\n ];\n\n setTableColumns(columns);\n });\n };\n\n useEffect(() => {\n const storeData = [];\n var res = productsData.map((data) => {\n var totalinventoryvalue = 0;\n\n let rowContent = {\n product_id: data.product_id,\n product_code: data.product_code,\n product_name: data.product_name,\n generic_name: data.brand_name,\n };\n\n data.movement_begin_warehouse_in.map((warehousein) => {\n rowContent = {\n ...rowContent,\n [warehousein.warehouse]: warehousein.TOTAL_IN,\n };\n totalinventoryvalue =\n parseInt(totalinventoryvalue) + parseInt(warehousein.TOTAL_IN);\n });\n\n var invvalue_in = 0;\n var invvalue_out = 0;\n var warehouse_val = 0;\n\n if (data.movement_warehouse_in.length > 0) {\n data.movement_warehouse_in.map((w_in) => {\n invvalue_in = w_in.TOTAL_IN;\n var warehouse_code = w_in.warehouse;\n if (data.movement_warehouse_out.length > 0) {\n //get if warehouse code in warehouse out\n let obj = data.movement_warehouse_out.find(\n (o) => o.warehouse === warehouse_code\n );\n\n if (obj) {\n invvalue_out = obj.TOTAL_OUT;\n warehouse_val = parseInt(invvalue_in) - parseInt(invvalue_out);\n totalinventoryvalue =\n parseInt(totalinventoryvalue) + parseInt(warehouse_val);\n\n rowContent = { ...rowContent, [warehouse_code]: warehouse_val };\n } else {\n warehouse_val = parseInt(invvalue_in);\n totalinventoryvalue =\n parseInt(totalinventoryvalue) + parseInt(warehouse_val);\n\n rowContent = { ...rowContent, [warehouse_code]: warehouse_val };\n }\n } else {\n warehouse_val = parseInt(invvalue_in);\n totalinventoryvalue =\n parseInt(totalinventoryvalue) + parseInt(warehouse_val);\n\n rowContent = { ...rowContent, [warehouse_code]: warehouse_val };\n }\n });\n }\n rowContent = { ...rowContent, totalprod: totalinventoryvalue };\n storeData.push(rowContent);\n });\n\n setRowsData(storeData);\n setFilteredData(storeData);\n }, []);\n\n const handlePageSizeChange = (params) => {\n setPageSize(params);\n };\n\n return (\n \n \n \n
\n \n
\n \n \n \n Change Table Columns\n \n \n
\n \n
\n \n row.product_id}\n disableSelectionOnClick\n density=\"compact\"\n components={{ Toolbar: QuickSearchToolbar }}\n componentsProps={{\n toolbar: {\n value: searchText,\n onChange: (event) => requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n />\n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst InventoryReportMovementResult = () => {\n\n const [searchText, setSearchText] = useState(\"\");\n\n const [storeData, setStoreData] = useState([]);\n const [filteredData, setFilteredData] = useState([]);\n\n /* Search */\n const requestSearch = (searchValue) => {\n setSearchText(searchValue);\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = storeData.filter((row) => {\n return Object.keys(row).some((field) => {\n if (row[field]) {\n return searchRegex.test(row[field].toString());\n }\n });\n });\n setFilteredData(filteredRows);\n };\n\n const location = useLocation();\n\n const productsData = location.state;\n\n useEffect(() => {\n if (productsData) {\n let count = 0;\n setStoreData(\n productsData.map(e => ({...e,id: count++}))\n );\n }\n }, [productsData]);\n\n useEffect(() => {\n setFilteredData(storeData);\n }, [storeData])\n\n // const [prodNameHolder, setProdNameHolder] = useState([]);\n // const [warehouseHolder, setWarehouseHolder] = useState([]);\n // const [groupHolder, setGroupHolder] = useState([]);\n // const [segmentHolder, setSegmentHolder] = useState([]);\n\n // useEffect(() => {\n // listProducts();\n // listWarehouse();\n // listGroup();\n // listSegment();\n // }, []);\n\n // const listProducts = () => {\n // axiosInstance.get(`/inventoryreport/dropdown/product`).then((response) => {\n // setProdNameHolder(response.data.response.result);\n // });\n // };\n\n // const listWarehouse = () => {\n // axiosInstance\n // .get(`/inventoryreport/dropdown/warehouse`)\n // .then((response) => {\n // setWarehouseHolder(response.data.response.result);\n // });\n // };\n\n // const listGroup = () => {\n // axiosInstance.get(`/products/group`).then((response) => {\n // setGroupHolder(response.data.response.result);\n // });\n // };\n\n // const listSegment = () => {\n // axiosInstance.get(`/products/segment`).then((response) => {\n // setSegmentHolder(response.data.response.result);\n // });\n // };\n\n const columns = [\n {\n field: \"product_name\",\n headerName: \"Product Name\",\n flex: 1,\n minWidth: 150,\n },\n {\n field: \"batch_no\",\n headerName: \"Batch No.\",\n flex: 1,\n minWidth: 150,\n },\n {\n field: \"central_balance\",\n headerName: \"Main/Central\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"picking_balance\",\n headerName: \"Picking Area\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"total_inventory\",\n headerName: \"Total Inventory\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n className: \"font-weight-bold\"\n },\n {\n field: \"_blank\",\n headerName: \" \",\n width: 30,\n },\n {\n field: \"ar_stage\",\n headerName: \"AR Assessment Stage\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"picking_stage\",\n headerName: \"Picking Area Stage\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"marking_stage\",\n headerName: \"Marking Stage\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"dr_confirmed\",\n headerName: \"DR Confirmed\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"cancelled\",\n headerName: \"Cancelled\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"_blank_\",\n headerName: \" \",\n width: 30,\n },\n {\n field: \"available_for_booking\",\n headerName: \"Booking (SO PORTAL)\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"ending_inventory_ledger\",\n headerName: \"Ending Inventory (LEDGER)\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"_blank_1\",\n headerName: \" \",\n width: 30,\n },\n {\n field: \"ending_inventory_ledger_2\",\n headerName: \"Ending Inventory (LEDGER)\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n {\n field: \"actual_inventory\",\n headerName: \"Actual Inventory\",\n flex: 1,\n type: \"number\",\n minWidth: 200,\n },\n ];\n\n return (\n \n \n \n
\n \n
\n \n \n \n Change Table Columns\n \n \n
\n \n
\n \n requestSearch(event.target.value),\n clearSearch: () => requestSearch(\"\"),\n },\n }}\n />\n
\n \n \n Add Another Shipping Address\n \n
\n \n \n \n
\n
\n | \n Day of Delivery\n | \n\n From\n | \n\n To\n | \n
|---|---|---|
| Monday | \n\n | \n \n | \n
| Tuesday | \n\n | \n \n | \n
| Wednesday | \n\n | \n \n | \n
| Thursday | \n\n | \n \n | \n
| Friday | \n\n | \n \n | \n
| Saturday | \n\n | \n \n | \n
| Sunday | \n\n | \n \n | \n
')\n : res.data.response.result,\n }),\n );\n };\n\n const [showTab, setTab] = useState('tab1');\n\n const [customerTypeHolder, setCustomerTypeHolder] = useState([]);\n const [customerChannelListHolder, setCustomerChannelListHolder] = useState(\n [],\n );\n const [\n customerChannelIdentificationHolder,\n setCustomerChannelIdentificationHolder,\n ] = useState([]);\n const [regularNonRegularListHolder, setRegularNonRegularListHolder] =\n useState([]);\n const [vatTypeHolder, setVatTypeHolder] = useState([]);\n const [returnPolicyHolder, setReturnPolicyHolder] = useState([]);\n const [businessTypeHolder, setBusinessTypeHolder] = useState([]);\n\n const [mopHolder, setMopHolder] = useState([]);\n const [paymentHolder, setPaymentHolder] = useState([]);\n const [stockingHolder, setStockingHolder] = useState([]);\n const [courierHolder, setCourierHolder] = useState([]);\n const [mdListHolder, setMdListHolder] = useState([]);\n const [aoDataHolder, setAODataHolder] = useState([]);\n\n useEffect(() => {\n let componentMounted = true;\n\n const loadCustomerType = async () => {\n const res = await axiosInstance.get(`/list/customer-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setCustomerTypeHolder(res.data.response.result);\n }\n };\n\n const loadCustomerChannelList = async () => {\n const res = await axiosInstance.get(`/list/customer-channel`, {\n method: 'GET',\n });\n if (componentMounted) {\n setCustomerChannelListHolder(res.data.response.result);\n }\n };\n\n const loadCustomerIdentification = async () => {\n const res = await axiosInstance.get(`/customers/tagging`, {\n method: 'GET',\n });\n\n if (componentMounted) {\n setCustomerChannelIdentificationHolder(res.data.result);\n }\n };\n\n const loadRegularNonRegularList = async () => {\n const res = await axiosInstance.get(\n `/list/customer-regular-non-regular`,\n {\n method: 'GET',\n },\n );\n if (componentMounted) {\n setRegularNonRegularListHolder(res.data.response.result);\n }\n };\n\n const loadVatType = async () => {\n const res = await axiosInstance.get(`/list/vat-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setVatTypeHolder(res.data.response.result);\n }\n };\n\n const loadReturnPolicy = async () => {\n const res = await axiosInstance.get(`/list/customer-return-policy`, {\n method: 'GET',\n });\n if (componentMounted) {\n setReturnPolicyHolder(res.data.response.result);\n }\n };\n\n const loadBusinessType = async () => {\n const res = await axiosInstance.get(`/list/customer-business-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setBusinessTypeHolder(res.data.response.result);\n }\n };\n\n const loadMop = async () => {\n const res = await axiosInstance.get(`/payments/mode`, {\n method: 'GET',\n });\n if (componentMounted) {\n setMopHolder(res.data.response.result);\n }\n };\n\n const loadPayment = async () => {\n const res = await axiosInstance.get(`/payments/term`, {\n method: 'GET',\n });\n if (componentMounted) {\n const { result } = res.data.response;\n setPaymentHolder(result);\n }\n };\n\n const loadInitialStocking = async () => {\n const res = await axiosInstance.get(`/initial_stocking/term`, {\n method: 'GET',\n });\n if (componentMounted) {\n const { result } = res.data.response;\n setStockingHolder(result);\n }\n };\n\n const loadCourier = async () => {\n const res = await axiosInstance.get(`/couriers`, {\n method: 'GET',\n });\n if (componentMounted) {\n setCourierHolder(res.data.response.result);\n }\n };\n\n const loadMds = async () => {\n const res = await axiosInstance.get(`/search/customer/mds`, {\n method: 'GET',\n });\n if (componentMounted) {\n setMdListHolder(res.data.response.result);\n }\n };\n\n const loadAOData = async () => {\n let tmp = [];\n\n const res = await axiosInstance.get(`/customer/ao/all`, {\n method: 'GET',\n });\n if (componentMounted) {\n const { result, code } = res.data.response;\n\n if (code === '00000') {\n result.map((row) => {\n tmp.push({\n value: row.ao_id,\n label: row.ao_name,\n });\n console.log({ tmp: tmp });\n });\n setAODataHolder(tmp);\n }\n }\n };\n\n loadCustomerType();\n loadCustomerChannelList();\n loadRegularNonRegularList();\n loadVatType();\n loadReturnPolicy();\n loadBusinessType();\n loadMop();\n loadPayment();\n loadInitialStocking();\n loadCourier();\n loadMds();\n loadAOData();\n loadCustomerIdentification();\n\n //loadDays();\n\n return () => {\n componentMounted = false;\n };\n }, []);\n\n /* Associate MDS */\n const [mdValue, handleMdValue] = useFormSelect2({\n search: '',\n });\n\n const searchOptionHolder = [];\n\n const [searchHolder, setSearchHolder] = useState([]);\n\n const searchMD = (e) => {\n e.preventDefault();\n const keyword = mdValue.search.value;\n if (!keyword) {\n alert('Select cannot be empty');\n return;\n }\n axiosInstance\n .post('/search/customer/md', {\n keyword: keyword,\n })\n .then((res) => {\n //console.log(res);\n setSearchHolder(res.data.response.result);\n });\n };\n\n // eslint-disable-next-line no-lone-blocks\n {\n mdListHolder.map((md) => {\n searchOptionHolder.push({\n value: md.md_code,\n label: md.md_code + ' - ' + md.md_profile.first_name,\n });\n });\n }\n\n // const onTest = () => {\n // let mon_start_time = values.shipping_mon_start;\n // let mon_end_time = values.shipping_mon_end;\n\n // let tue_start_time = values.shipping_tue_start;\n // let tue_end_time = values.shipping_tue_end;\n\n // let wed_start_time = values.shipping_wed_start;\n // let wed_end_time = values.shipping_wed_end;\n\n // let thu_start_time = values.shipping_thu_start;\n // let thu_end_time = values.shipping_thu_end;\n\n // let fri_start_time = values.shipping_fri_start;\n // let fri_end_time = values.shipping_fri_end;\n\n // let sat_start_time = values.shipping_sat_start;\n // let sat_end_time = values.shipping_sat_end;\n\n // let sun_start_time = values.shipping_sun_start;\n // let sun_end_time = values.shipping_sun_end;\n\n // if (\n // mon_start_time > mon_end_time ||\n // tue_start_time > tue_end_time ||\n // wed_start_time > wed_end_time ||\n // thu_start_time > thu_end_time ||\n // fri_start_time > fri_end_time ||\n // sat_start_time > sat_end_time ||\n // sun_start_time > sun_end_time\n // ) {\n // console.log(\"Start time must be greater than end time\");\n // return;\n // }\n // console.log({ values });\n // };\n\n return (\n
\n
\n {/* Billing and Shipping */}\n \n \n {/* \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst ToolBar = () => {\n return (\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n \n
\n \n
\n \n
\n Customers Center
\n\n \n \n \n \n Export\n \n \n \n Download as XLSX\n \n \n \n \n setShowModal(true)}\n className=\"btn btn-success btn-pill bg-header ml-2\"\n >\n \n \n
\n \n \n Column Header\n \n \n handleColumnChange({\n target: { name: 'column', value: e.value },\n })\n }\n />\n
\n \n \n Search Fields\n \n \n handleColumnChange({\n target: {\n name: 'search',\n value: e.target.value,\n },\n })\n }\n />\n
\n\n \n \n
\n\n \n \n Search\n \n
\n \n
\n \n
\n \n \n row.customer_id}\n density=\"compact\"\n onChange={handleOnDataTableChange}\n disableColumnFilter\n rowCount={total.rows}\n loading={loading}\n mode=\"server\"\n reload={reloadTable}\n components={{\n Toolbar: ToolBar,\n }}\n columnVisibilityModel={columnVisibilityModel}\n onColumnVisibilityModelChange={(newModel) =>\n setColumnVisibilityModel(newModel)\n }\n // components={{ Toolbar: QuickSearchToolbar }}\n // componentsProps={{\n // toolbar: {\n // value: form.search,\n // onChange: handleSearch,\n // clearSearch: handleClearSearch,\n // },\n // }}\n />\n \n
\n ') : result,\n icon: 'error',\n });\n return;\n }\n\n await Swal.fire({\n title: 'Account Officer',\n text: 'Account officer has been saved.',\n icon: 'success',\n });\n\n onSubmitted({ success: 1, result });\n }\n } catch (error) {\n onSubmitted({ success: 0 });\n setLoading(false);\n toast.error(error.message);\n }\n };\n\n const handleChange = (e) =>\n setForm({ ...form, [e.target.name]: e.target.value });\n\n return (\n
\") : result);\n return;\n }\n\n setData(\n result.map((row) => ({\n value: row.ao_id,\n label: row.ao_name,\n }))\n );\n } catch (error) {\n toast.error(error.message);\n }\n };\n\n const handleChange = (e) => {\n setSelectedId(e.value);\n onChange({\n target: { name: \"AO\", value: e.value },\n });\n };\n\n const handleAccountOfficerFormToggle = () =>\n setToggleAccountOfficerModal(!toggleAccountOfficerModal);\n\n const handleAccountOfficerFormSubmitted = async (data) => {\n if (data.success) {\n loadData();\n handleAccountOfficerFormToggle();\n\n setSelectedId(data.result?.ao_id);\n onChange({\n target: { name: \"AO\", value: data.result?.ao_id },\n });\n }\n };\n\n return (\n
\n
\n );\n};\n\nexport default AccountOfficerDropdown;\n","import React, { useState, useEffect, Fragment } from 'react';\nimport axiosInstance from '../../../../axiosInstance';\nimport {\n AlertDefaultError,\n PermissionsGate,\n} from '../../../../PermissionsGate';\nimport PrimaryInputCurrency from '../../../../PrimaryInputCurrency';\nimport DropdownCustom from '../billing-shipping/DropdownCustom';\nimport PrimaryToolTip from '../PrimaryToolTip';\nimport Select from 'react-select';\nimport AccountOfficerDropdown from '../../../components/AccountOfficerDropdown';\nimport { frequencyCWTList } from '../../const';\n\nconst agreedChargesCheckBoxes = [\n 'Senior Citizen Discount',\n 'Distribution Allowance',\n 'Store Opening Support',\n 'Scanned Data Fee',\n];\n\nconst taggedOwnedCheckBoxes = [\n 'Collection c/o Account',\n 'Collection c/o Associate MD',\n];\n\nfunction CustomerInfo({\n customer,\n form,\n handleChange,\n handleChecked,\n handleCheckboxCollections,\n handleFileUpload,\n}) {\n let chargesSeniorCitizenDisc = false;\n let chargesDistributionAllowance = false;\n let chargesStoreOpeningSupport = false;\n let chargesScannedDataFee = false;\n\n let taggedOwnedAccount = false;\n let taggedOwnedAccountMD = false;\n\n if (Array.isArray(customer.charges_collections)) {\n if (customer.charges_collections.length > 0) {\n for (let charges of customer.charges_collections) {\n if (charges.description.toLowerCase() == 'senior citizen discount')\n // eslint-disable-next-line no-unused-vars\n chargesSeniorCitizenDisc = true;\n if (charges.description.toLowerCase() == 'distribution allowance')\n // eslint-disable-next-line no-unused-vars\n chargesDistributionAllowance = true;\n if (charges.description.toLowerCase() == 'store opening support')\n // eslint-disable-next-line no-unused-vars\n chargesStoreOpeningSupport = true;\n if (charges.description.toLowerCase() == 'scanned data fee')\n // eslint-disable-next-line no-unused-vars\n chargesScannedDataFee = true;\n }\n }\n\n if (customer.tagged_or_owned_collections.length > 0) {\n for (let taggedOwned of customer.tagged_or_owned_collections) {\n if (taggedOwned.description.toLowerCase() == 'collection c/o account')\n // eslint-disable-next-line no-unused-vars\n taggedOwnedAccount = true;\n if (\n taggedOwned.description.toLowerCase() == 'collection c/o associate md'\n )\n // eslint-disable-next-line no-unused-vars\n taggedOwnedAccountMD = true;\n }\n }\n }\n const [customerTypeHolder, setCustomerTypeHolder] = useState([]);\n const [customerChannelListHolder, setCustomerChannelListHolder] = useState(\n [],\n );\n const [\n customerChannelIdentificationHolder,\n setCustomerChannelIdentificationHolder,\n ] = useState([]);\n const [regularNonRegularListHolder, setRegularNonRegularListHolder] =\n useState([]);\n const [vatTypeHolder, setVatTypeHolder] = useState([]);\n const [returnPolicyHolder, setReturnPolicyHolder] = useState([]);\n const [businessTypeHolder, setBusinessTypeHolder] = useState([]);\n const [aoDataHolder, setAODataHolder] = useState([]);\n\n useEffect(() => {\n let componentMounted = true;\n\n const loadCustomerType = async () => {\n const res = await axiosInstance.get(`/list/customer-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setCustomerTypeHolder(res.data.response.result);\n }\n };\n\n const loadCustomerChannelList = async () => {\n const res = await axiosInstance.get(`/list/customer-channel`, {\n method: 'GET',\n });\n if (componentMounted) {\n setCustomerChannelListHolder(res.data.response.result);\n }\n };\n\n const loadCustomerIdentification = async () => {\n const res = await axiosInstance.get(`/customers/tagging`, {\n method: 'GET',\n });\n\n if (componentMounted) {\n setCustomerChannelIdentificationHolder(res.data.result);\n }\n };\n\n const loadRegularNonRegularList = async () => {\n const res = await axiosInstance.get(\n `/list/customer-regular-non-regular`,\n {\n method: 'GET',\n },\n );\n if (componentMounted) {\n setRegularNonRegularListHolder(res.data.response.result);\n }\n };\n\n const loadVatType = async () => {\n const res = await axiosInstance.get(`/list/vat-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setVatTypeHolder(res.data.response.result);\n }\n };\n\n const loadReturnPolicy = async () => {\n const res = await axiosInstance.get(`/list/customer-return-policy`, {\n method: 'GET',\n });\n if (componentMounted) {\n setReturnPolicyHolder(res.data.response.result);\n }\n };\n\n const loadBusinessType = async () => {\n const res = await axiosInstance.get(`/list/customer-business-type`, {\n method: 'GET',\n });\n if (componentMounted) {\n setBusinessTypeHolder(res.data.response.result);\n }\n };\n\n const loadAOData = async () => {\n let tmp = [];\n\n const res = await axiosInstance.get(`/customer/ao/all`, {\n method: 'GET',\n });\n if (componentMounted) {\n const { result, code } = res.data.response;\n\n if (code === '00000') {\n result.map((row) => {\n tmp.push({\n value: row.ao_id,\n label: row.ao_name,\n });\n });\n setAODataHolder(tmp);\n }\n }\n };\n\n loadCustomerType();\n loadCustomerChannelList();\n loadRegularNonRegularList();\n loadVatType();\n loadReturnPolicy();\n loadBusinessType();\n loadCustomerIdentification();\n loadAOData();\n return () => {\n componentMounted = false;\n };\n }, []);\n\n const checkCollection = (value, field) => {\n const data = form[field].find(\n (row) => row.description.toLowerCase() === value.toLowerCase(),\n );\n return data ? true : false;\n };\n\n return (\n \n \n \n row.value === selectedId) : \"\"\n }\n className=\"form-control padding-0 dropdown-account-officer-select\"\n classNamePrefix=\"dropdown-account-officer-select_\"\n onChange={handleChange}\n />\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n {/* */}\n \n {/* bottom col 6 */}\n \n \n {Array.isArray(md) && md[0].md_profile.last_name}\n {Array.isArray(md) && md[0].md_profile.first_name}\n \n
\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n \n \n MD Firstname\n *\n \n
\n \n
\n \n \n MD Lastname\n *\n \n
\n \n
\n \n \n Contact Number\n *\n \n
\n \n
\n \n \n Email\n *\n \n
\n \n
\n \n
\n {/* */}\n\n \n \n Contact Person\n *\n \n
\n \n
\n \n \n Contact Number\n *\n \n
\n \n {/* */}\n\n \n
\n \n \n Email\n *\n \n
\n \n {/* */}\n \n {/* */}\n\n {/* Address Section */}\n \n
\n \n \n \n Address\n \n
\n {/* */}\n {/* */}\n \n
\n {/* SM-12 */}\n \n \n Bldg & Street Address\n *\n
\n \n
\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n \n \n Barangay\n *\n \n
\n \n
\n \n \n City\n *\n \n
\n \n
\n \n \n Province\n *\n \n
\n \n
\n \n \n Zip Code\n *\n \n
\n \n {/* */}\n \n {/* bottom col 6 */}\n \n
\n \n
\n {/* */}\n\n \n \n LBA Code\n *\n \n
\n \n
\n \n \n LBA Name\n *\n \n
\n \n {/* */}\n\n \n
\n \n \n District\n *\n \n
\n \n {/* */}\n \n {/* */}\n\n {/* End of Address Section */}\n \n {/* END SM-12 */}\n \n \n {/* End of Address Section */}\n\n \n
\n \n \n
\n \n \n \n \n );\n}\n\nexport default NewMD;\n","import React, { Fragment } from \"react\";\nimport { Tooltip } from \"@material-ui/core\";\n\nconst CustomToolTip = () => {\n return (\n \n \n Indicated in 2303 BIR Certificate of Registration\n \n }\n >\n \n help_outline\n \n \n
\n \n \n
\n \n
\n {/* */}\n \n {/* bottom col 6 */}\n \n \n {md.last_name}, {md.first_name}\n \n
\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n \n \n MD Firstname\n \n \n
\n \n
\n \n \n MD Lastname\n \n \n
\n \n
\n \n \n Contact Number\n \n \n
\n \n
\n \n \n Email\n \n \n
\n \n
\n \n
\n {/* */}\n\n \n \n Contact Person\n \n \n
\n \n
\n \n \n Contact Number\n \n \n
\n \n {/* */}\n\n \n
\n \n \n Email\n \n \n
\n \n {/* */}\n \n {/* */}\n\n {/* Address Section */}\n \n
\n \n \n \n Address\n \n
\n {/* */}\n {/* */}\n \n
\n {/* SM-12 */}\n \n \n Bldg & Street Address\n \n
\n \n
\n \n
\n {/* */}\n {/* */}\n \n
\n {/* */}\n \n \n Barangay\n \n \n
\n \n
\n \n \n City\n \n \n
\n \n
\n \n \n Province\n \n \n
\n \n
\n \n \n Zip Code\n \n \n
\n \n {/* */}\n \n {/* bottom col 6 */}\n \n
\n \n
\n {/* */}\n\n \n \n LBA Code\n \n \n
\n \n
\n \n \n LBA Name\n \n \n
\n \n {/* */}\n\n \n
\n \n \n District\n \n \n
\n \n {/* */}\n \n {/* */}\n\n {/* End of Address Section */}\n \n {/* END SM-12 */}\n \n \n {/* End of Address Section */}\n\n \n
\n \n onDelete(customerCode, md.customer_md_id)}\n >\n Remove MD\n \n
\n \n \n \n \n );\n}\n\nexport default MD;\n","import axios from \"axios\";\nconst token = JSON.parse(localStorage.getItem(\"token\"));\n\nexport const axiosDelete = (route, objPayload) => {\n\n let config = \n {\n data: objPayload,\n baseURL: process.env.REACT_APP_BASE_URL + process.env.REACT_APP_END_POINT,\n headers: { Authorization: \"Bearer \" + JSON.parse(localStorage.getItem(\"token\")), accept: \"application/json\" },\n } \n\n return axios.delete(route, config)\n\n}\n\nexport default axiosDelete;","import React, { useState, useEffect, Fragment } from 'react';\nimport NewMD from './NewMD';\nimport MD from './MD';\nimport Select from 'react-select';\nimport axiosInstance from '../../../../axiosInstance';\nimport useFormSelect2 from '../../../../../useFormSelect2';\nimport axiosDelete from '../../../../axiosDelete';\nimport PrimaryLoader from '../../../../PrimaryLoader';\nimport PrimaryToolTip from '../PrimaryToolTip';\nimport { getHospitalUsers } from '../../../../../api/customer';\nimport _ from 'lodash';\n\nfunction CustomerMD({ styles, form, handleChange }) {\n const [mdValue, handleMdValue] = useFormSelect2({\n search: '',\n });\n\n const searchOptionHolder = [];\n const [mdListHolder, setMdListHolder] = useState([]);\n const [md, setMD] = useState({});\n const [customerMD, setCustomerMD] = useState([]);\n const [loading, setLoading] = useState(false);\n const [selectedMdCode, setSelectedMdCode] = useState();\n\n const hospitalSearchHolder = [];\n const [hospitalSearchValue, setHospitalSearchValue] = useState([]);\n\n useEffect(() => {\n let componentMounted = true;\n\n const loadMds = async () => {\n const res = await axiosInstance.get(`/search/customer/mds`, {\n method: 'GET',\n });\n if (componentMounted) {\n setMdListHolder(res.data.response.result);\n }\n };\n\n loadMds();\n setCustomerMD(form.customer_mds);\n loadHospitalSearch();\n\n return () => {\n componentMounted = false;\n };\n }, []);\n\n const loadHospitalSearch = async () => {\n setHospitalSearchValue([]);\n setLoading(true);\n\n try {\n let res = await getHospitalUsers();\n const { code, result } = res.data;\n if (code === '00000') {\n setHospitalSearchValue(result);\n }\n } catch (error) {\n console.log('Error Loading Customer Search');\n } finally {\n setLoading(false);\n }\n };\n\n const getMdByMdCode = (e) => {\n setLoading(true);\n setSelectedMdCode(e.value);\n\n let data = {\n md_code: e.value,\n };\n\n axiosInstance.post('/customer/associate/md/get', data).then((md) => {\n let responseMD = md.data.response.result;\n\n if (Array.isArray(responseMD)) {\n setMD(responseMD);\n //console.log(`MD ${responseMD[0].md_profile.first_name}`);\n }\n\n setLoading(false);\n });\n };\n\n const associateMD = () => {\n setLoading(true);\n\n let data = {\n customer_code: form.customer_code,\n approval_code: form.approval_code,\n md_code: selectedMdCode,\n };\n\n axiosInstance.post('/customer/mds/store', data).then((res) => {\n getCustomerMD(form.customer_code);\n });\n };\n\n const deleteCustomerMD = (customerCode, customerMdId) => {\n setLoading(true);\n\n axiosDelete(`/customer/mds/soft-delete`, {\n customer_md_id: customerMdId,\n }).then(() => {\n getCustomerMD(customerCode);\n });\n };\n\n const deleteSelectedMD = () => {\n setMD({ ...md });\n };\n\n const getCustomerMD = (customerCode) => {\n axiosInstance.get(`/customer/${customerCode}`).then((res) => {\n let md = res.data.response.result;\n\n setCustomerMD(md.customer_mds);\n setLoading(false);\n });\n };\n\n {\n mdListHolder.map((md) => {\n searchOptionHolder.push({\n value: md.md_code,\n label: md.md_code + ' - ' + md.md_profile.first_name,\n });\n });\n\n hospitalSearchValue.map((value) => {\n hospitalSearchHolder.push({\n value: value.unique_id,\n label: value.hosp_user,\n });\n });\n }\n\n return (\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n row.product_id}\n disableColumnSelector\n checkboxSelection={true}\n loading={loading}\n onSelectionModelChange={(params) => {\n let filteredData = getData.filter( (value) => {\n return params.includes(value.product_id);\n })\n handleRowDoubleClick(filteredData)\n if(params.length > searchSelectionModal.length) {\n setSearchSelectionModal(params);\n }\n }}\n selectionModel={searchSelectionModal}\n />\n
\n \n
\n \n \n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n ')\n : res.data.response.result,\n });\n });\n }\n });\n };\n\n const history = useHistory();\n const checkStatus = ({ value }) => {\n const status = value; //e.target.checked;\n\n if (!status) {\n Swal.fire({\n title: 'Do you want to deactivate this customer?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n }).then((result) => {\n if (result.isConfirmed) {\n setIsChecked(false);\n let data = {\n customer_code: form.customer_code,\n };\n\n axiosInstance\n .put(`/customer/deactivate`, data, {})\n .then((response) => {\n Swal.fire({\n icon: 'success',\n title: 'Success',\n text: response.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/view/customer/${form.customer_code}`);\n }\n });\n });\n } else {\n setIsChecked(true);\n }\n });\n } else {\n Swal.fire({\n title: 'Do you want to activate this customer?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n }).then((result) => {\n if (result.isConfirmed) {\n setIsChecked(true);\n let data = {\n customer_code: form.customer_code,\n };\n\n axiosInstance.put(`/customer/activate`, data, {}).then((response) => {\n Swal.fire({\n icon: 'success',\n title: 'Success',\n text: response.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(`/view/customer/${form.customer_code}`);\n }\n });\n });\n } else {\n setIsChecked(false);\n }\n });\n }\n };\n\n const onChangeAddress = (newShippingAddress) => {\n setForm({\n ...form,\n shipping_addresses: newShippingAddress,\n });\n };\n\n const handleChecked = (e) => {\n setForm({\n ...form,\n [e.target.name]: e.target.checked ? 1 : 0,\n });\n };\n\n const handleCheckboxCollections = ({ e, fieldId }) => {\n let { name, value, checked } = e.target;\n let collections = form[name];\n\n if (checked) {\n let tmpValues = form[name].map((row) => row.description.toLowerCase());\n\n // check if not already on the list\n if (tmpValues.indexOf(value.toLowerCase()) === -1) {\n // check if there is same value from the api\n let row = customerDetails[name].find(\n (row) => row.description.toLowerCase() === value.toLowerCase(),\n );\n\n if (!row) {\n row = { [fieldId]: '', description: value };\n }\n\n collections.push(row);\n }\n } else {\n // remove from the collections\n collections = collections.filter(\n (row) => row.description.toLowerCase() !== value.toLowerCase(),\n );\n }\n\n setForm({ ...form, [name]: collections });\n };\n\n const handleShippingScheduleDay = ({ target }) => {\n let { name, value, checked } = target;\n let tmpData = form.shipping_delivery_schedule_day;\n\n if (checked) {\n // check if already on the tmpData\n const exist = tmpData.find((row) => row === value);\n if (!exist) {\n tmpData.push(value);\n }\n } else {\n //remove sa field\n tmpData = tmpData.filter((row) => row !== value);\n }\n\n setForm({ ...form, shipping_delivery_schedule_day: tmpData });\n };\n\n const handleFileUpload = (e) => {\n setForm({ ...form, [e.target.name]: e.target.files });\n };\n\n // Addess by charles\n const handleProductDiscount = (products) => {\n setProductsDiscounts(products);\n setForm({ ...form, products_discounts: productsDiscounts });\n };\n\n const populateCustomer = (data) => {\n setSideBarLoader(true);\n getCustomersList(data)\n .then((res) => {\n const { code, result } = res.data.response;\n if (code === '00000') {\n setSearchCustomer(result);\n setSideBarLoader(false);\n }\n })\n .catch((err) => {});\n };\n\n const handlePopulateSearchCustomer = useCallback(\n debounce((data) => populateCustomer(data), 1000),\n [],\n );\n\n const populateSearchCustomerDetails = (e) => {\n let data = {\n page: 0,\n page_size: defaultOptions.pageSize,\n order_by: 'customer_code',\n direction: 'asc',\n search: e.target.value,\n column: 'customer_name',\n };\n handlePopulateSearchCustomer(data);\n };\n\n const labelField = {\n code: 'customer_code',\n name: 'customer_name',\n link: '/view/customer/',\n };\n\n const handleScheduleDay = (event) => {\n const isChecked = event.target.checked;\n\n if (isChecked) {\n setForm({\n ...form,\n shipping_delivery_schedule_day: [\n ...form.shipping_delivery_schedule_day,\n Number(event.target.value),\n ],\n });\n } else {\n setForm({\n ...form,\n shipping_delivery_schedule_day: [\n ...form.shipping_delivery_schedule_day.filter((value) => {\n return value !== event.target.value;\n }),\n ],\n });\n }\n };\n\n return (\n
\n \n
\n\n \n \n
\n\n \n \n \n \n \n \n
\n\n \n setShowCustomerModal(true)}\n >\n Add Customer\n \n
\n \n \n
\n\n \n {/* Switch */}\n \n
\n \n
\n\n \n {!customersListData ? null : (\n \n
\n \n {customerDetails.customer_code} -{' '}\n {customerDetails.customer_name}\n
\n )}\n\n\n
\n \n \n \n {!updateForm ? (\n \n \n \n
\n \n {!updateForm && showTab !== 'tab6' && showTab !== 'tab10' && (\n
\n )}\n\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n
\n \n \n
\n \n \n {!_.has(form) ? (\n
\n \n \n
\n \n \n
\n
\n \n
\n {!_.isEmpty(creditAssessment) ? (\n \n
\n \n \n
\n \n\n \n \n
\n \n\n \n \n
\n \n\n \n \n
\n \n\n \n
\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default LoginScreen;\n","import { useState, Fragment } from 'react';\nimport LoginScreen from './Screens/LoginScreen';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Swal from 'sweetalert2';\n\n// reducer\nimport { authUser } from '../../redux/modules/auth';\n\n// api\nimport { requestLogin } from '../../api/login';\n\nconst Login = () => {\n const dispatch = useDispatch();\n const { isAuthed } = useSelector(({ auth }) => auth);\n const [form, setForm] = useState({ username: '', password: '' });\n const [showPassword, setShowPassword] = useState(false);\n\n const onHandleChange = (e) => {\n setForm({ ...form, [e.target.name]: e.target.value });\n };\n\n const onSubmitHandler = (e) => {\n e.preventDefault();\n\n requestLogin(form)\n .then((res) => {\n const { code, result } = res.data.response;\n\n if (code === '00000') {\n let tmpUser = result.user;\n let roles = result.user.roles.map(({ role }) => role);\n\n const isAdmin = result.user.roles.find(\n ({ slug }) => slug === 'admin',\n );\n\n if (isAdmin) roles.push('aaf1');\n //if (!result.permissions.length) roles.push(\"aaf1\");\n\n dispatch(\n authUser({\n accessToken: result.access_token,\n user: { ...tmpUser, roles },\n permissions: [...result.permissions],\n }),\n );\n } else {\n Swal.fire({\n icon: 'error',\n title: 'Oops...',\n text: 'Invalid Credentials',\n });\n }\n })\n .catch((err) => {});\n };\n\n const redirectDashboard = () => {\n if (isAuthed) {\n window.location.href = '/dashboard';\n }\n };\n\n return (\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n
\n \n \n
\n \n \n Sign in\n \n
\n \n
\n );\n };\n\n const _renderMessage = () => {\n if (!isAuthenticated) {\n return (\n Please wait verifying user.
\n \n \n Authentication Failed.\n
You'll be redirect to Login Page in while.\n \n
\n );\n }\n\n return (\n You'll be redirect to Login Page in while.\n
\n \n Authentication Success.\n
You'll be redirect to Dashboard Page in while.\n \n
\n );\n };\n\n return (\n You'll be redirect to Dashboard Page in while.\n
\n \n \n \n Details\n \n \n \n {data !== null ? (\n \n \n \n \n \n \n
\n );\n};\n\nexport default DetailsModal;\n","import { Fragment, React, useEffect, useState } from \"react\";\nimport { GridToolbar } from \"@mui/x-data-grid-pro\";\n\nimport PrimaryDataTable from \"../../../../components/PrimaryDataTable\";\nimport { listOfApprovedColumns } from \"../../Approver/const\";\nimport defaultOptions from \"../../../../utils/defaultOptions\";\n\nconst Approved = ({ data, loading }) => {\n const [pageSize, setPageSize] = useState(defaultOptions.pageSize);\n const columns = listOfApprovedColumns();\n\n return (\n \n
\n ) : null}\n \n
\n \n
\n \n
\n Requestor : {data.requestor_name}
\nDate Requested : {data.date_requested}
\n {/*Detailed ID : {data.detail_id}
*/}\nReason : {data.reason}
\n'),\n allowOutsideClick: false,\n });\n\n return false;\n }\n\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to submit PR?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n denyButtonText: `No`,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n toast.loading('Please wait saving form ...');\n\n const detailsParse = data.details.map((row) => {\n let term_arr = [\n `${parseFloat(row.percent_down_payment) || 0}% Upon PO`,\n `${parseFloat(row.percent_upon_delivery) || 0}% Upon Delivery`,\n `${parseFloat(row.percent_intransit) || 0}% In Transit`,\n ];\n\n if (row?.product_pdc_payment_term.length) {\n _.each(row?.product_pdc_payment_term, (pt) => {\n term_arr.push(\n `${parseFloat(pt.percent_amount) || 0}% ${\n pt.days_remaining\n } days PDC`,\n );\n });\n }\n\n return {\n product_id: row.product_id,\n requested_qty: row.requested_qty,\n unit_price: row.cost,\n total_amount: parseFloat(\n parseFloat(row.requested_qty) * parseFloat(row.cost),\n ).toFixed(2),\n lead_time: row.supplier_lead_time,\n payment_term: term_arr.join(' '),\n };\n });\n\n let reduceData = {\n ...data,\n status: 0,\n term_po: data.percent_down_payment,\n term_dr: data.percent_intransit,\n term_transit: data.percent_upon_delivery,\n grand_total: data.details.reduce((total, row) => {\n return total + parseFloat(row.requested_qty) * parseFloat(row.cost);\n }, 0),\n details: detailsParse,\n payment_term:\n (data.term_po || 0) +\n '% Upon PO ' +\n (data.term_dr || 0) +\n '% upon Delivery ' +\n (data.term_transit || 0) +\n '% Intransit',\n };\n\n createPurchaseRequest(reduceData).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n Swal.fire({\n icon: 'success',\n title: result,\n allowOutsideClick: false,\n }).then((result) => {\n history.push('/purchasing/purchaseRequest/approval');\n });\n } else {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n });\n }\n });\n };\n\n const handleUpdate = () => {\n // Validate Inoutted Requested Quantity\n let error = [];\n\n if (data.estimated_delivery_date === '') {\n error.push('Requested Delivery Date field is required.');\n }\n\n if (data.details.length === 0) {\n error.push('Details is required.');\n }\n\n let line = 1;\n\n data.details.forEach((row) => {\n if (parseInt(row.requested_qty) < parseInt(row.quantity)) {\n error.push(\n 'Requested quantity should NOT be less than MOQ. Line: ' +\n line++,\n );\n }\n });\n\n if (error.length > 0) {\n Swal.fire({\n icon: 'error',\n html: error.join('
'),\n allowOutsideClick: false,\n });\n\n return false;\n }\n\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to update PR?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n denyButtonText: `No`,\n }).then((result) => {\n if (result.isConfirmed) {\n toast.loading('Please wait saving form ...');\n\n updatePurchaseRequest({\n ...data,\n grand_total: data.details.reduce((total, row) => {\n return total + parseFloat(row.requested_qty) * parseFloat(row.cost);\n }, 0),\n }).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n Swal.fire({\n icon: 'success',\n title: result,\n allowOutsideClick: false,\n }).then(() => {\n if (parseInt(data.status) === 2) {\n history.push('/purchasing/purchaseRequest/edit');\n } else {\n history.push('/purchasing/purchaseRequest/approval');\n }\n });\n } else {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n });\n }\n });\n };\n\n const handleApprove = () => {\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to approve PR?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n denyButtonText: `No`,\n }).then((result) => {\n if (result.isConfirmed) {\n toast.loading('Please wait saving form ...');\n\n approvePurchaseRequest({\n pr_hdr_id: id,\n }).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n Swal.fire({\n icon: 'success',\n title: result,\n allowOutsideClick: false,\n }).then(() => {\n history.push('/purchasing/purchaseRequest/approved');\n });\n } else {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n });\n }\n });\n };\n\n const handleDecline = () => {\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to decline PR?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n denyButtonText: `No`,\n }).then((result) => {\n if (result.isConfirmed) {\n toast.loading('Please wait saving form ...');\n\n declinePurchaseRequest({\n pr_hdr_id: id,\n }).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n Swal.fire({\n icon: 'success',\n title: result,\n allowOutsideClick: false,\n }).then(() => {\n history.push('/purchasing/purchaseRequest/edit');\n });\n } else {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n });\n }\n });\n };\n\n const handleCancel = () => {\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to cancel PR?',\n showDenyButton: true,\n confirmButtonText: 'Yes',\n denyButtonText: `No`,\n }).then((result) => {\n if (result.isConfirmed) {\n toast.loading('Please wait saving form ...');\n\n cancelPurchaseRequest({\n pr_hdr_id: id,\n }).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n Swal.fire({\n icon: 'success',\n title: result,\n allowOutsideClick: false,\n }).then(() => {\n history.push('/purchasing/purchaseRequest/cancelled');\n });\n } else {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n });\n }\n });\n };\n\n const handleFetchProductList = (products) => {\n // if (products.length > 0) {\n let productData = products[0];\n\n setData({\n ...data,\n details: products,\n percent_down_payment:\n productData?.percent_down_payment || data.percent_down_payment,\n percent_intransit:\n productData?.percent_upon_delivery || data.percent_upon_delivery,\n percent_upon_delivery:\n productData?.percent_intransit || data.percent_intransit,\n pdc_days_remaining:\n productData?.product_pdc_payment_term || data.product_pdc_payment_term,\n });\n // };\n\n console.log('fetchProduct', products);\n };\n\n return {\n data,\n handleChange,\n handleSubmit,\n handleProductDropdownDoubleClick,\n handleFileChange,\n handleUpdate,\n handleApprove,\n handleDecline,\n handleCancel,\n handleChangeDetails,\n handleShowRequestDetails,\n handleFetchProductList,\n };\n};\n\nexport default PurchaseRequestCreate;\n","import { useEffect, useState, useMemo, useCallback } from \"react\";\nimport { DataGrid } from \"@material-ui/data-grid\";\nimport { Col, Form, Modal, Row } from \"react-bootstrap\";\nimport { toast } from \"react-toastify\";\nimport _ from \"lodash\";\nimport { productDataColumn } from \"../components/productDataColumn\";\nimport PrimaryLoader from \"../../../components/PrimaryLoader\";\n\nconst ProductSelectionModal = ({\n data,\n toggle,\n supplierID,\n handleCloseModal,\n handleRowDoubleClick,\n getData,\n rowKey,\n handleProductList,\n}) => {\n const [result, setResult] = useState([]);\n const [rows, setRows] = useState([]);\n const [loading, setLoading] = useState(false);\n const [selectionModel, setSelectionModel] = useState([]);\n const [pageLoader, setPageLoader] = useState(false);\n const [showSelected, setShowSelected] = useState(0);\n\n useEffect(() => {\n setSelectionModel([]);\n }, [supplierID]);\n\n useEffect(() => {\n // IF status is not new\n if (data.status !== \"\") {\n setSelectionModel(data.details.map((e) => parseInt(e.id)));\n\n loadData({\n supplier: data.supplier,\n vat_type: data.vat_exemption,\n percent_down_payment: data.percent_down_payment,\n percent_intransit: data.percent_intransit,\n percent_upon_delivery: data.percent_upon_delivery,\n });\n } else {\n loadData({\n supplier: data.supplier,\n });\n }\n }, [toggle]);\n\n // useEffect(() => {}, [selectionModel]);\n\n const loadData = useCallback((search = null) => {\n setPageLoader(true);\n\n toast.loading(\"Loading data...\");\n\n getData(search).then((res) => {\n let { code, result } = res.data.response;\n\n if (code === \"00000\") {\n const newRows = parseData(result);\n\n setRows(newRows);\n setResult(newRows);\n\n setLoading(false);\n setPageLoader(false);\n\n toast.dismiss();\n }\n });\n }, []);\n\n const handleOnSelectProduct = useCallback(\n (e, row) => {\n // Check if not Exist\n if (!selectionModel.includes(row.id)) {\n let collectData = [...selectionModel, ...[row.id]];\n\n setSelectionModel(collectData);\n\n handleProductList(\n result\n .filter((row) => collectData.includes(parseInt(row.id)))\n .map((row) => ({\n ...row,\n requested_qty: row.quantity,\n }))\n );\n\n if (collectData.length === 1) {\n let toFilterData = {\n supplier: row.supplier_id,\n // vat_type: row.vat_exemption,\n // percent_down_payment: row.percent_down_payment,\n // percent_intransit: row.percent_intransit,\n // percent_upon_delivery: row.percent_upon_delivery,\n // pdc_days_remaining: row.product_pdc_payment_term.map(\n // (e) => e.days_remaining\n // ),\n // pdc_percent_amount: row.product_pdc_payment_term.map(\n // (e) => e.percent_amount\n // ),\n };\n\n loadData(toFilterData);\n }\n } else if (selectionModel.includes(row.id)) {\n let filteredData = selectionModel.filter((e) => e !== parseInt(row.id));\n\n setSelectionModel(filteredData);\n\n handleProductList(\n result\n .filter((row) => filteredData.includes(parseInt(row.id)))\n .map((row) => ({\n ...row,\n requested_qty: row.quantity,\n }))\n );\n\n if (filteredData.length === 0) {\n loadData({\n supplier: row.supplier_id,\n vat_type: \"\",\n percent_down_payment: \"\",\n percent_intransit: \"\",\n percent_upon_delivery: \"\",\n pdc_days_remaining: [],\n pdc_percent_amount: [],\n });\n }\n }\n },\n [result, selectionModel, loadData, handleProductList]\n );\n\n const parseProductDataColumn = useMemo(\n () =>\n productDataColumn({\n selectionModel,\n handleOnSelectProduct,\n }),\n [selectionModel, handleOnSelectProduct]\n );\n\n const parseData = (data) => {\n let columnName = parseProductDataColumn.map((col) => col[\"field\"]);\n\n columnName.push(rowKey);\n\n // set dropdown data\n let newRows = data.map((row) => {\n return {\n ...row,\n id: row.product_id,\n unit_price: row.cost,\n total_amount: parseFloat(row.cost) * parseFloat(row.quantity),\n lead_time: row.supplier_lead_time,\n status: \"\",\n };\n });\n\n return newRows;\n\n // console.log(\"newRows\", newRows);\n\n // setRows(newRows);\n // setLoading(false);\n };\n\n const escapeRegExp = (value) => {\n return value.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, \"\\\\$&\");\n };\n\n const handleSearch = (e) => {\n let tmpRows = rows;\n let searchValue = e.target.value;\n\n setRows([]);\n // setLoading(true);\n\n if (searchValue === \"\") {\n setRows(parseData(result));\n\n return;\n }\n\n // @TODO must from the server not from just array\n\n // @TODO change search\n const searchRegex = new RegExp(escapeRegExp(searchValue), \"i\");\n const filteredRows = tmpRows.filter((row) => {\n return Object.keys(row).some((field) => {\n return searchRegex.test((row[field] || \"\").toString());\n });\n });\n\n setRows(filteredRows);\n setLoading(false);\n };\n\n const handleShowSelected = (e) => {\n setShowSelected(e.target.value);\n\n if (e.target.value === 1) {\n setRows(\n result\n .filter((row) => selectionModel.includes(parseInt(row.id)))\n .map((row) => ({\n ...row,\n requested_qty: row.quantity,\n }))\n );\n } else {\n setRows(result);\n }\n };\n\n return (\n
\n handleRowDoubleClick(e.row)}\n // checkboxSelection\n // selectionModel={selectionModel}\n // onSelectionModelChange={(event) => handleSelectionModel(event)}\n />\n
\n \n \n
\n \n \n handleChange({\n target: { name: \"products\", value: e },\n })}\n customFunction={getProducts}\n isClearable={true}\n isMulti={true}\n name=\"products\"\n value={data.products}\n config={{\n searchField: \"search\",\n valueField: \"object\",\n labelField: \"product_name\",\n }}\n />\n
\n \n \n \n \n
\n \n \n Additional Attachments \n \n
\n \n Particulars/Special instructions \n
\n \n {data.status === \"\" &&\n hasPermission([\"can_create_purchase_request\"]) && (\n \n Save\n \n )}\n\n {[0, 2].includes(parseInt(data.status)) &&\n hasPermission([\"can_approve_purchase_request\"]) && (\n \n Approve\n \n )}\n\n {[0, 2].includes(parseInt(data.status)) &&\n hasPermission([\"can_update_purchase_request\"]) && (\n \n Update\n \n )}\n\n {/* Decline is for editing */}\n\n {[0, 3].includes(parseInt(data.status)) &&\n hasPermission([\"can_decline_purchase_request\"]) && (\n \n Decline\n \n )}\n\n {/* Cancel is for cancellation and cannot be return for edit */}\n\n {[0].includes(parseInt(data.status)) &&\n hasPermission([\"can_cancel_purchase_request\"]) && (\n \n Cancel\n \n )}\n\n \n history.goBack()}\n className=\"ml-2 border\"\n >\n Back to List\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n handleSearchClear(true)}\n >\n \n
\n \n \n Search\n \n
\n \n \n
\n );\n}\n\nQuickSearchToolbar.propTypes = {\n clearSearch: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\n/* END SEARCH */\nconst ExportFormModal = ({ toggle, closeModal }) => {\n const [reloadTable, setReloadTable] = useState(0);\n const [exportData, setExportData] = useState([]);\n const [totalRows, setTotalRows] = useState(0);\n const [form, setForm] = useState({\n page_size: defaultOptions.pageSize,\n offset: 0,\n search: \"\",\n });\n const [loading, setLoading] = useState(false);\n const columns = exportColumnModal();\n\n useEffect(() => {\n loadCustomers(form);\n }, []);\n\n const [selectionModel, setSelectionModel] = useState([]);\n\n const loadCustomers = async (formData) => {\n setExportData([]);\n setLoading(true);\n try {\n let res = await getCustomersInfoAndOutstandingBalance(formData);\n const { code, result, total_rows } = res.data.response;\n\n if (code !== \"00000\") {\n toast.error(\"Error Processing Request, Please try again later.\");\n setTotalRows(0);\n return;\n }\n\n setExportData(result.data);\n setTotalRows(total_rows);\n } catch (error) {\n toast.error(\"Error Processing Request, Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleDataTableChange = (data) => {\n setForm({ ...form, ...data });\n loadCustomers({ ...form, ...data });\n };\n\n const handleSearchExporthData = useCallback(\n debounce((newFormData) => loadCustomers(newFormData), 1000),\n []\n );\n\n const handleSearch = (e) => {\n let newFormData = {\n ...form,\n search: e.target.value,\n };\n\n setReloadTable(Math.floor(Math.random() * 101));\n handleSearchExporthData(newFormData);\n\n setForm(newFormData);\n };\n\n const handleClearSearch = () => {\n let newFormData = { ...form, search: \"\" };\n setReloadTable(Math.floor(Math.random() * 101));\n loadCustomers(newFormData);\n setForm(newFormData);\n };\n\n const handleExportData = async () => {\n if (!selectionModel.length) return;\n\n const id = selectionModel[0];\n const customer = exportData.find((row) => row.customer_id === id);\n\n let tload = toast.loading(\"Please wait...\");\n\n try {\n let res = await getExportData(selectionModel);\n\n const { code, result } = res.data.response;\n\n if (code !== \"00000\") {\n toast.error(Array.isArray(result) ? result.join(\"\") : result);\n return;\n }\n\n window.location.href = result;\n\n //fileDownload(res.data, customer.customer_name + \".xlsx\");\n } catch (error) {\n console.log({ error });\n toast.error(\"Error Processing Request, Please try again later.\");\n } finally {\n toast.dismiss(tload);\n }\n };\n\n return (\n
\n
\n // handleUpdateModal(row)}\n // >\n //
\n // );\n // },\n // },\n];\n","import { GridToolbar } from '@mui/x-data-grid-pro';\nimport { Fragment, useState } from 'react';\nimport { Col, Dropdown, Form, Row, Tab, Tabs } from 'react-bootstrap';\n\nimport DefaultLayout from '../../../components/Layouts/DefaultLayout';\nimport PrimaryDataTable from '../../../components/PrimaryDataTable';\n\nimport { getCustomers } from '../../../api/smppProductMaintenance';\nimport PrimaryAsyncSelect from '../../../components/PrimaryAsyncSelect';\nimport ExportFormModal from '../components/ExportFormModal';\nimport ImportFormModal from '../components/ImportFormModal';\nimport UpdateFormModal from '../components/UpdateFormModal';\nimport { productMaintenanceColumns } from '../const';\n\nconst ProductMaintenanceScreen = ({\n data,\n total,\n formData,\n reloadTable,\n handleFilterChange,\n handleClearFilterSearch,\n handleEditCell,\n onChange,\n loading,\n handleUpdateModal,\n updateModal,\n handleCloseUpdateModal,\n handleSubmitUpdateModal,\n modalLoading,\n // Export\n exportModal,\n handleExportModal,\n handleCloseExportModal,\n // Import\n //reloadData,\n importModal,\n handleImportModal,\n handleCloseImportModal,\n}) => {\n const [key, setKey] = useState('general');\n\n const columns = productMaintenanceColumns;\n\n return (\n ') : result);\n return;\n }\n\n setData(result);\n setTotal({ rows: total_rows });\n } catch (error) {\n toast.error('Please try again later.');\n } finally {\n setLoading(false);\n }\n };\n\n const handleUpdateModal = (row) => {\n setUpdateModal({\n toggle: true,\n data: row,\n });\n };\n\n const handleCloseUpdateModal = () =>\n setUpdateModal({ toggle: false, data: null });\n\n const handleSubmitUpdateModal = async (form) => {\n let { isConfirmed } = await Swal.fire({\n title: 'Product Maintenance',\n text: 'Are you sure you want to save this form?',\n icon: 'warning',\n showCancelButton: true,\n });\n\n if (!isConfirmed) return;\n\n setModalLoading(true);\n\n try {\n let res = await saveSMPPProduct(form);\n\n const { code, result } = res.data.response;\n\n await Swal.fire({\n title: 'Product Maintenance',\n text: Array.isArray(result) ? result.join('
') : result,\n icon: code !== '00000' ? 'error' : 'success',\n });\n\n if (code === '00000') {\n setUpdateModal({ toggle: false, data: null });\n }\n } catch (error) {\n } finally {\n setModalLoading(false);\n }\n };\n\n const handleEditCell = async ({ field, id, value }) => {\n // let internal_product_code = row.product_code;\n // // let customer_product_code = row.smpp_product_code;\n // let customer_code = row.customer_code;\n\n try {\n const selectedRow = data.find((row) => row.id === id);\n\n if (!selectedRow) {\n toast.error('Record not found.');\n return;\n }\n\n let internal_code = {\n internal_product_code: selectedRow.product_code,\n customer_code: selectedRow.customer_code,\n field,\n value,\n };\n\n let res = await saveSMPPProductInline(internal_code);\n\n const { code, result } = res.data.response;\n\n if (code === '00000') {\n toast.loading('Please wait saving form ...');\n // Swal.fire({\n // title: \"Save\",\n // html: result,\n // icon: \"success\",\n // });\n\n //loadData(form); --remove reloading of table\n setTimeout(() => toast.dismiss(), 1000);\n } else {\n Swal.fire({\n title: 'Error',\n html: result,\n icon: 'warning',\n });\n }\n } catch (error) {\n toast.error('Please try again later.');\n } finally {\n setLoading(false);\n }\n };\n // Export Modal\n\n const handleExportModal = (row) => {\n setExportModal({\n toggle: true,\n data: row,\n });\n };\n\n const handleCloseExportModal = () =>\n setExportModal({ toggle: false, data: null });\n\n // Import Modal\n const handleImportModal = (row) => {\n setImportModal({\n toggle: true,\n data: row,\n });\n };\n\n const handleCloseImportModal = () =>\n setImportModal({ toggle: false, data: null });\n\n const handleOnDataTableChange = (data) => {\n setTableForm(data);\n loadData({ ...form, ...data });\n };\n\n const handleFilterChange = (e) => {\n let tmpObj = {\n ...form,\n customer_id: e.target.value,\n };\n setReloadTable(Math.floor(Math.random() * 101));\n\n setForm(tmpObj);\n loadData(tmpObj);\n };\n\n const handleClearFilterSearch = () => {\n let newFormData = { ...form, customer_id: '' };\n setReloadTable(Math.floor(Math.random() * 101));\n loadData(newFormData);\n setForm(newFormData);\n };\n\n return (\n
\n
\n );\n};\n\nconst tokenRoute = {\n public: [],\n auth: [{ name: \"get_token\", path: \"/access_token\", component: AppToken }],\n};\n\nexport default tokenRoute;\n","import { lazy } from \"react\";\n\nconst TreasuryTrade = lazy(() => import(\"../pages/TreasuryTrade/List\"));\n\nconst treasuryRoute = {\n public: [],\n auth: [\n {\n name: \"treasury\",\n path: \"/treasury/trade/:status?\",\n component: TreasuryTrade,\n },\n ],\n};\n\nexport default treasuryRoute;\n","import { Tabs, Tab } from 'react-bootstrap';\nimport '../../../globalStyles/css/bootstrap/bootstrap.min.css';\nimport PrimaryDatePicker from '../../../components/PrimaryDatePicker';\n\nimport PrimaryDataTable from '../../../components/PrimaryDataTable';\n\nimport {\n AlertDefaultError,\n PermissionsGate,\n} from '../../../components/PermissionsGate';\nimport { trialBalanceDataCol } from '../const';\nimport {\n GridToolbarColumnsButton,\n GridToolbarContainer,\n} from '@mui/x-data-grid-pro';\n\nfunction TrialBalanceCustomGridToolbar() {\n return (\n \n
\n {accessToken}
\n \n
\n\n \n
\n\n row.id}\n loading={loading}\n mode=\"server\"\n filterMode=\"server\"\n onFilterModelChange={handleTableFilter}\n components={{\n Toolbar: TrialBalanceCustomGridToolbar,\n }}\n />\n \n \n \n
\n );\n};\n\nexport default TrialBalanceReportScreen;\n","import { Tooltip } from '@material-ui/core';\nimport { Tags, TagsFill } from 'react-bootstrap-icons';\nimport { numberFormatCurrency } from '../../utils/helper';\nimport { Button } from 'react-bootstrap';\n\nexport const trialBalanceDataCol = ({ onClickAccountCode }) => [\n {\n field: 'account_code',\n headerName: 'Account Code',\n width: 150,\n sortable: true,\n renderCell: ({ row }) => {\n return (\n Trial Balance
\n\n
\n \n \n
\n\n \n \n \n {/* \n */}\n\n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n \n {/* */}\n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n
\n row.zone_id}\n // onChange={handlePerChannelDataTableChange}\n // disableColumnFilter\n // rowCount={totalRow}\n // loading={loading}\n // mode=\"server\"\n // reload={reloadTable}\n />\n
\n );\n};\n\nexport default ZoneTypeList;\n","import { Fragment } from \"react\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport { PencilSquare } from \"react-bootstrap-icons\";\nimport { Link } from \"react-router-dom\";\n\nexport const zoneCol = ({ handleEdit }) => [\n {\n field: \"zone_name\",\n headerName: \"Zone\",\n minWidth: 500,\n renderCell: (data) => {\n return (\n {data.row.zone_name}
\n \n handleEdit(data.row)}\n >\n \n \n \n
\n );\n },\n },\n];\n","import React from 'react';\nimport { Button, Tab, Tabs } from 'react-bootstrap';\nimport { PlusCircleFill } from 'react-bootstrap-icons';\nimport DefaultLayout from '../../../../components/Layouts/DefaultLayout';\nimport useNavActive from '../../../../components/Navbar/useNavActive';\nimport WarehouseZoneFormModal from '../WarehouseZoneFormModal';\nimport ZoneTypeList from '../ZoneTypeList';\n\nconst ZoneTypeScreen = ({\n zoneType,\n zoneFormModalData,\n toggle,\n handleCloseFormModal,\n handleEditZone,\n onCallBack,\n setZoneFormModal,\n}) => {\n useNavActive(['master_databases', 'warehouse_database', 'zone_type']);\n\n return (\n \n setZoneFormModal({ data: null, toggle: true })}\n >\n
\n \n
\n );\n};\n\nexport default IncomeStatementSheetReportScreen;\n","import makeApiRequest from \"./makeApiCall\";\n\nexport const getAllIncomeStatement = async (data) => {\n return await makeApiRequest(\n `/ledger/other-reports/income-statement`,\n \"POST\",\n null,\n data,\n false\n );\n};\n\n//accounts dropdown\nexport const getAccountList = async (data) => {\n //endpoint => declaration of api\n return await makeApiRequest(`/ledger/accountcode-list`, \"GET\", null, data);\n};\n","import { useState, useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport moment from 'moment';\nimport Swal from 'sweetalert2';\n//screen\nimport IncomeStatementSheetReportScreen from '../Screens/IncomeStatementSheetReportScreen';\nimport { GridToolbarContainer, GridToolbarExport } from '@mui/x-data-grid-pro';\n\n//api\nimport {\n getAllIncomeStatement,\n getAccountList,\n} from '../../../api/incomeStatement';\nimport {\n incomeStatementDataCol_month,\n incomeStatementDataCol_quarter,\n} from '../const';\nimport useNavActive from '../../../components/Navbar/useNavActive';\nimport { numberFormatCurrency } from '../../../utils/helper';\n\nconst today = new Date();\nconst prior = new Date().setDate(today.getDate() - 20);\n\nconst currentDate = moment().format('YYYY-MM-DD');\n\nconst formDefault = {\n date_from: currentDate,\n date_to: currentDate,\n year: today.getFullYear(),\n period_breakdown: '',\n breakdown: '',\n accounts_from: '0',\n accounts_to: '0',\n};\n\nconst colsDefault = {\n jan: false,\n feb: false,\n mar: false,\n apr: false,\n may: false,\n jun: false,\n jul: false,\n aug: false,\n sep: false,\n oct: false,\n nov: false,\n dec: false,\n q1: false,\n q2: false,\n q3: false,\n q4: false,\n};\n\nconst BalanceSheet = () => {\n useNavActive([\n 'finance_and_accounting',\n 'fna_financial_reports',\n 'income_statement',\n ]);\n //declaration\n const [formData, setFormData] = useState(formDefault);\n const [incomeStatementData, setIncomeStatementData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [totalRow, setTotalRow] = useState(0);\n const [reloadTable, setReloadTable] = useState(1);\n const [periodBreakdown, setPeriodBreakdown] = useState(\n incomeStatementDataCol_month,\n );\n const [storePeriodType, setStorePeriodType] = useState(\n incomeStatementDataCol_month,\n );\n const [columnVisibilityModel, setColumnVisibilityModel] =\n useState(colsDefault);\n\n //functions\n useEffect(() => loadIncomeStatementData(formData), []);\n\n const loadIncomeStatementData = async (form) => {\n setReloadTable(Math.floor(Math.random() * 101));\n setLoading(true);\n setIncomeStatementData([]);\n try {\n let res = await getAllIncomeStatement(form);\n const { code, result } = res.data;\n\n if (code !== '00000') {\n toast.error(result);\n return;\n }\n let tmp = [];\n let accounts_counter = 1;\n let lineitem_counter = 1;\n let group_counter = 1;\n let subgroup_counter = 1;\n let type_counter = 1;\n\n setColumnVisibilityModel(colsDefault);\n\n result.map((res) => {\n res.cols_ret.map((cols) => {\n setColumnVisibilityModel((prevState) => ({\n ...prevState,\n [cols]: true,\n }));\n });\n\n res.type.map((type) => {\n type.group.map((group) => {\n group.subgroup.map((subgroup) => {\n subgroup.line_item.map((line_item) => {\n line_item.accounts.map((accounts) => {\n if (formData.breakdown.indexOf('accounts') > -1) {\n let tmpval = [];\n // let tmpvalstore = [];\n accounts.date.map((date) => {\n tmpval = {\n ...tmpval,\n [date.words]: numberFormatCurrency(date.total),\n };\n });\n\n tmpval = {\n ...tmpval,\n id: accounts_counter + '_accounts',\n breakdown_type: 'ACCOUNTS',\n account_code: accounts.account_code,\n account_name: accounts.account_name,\n };\n tmp.push(tmpval);\n accounts_counter++;\n }\n });\n if (formData.breakdown.indexOf('line_item') > -1) {\n let tmpval = [];\n line_item.date.map((date) => {\n tmpval = {\n ...tmpval,\n [date.words]: numberFormatCurrency(date.total),\n };\n });\n\n tmpval = {\n ...tmpval,\n id: lineitem_counter + '_line_item',\n breakdown_type: 'LINE ITEM',\n account_code: '-',\n account_name: line_item.line_item,\n };\n tmp.push(tmpval);\n lineitem_counter++;\n }\n });\n if (formData.breakdown.indexOf('subgroup') > -1) {\n let tmpval = [];\n subgroup.date.map((date) => {\n tmpval = {\n ...tmpval,\n [date.words]: numberFormatCurrency(date.total),\n };\n });\n\n tmpval = {\n ...tmpval,\n id: subgroup_counter + '_subgroup',\n breakdown_type: 'SUB-GROUP',\n account_code: '-',\n account_name: subgroup.subgroup,\n };\n tmp.push(tmpval);\n subgroup_counter++;\n }\n });\n if (formData.breakdown.indexOf('group') > -1) {\n let tmpval = [];\n group.date.map((date) => {\n tmpval = {\n ...tmpval,\n [date.words]: numberFormatCurrency(date.total),\n };\n });\n\n tmpval = {\n ...tmpval,\n id: group_counter + '_group',\n breakdown_type: 'GROUP',\n account_code: '-',\n account_name: group.group,\n };\n tmp.push(tmpval);\n group_counter++;\n }\n });\n if (formData.breakdown.indexOf('type') > -1) {\n let tmpval = [];\n type.date.map((date) => {\n tmpval = {\n ...tmpval,\n [date.words]: numberFormatCurrency(date.total),\n };\n });\n\n tmpval = {\n ...tmpval,\n id: type_counter + '_type',\n breakdown_type: 'TYPE',\n account_code: '-',\n account_name: type.type,\n };\n tmp.push(tmpval);\n type_counter++;\n }\n });\n });\n setIncomeStatementData(tmp);\n\n setLoading(false);\n } catch (error) {\n //console.log({ error });\n setLoading(false);\n toast.error('Error occured. Please try again later');\n } finally {\n setLoading(false);\n }\n };\n\n const getDate = (e) => {\n if (formData.period_breakdown === 'year') {\n const convyear = moment(formData.date_from).format('YYYY');\n\n const yearcol = [\n {\n field: 'breakdown_type',\n headerName: 'Breakdown Type',\n width: 150,\n sortable: false,\n hideable: false,\n },\n {\n field: 'account_code',\n headerName: 'Account Code',\n width: 150,\n sortable: false,\n hideable: false,\n },\n {\n field: 'account_name',\n headerName: 'Account Description',\n width: 200,\n sortable: false,\n hideable: false,\n },\n {\n field: convyear,\n headerName: convyear,\n width: 150,\n sortable: false,\n hideable: false,\n },\n ];\n setStorePeriodType(yearcol);\n }\n\n setFormData({\n ...formData,\n [e.target.name]: e.target.value,\n });\n };\n\n const handleChange = (e) => {\n if (e.target.name === 'period_breakdown') {\n if (e.target.value === 'quarter') {\n setStorePeriodType(incomeStatementDataCol_quarter);\n } else if (e.target.value === 'month') {\n setStorePeriodType(incomeStatementDataCol_month);\n } else {\n const convyear = moment(formData.date_from).format('YYYY');\n\n const yearcol = [\n {\n field: 'breakdown_type',\n headerName: 'Breakdown Type',\n width: 150,\n sortable: false,\n hideable: false,\n },\n {\n field: 'account_code',\n headerName: 'Account Code',\n width: 150,\n sortable: false,\n hideable: false,\n },\n {\n field: 'account_name',\n headerName: 'Account Description',\n width: 200,\n sortable: false,\n hideable: false,\n },\n {\n field: convyear,\n headerName: convyear,\n width: 150,\n sortable: false,\n hideable: false,\n },\n ];\n\n setStorePeriodType(yearcol);\n }\n }\n\n let newFormData = {\n ...formData,\n [e.target.name]: e.target.value,\n };\n setFormData(newFormData);\n };\n\n const handleChangeBreakdown = (e) => {\n let array = e.target.value.map((e) => e.value);\n\n setFormData({\n ...formData,\n [e.target.name]: array,\n });\n };\n\n const handleSearch = () => {\n loadIncomeStatementData(formData);\n setPeriodBreakdown(storePeriodType);\n };\n\n const handleDataTableChange = (params) => {\n let temp = {\n ...formData,\n ...params,\n };\n\n loadIncomeStatementData(temp);\n };\n\n function customToolbar() {\n return (\n \n
\n\n \n
\n
\n Income Statement
\n\n
\n
\n \n
\n row.id}\n onChange={handleDataTableChange}\n disableColumnFilter\n loading={loading}\n reload={reloadTable}\n columnVisibilityModel={columnVisibilityModel}\n components={{ Toolbar: customToolbar }}\n disableSelectionOnClick\n getRowClassName={(params) => {\n if (params.row.breakdown_type === 'ACCOUNTS') {\n return 'accounts-row';\n } else if (params.row.breakdown_type === 'LINE ITEM') {\n return 'lineitem-row';\n } else if (params.row.breakdown_type === 'SUBLINE ITEM') {\n return 'sublineitem-row';\n } else if (params.row.breakdown_type === 'SUB-GROUP') {\n return 'subgroup-row';\n } else if (params.row.breakdown_type === 'GROUP') {\n return 'group-row';\n } else if (params.row.breakdown_type === 'TYPE') {\n return 'type-row';\n }\n }}\n />\n \n
\n \n \n \n
\n \n \n\n \n doc_source.value === formData.period_breakdown,\n )}\n onChange={(value, e) =>\n handleChange({\n target: { name: e.name, value: value.value },\n })\n }\n />\n
\n \n \n\n doc_source.value === formData.breakdown,\n )}\n onChange={(e) =>\n handleChangeBreakdown({\n target: { name: 'breakdown', value: e },\n })\n }\n isMulti=\"true\"\n />\n
\n \n \n
\n \n
\n \n \n handleChange({\n target: {\n name: 'accounts_from',\n value: e.value,\n },\n })\n }\n customFunction={getAccountList}\n isClearable={true}\n name={'accounts_from'}\n value={formData.accounts_from}\n placeholder=\"From\"\n config={{\n searchField: 'keyword',\n valueField: 'account_code',\n labelField: 'account_code',\n }}\n />\n
\n \n \n handleChange({\n target: {\n name: 'accounts_to',\n value: e.value,\n },\n })\n }\n customFunction={getAccountList}\n isClearable={true}\n name={'accounts_to'}\n value={formData.accounts_to}\n placeholder=\"To\"\n config={{\n searchField: 'keyword',\n valueField: 'account_code',\n labelField: 'account_code',\n }}\n />\n
\n \n
\n \n \n \n \n dateChange({\n target: { name: 'date_from', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n \n \n dateChange({\n target: { name: 'date_to', value: date },\n })\n }\n minDate={minDate}\n />\n
\n \n \n
\n \n \n Search\n \n
\n \n \n \n
\n \n
\n handleModalCustomerOrderSet(false)}\n aria-labelledby=\"example-modal-sizes-title-lg\"\n dialogClassName=\"modal-width\"\n enforceFocus={false}\n >\n \n Select Products \n \n \n \n \n handleModalCustomerOrderSet(false)}\n >\n Ok\n \n \n \n
\n );\n};\n\nexport default CustomerOrderModal;\n","import { useState } from 'react';\nimport { Modal, Button } from 'react-bootstrap';\nimport { orderColumn } from './const';\nimport PrimaryDataTable from '../PrimaryDataTable';\n// import debounce from \"lodash.debounce\";\n\nconst CustomerOrderHistoryModal = ({\n selectionModel,\n setSelectionModel,\n\n handleModalCustomerOrder,\n handleModalCustomerOrderSet,\n\n customerOrderData,\n historicalTotal,\n handleSelectedOrderProduct,\n handlePageChange,\n\n customerID,\n paginateHistory,\n setPaginateHistory,\n loadCustomerOrderHistoryData,\n}) => {\n const [searchText, setSearchText] = useState('');\n const [filterModel, setFilterModel] = useState({\n items: [],\n });\n\n const handleFilterProducts = (event) => {\n let newPaginate = {\n ...paginateHistory,\n search: event.target.value,\n };\n\n setSearchText(event.target.value);\n\n setPaginateHistory(newPaginate);\n loadCustomerOrderHistoryData(customerID, newPaginate);\n };\n\n const handleFilterModelChange = (filterModel) => {\n if (Array.isArray(filterModel.items)) {\n const searchValue = filterModel.items[0]?.value || '';\n\n handleFilterProducts({\n target: {\n value: searchValue,\n },\n });\n\n setFilterModel(filterModel);\n }\n };\n\n // const handleFilterProductsDebounce = debounce(\n // \t(event) => {\n // \t\thandleFilterProducts(event)\n // \t}\n // , 800);\n\n return (\n \n
\n \n
\n \n row.transaction_id}\n checkboxSelection={true}\n loading={loader}\n onSelectionModelChange={(param) => {\n setSelectionModel(param);\n handleSelectedOrderProduct(\n filteredData.filter((value) => {\n return param.includes(value.transaction_id);\n }),\n );\n }}\n selectionModel={selectionModel}\n filterMode=\"server\"\n filterModel={filterModel}\n onFilterModelChange={handleFilterModelChange}\n />\n
\n \n handleModalCustomerOrderSet(false)}\n aria-labelledby=\"example-modal-sizes-title-lg\"\n dialogClassName=\"modal-width\"\n enforceFocus={false}\n >\n \n \n {' '}\n Select Products (Historical){' '}\n \n \n \n \n \n handleModalCustomerOrderSet(false)}\n >\n Ok\n \n \n \n
\n );\n};\n\nexport default CustomerOrderHistoryModal;\n","import makeApiRequest from './makeApiCall';\n\nexport const getCustomerDetails = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getcustomerdeatils',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getCustomersData = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/searchcustomer',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getCustomersDataID = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getcustomer',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getCustomersOrderData = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getcustomerorders',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getCustomersOrderHistoryData = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getcustomerhistoricalorders',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getCustomersAgingData = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getcustomeraging',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const createSRPF = async (data) => {\n return await makeApiRequest(\n '/collection/salesreturn/createreturn',\n 'POST',\n null,\n data,\n true,\n );\n};\n\nexport const updateSRPF = async (data) => {\n return await makeApiRequest(\n '/collection/salesreturn/update',\n 'POST',\n null,\n data,\n true,\n );\n};\n\nexport const getSRPFOnProcess = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/onprocesslist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSRPFApproval = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/approvallist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSRPFApproved = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/approvedlist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSRPFDeclinedList = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/declinedlist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSRPFDeclinedReason = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/getrejectedreason',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSRPF = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/approval/view',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getApprovedSRPF = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/view',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getDeclinedSRPF = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/approval/view',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const exportPDF = async (data, files = true) => {\n return await makeApiRequest(\n '/collection/salesreturn/export/srpf/pdf',\n 'GET',\n null,\n data,\n );\n};\n\nexport const approvalSRPF = async (data, files = true) => {\n return await makeApiRequest(\n '/collection/salesreturn/approval',\n 'POST',\n null,\n data,\n files,\n );\n};\n\nexport const approveSRPF = async (data, files = true) => {\n return await makeApiRequest(\n '/collection/salesreturn/approve',\n 'POST',\n null,\n data,\n files,\n );\n};\n\nexport const declineSRPF = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/reject',\n 'POST',\n null,\n data,\n files,\n );\n};\n\nexport const srpfExport = async (data = {}, files = null) => {\n return await makeApiRequest(\n `/collection/salesreturn/export/srpf`,\n `GET`,\n null,\n data,\n files,\n );\n};\n\nexport const splitBatch = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/splitbatching',\n 'POST',\n null,\n data,\n files,\n );\n};\n\nexport const declined = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/declined',\n 'POST',\n null,\n data,\n files,\n );\n};\n\nexport const getSrpfReturnedList = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/returnedlist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSrpfApprovedByWarehouseList = async (data, files = null) => {\n return await makeApiRequest(\n '/collection/salesreturn/returnedlist',\n 'GET',\n null,\n data,\n files,\n );\n};\n\nexport const getSrpfNotYetReturnedLists = async (data) => {\n return await makeApiRequest(\n `/collection/salesreturn/not-yet-received`,\n 'GET',\n null,\n data,\n );\n};\n\nexport const srpfUploadAttachment = async (data, files = true) => {\n return await makeApiRequest(\n `/collection/salesreturn/additional-attachment`,\n 'POST',\n null,\n data,\n files,\n );\n};\n","import React, {\n useState,\n useEffect,\n Fragment,\n useRef,\n useMemo,\n useCallback,\n} from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Swal from 'sweetalert2';\nimport Async from 'react-select/async';\nimport Select from 'react-select';\n\nimport _ from 'lodash';\nimport dataURLtoBlob from 'blueimp-canvas-to-blob';\nimport SignaturePad from 'react-signature-pad-wrapper';\n\nimport Box from '@material-ui/core/Box';\nimport { GridPagination } from '@mui/x-data-grid-pro';\nimport { generateUUID, numberFormatCurrency } from '../../utils/helper';\n\nimport CustomerAgingModal from '../Srpf/CustomerAgingModal';\nimport CustomerOrderProductsModal from '../Srpf/CustomerOrderProductsModal';\nimport CustomerOrderHistoryModal from '../Srpf/CustomerOrderHistoryModal';\n\nimport {\n selectedOrderListColumn,\n selectedAgingListColumn,\n dispositionOptions,\n customStyles,\n transactionForm,\n srpfType,\n} from './const';\n\nimport {\n getCustomersData,\n getCustomersDataID,\n getCustomersOrderData,\n getCustomersOrderHistoryData,\n getCustomersAgingData,\n createSRPF,\n updateSRPF,\n getDeclinedSRPF,\n getCustomerDetails,\n} from '../../api/srpf';\n\nimport { getUnitofMeasure, getProductbyid } from '../../api/product';\n\nimport PrimaryDataTable from '../PrimaryDataTable';\nimport MultipleFileUploadPreview from '../MultipleFileUploadPreview';\nimport { Form } from 'react-bootstrap';\nimport PrimaryLoader from '../PrimaryLoader';\n\nconst AddSrpf = ({ editMode, customerCode, srpfNo }) => {\n const history = useHistory();\n // Show Signature Pad\n const [showPad, setShowPad] = useState(true);\n const signatureRef = useRef(null);\n // Customers List\n const [showCustomers, setShowCustomers] = useState([]);\n // OUM List\n const [showOUM, setShowOUM] = useState([]);\n const [showProductOUM, setProductShowOUM] = useState();\n // Multiple Reason\n const [showMultipleReasonRow, setShowMultipleReasonRow] = useState([]);\n // See Aging Modal\n const [showAging, setShowAging] = useState(false);\n const [agingLoader, setAgingLoader] = useState(false);\n // Customer Aging Transaction\n const [showAgingTransaction, setAgingTransaction] = useState([]);\n // disable DR/SI button\n const [dispositionButton, setDispositionButton] = useState(false);\n // Customer Order Product DR/SI\n const [customerOrderData, setCustomerOrderData] = useState([]);\n const [customerOrderLoading, setCustomerOrderLoading] = useState(false);\n const [customerOrderHistoryData, setCustomerOrderHistoryData] = useState([]);\n\n // const [orderTotal, setOrderTotal] = useState(0);\n const [historicalTotal, setHistoricalTotal] = useState(0);\n\n const [selectedDisposition, setSelectedDisposition] = useState('');\n\n const [showCustomerOrderModal, setShowCustomerOrderModal] = useState(false);\n const [showCustomerOrderHistoryModal, setShowCustomerOrderHistoryModal] =\n useState(false);\n\n // Select Selected Customer Option\n const [defaultCustomer, setDefaultCustomer] = useState('');\n const [selectedCustomerID, setSelectedCustomerID] = useState('');\n\n // Set Selected Orders ERP and HISTORICAL\n const [selectedOrder, setSelectedOrder] = useState([]);\n const [selectedOrderHistory, setSelectedOrderHistory] = useState([]);\n // Merged Selected Order from ERP and History\n const [selectedOrderList, setSelectedOrderList] = useState([]);\n const [selectedAgingList, setSelectedAgingList] = useState([]);\n\n // Show Modals\n const [selectionModel, setSelectionModel] = useState([]);\n const [selectionHistoryModel, setSelectionHistoryModel] = useState([]);\n const [selectionAgingModel, setSelectionAgingModel] = useState([]);\n\n // const [page, setPage] = useState(25);\n const [form, setForm] = useState(transactionForm);\n\n const [customerID, setCustomerID] = useState('');\n const [pageLoader, setPageLoader] = useState(false);\n\n const [paginateHistory, setPaginateHistory] = useState({\n page_size: 50,\n page: 1,\n search: '',\n });\n\n useEffect(() => {\n if (srpfNo) {\n loadSrpfData();\n }\n\n if (customerCode) {\n loadCustomerDetailsCode(customerCode);\n }\n }, [showCustomers]);\n\n useEffect(() => {\n handleMixedOrderProducts();\n loadOUM();\n }, [selectedOrder, selectedOrderHistory]);\n\n useEffect(() => {\n handleComputeTotal();\n }, [selectedOrderList]);\n\n const showSignaturePad = () => {\n setShowPad(false);\n setTimeout(() => {\n setShowPad(true);\n setForm((prevState) => ({ ...prevState, old_signature: [] }));\n }, 0);\n };\n\n const loadCustomerDetailsCode = (customerCode) => {\n getCustomerDetails({\n customer_code: customerCode,\n })\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n handleSelectCustomer({\n value: result.customer_id,\n codes: result.customer_code,\n label: result.customer_code + ' - ' + result.customer_name,\n });\n }\n })\n .catch((err) => {\n Swal.fire({\n icon: 'error',\n title: 'Oops...',\n text: 'Invalid Customer Code:' + customerCode,\n });\n });\n };\n\n // const loadCustomers = () => {\n // getCustomersData()\n // .then((res) => {\n // let { code, result } = res.data.response;\n // if (code === \"00000\") {\n // setShowCustomers(result);\n // }\n // })\n // .catch((err) => {});\n // };\n\n const loadOUM = () => {\n getUnitofMeasure()\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n let oum = result.map((row) => ({\n unit_id: row.unit_id,\n value: row.unit_name,\n label: row.unit_name,\n }));\n setShowOUM(oum);\n }\n })\n .catch((err) => {});\n };\n\n const loadCustomersPromise = (inputValue) =>\n new Promise((resolve, reject) => {\n getCustomersData({ search_param: inputValue })\n .then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n let data = result.map((row) => ({\n value: row.customer_id,\n codes: row.customer_code,\n label: row.customer_code + ' - ' + row.customer_name,\n }));\n\n data = _.uniqBy(data, (e) => e.value);\n\n resolve(data);\n } else {\n resolve([]);\n }\n })\n .catch((err) => {\n reject(err);\n });\n });\n\n const loadCustomerDetails = (customerID) => {\n getCustomersDataID({\n customer_id: customerID,\n })\n .then((res) => {\n if (res.data.response.code === '00000') {\n let customer = res.data.response.result;\n let customer_address = '';\n\n if (res.data.response.result.get_customer_billing === null) {\n Swal.fire({\n icon: 'info',\n title: 'Oops...',\n text: 'This Customer has no Billing Information.',\n });\n } else {\n customer_address =\n customer.get_customer_billing.get_address.bldg_street_address;\n }\n\n setForm({\n ...form,\n customer_id: customer.customer_id,\n account_name: customer.customer_name,\n account_type: customer.get_customer_type.channel,\n address: customer_address,\n });\n }\n })\n .catch((err) => {});\n };\n\n const loadCustomerOrderData = (customerID) => {\n setCustomerOrderLoading(true);\n getCustomersOrderData({\n customer_id: customerID,\n })\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n setCustomerOrderData(\n result.map((value) => {\n // let total_qty = (value.qty_ordered - (value.bad_order_qty + value.returned_qty));\n return {\n ...value,\n transaction_id: Math.random().toString(16).slice(2),\n transaction_type: 'ERP',\n qty_ordered: value?.remaining_qty || 0,\n // selling_price : value.srp * total_qty\n };\n }),\n );\n setCustomerOrderLoading(false);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const loadCustomerOrderHistoryData = (customerID, newPaginate = []) => {\n getCustomersOrderHistoryData({\n customer_id: customerID,\n si_number: '',\n ...paginateHistory,\n ...newPaginate,\n }).then((res) => {\n let { code, result, total_rows } = res.data.response;\n if (code === '00000') {\n setHistoricalTotal(total_rows);\n setCustomerOrderHistoryData(\n result.map((value) => {\n // const dilCost = value.product_purchase_logs?.find(\n // (item) => item.batch === value.batch_no,\n // );\n return {\n transaction_id: value.transaction_id,\n transaction_type: 'HISTORICAL',\n amount: value.gross,\n // batch_no: value.batch_no,\n // uom: value.uom,\n // discount: value.discount,\n // expiry_date: value.expiry_date,\n id_customer: value.customer_id,\n id_item: value.product_id,\n od_id: value.transaction_id,\n // product_code: value.product_code,\n // product_name: value.product_name,\n si_number: value.si_no,\n so_number: '',\n // dr_no: value.dr_no,\n qty_ordered: value.remaining_qty,\n // returned_qty: value.returned_qty,\n selling_price: value.price,\n // net: value.net,\n bad_order_qty: 0,\n fg: 0,\n srp: value.selling_price,\n vat: value.vat_exemption,\n // vat_exemption: value.vat_exemption,\n // unit_id: value.unit_id,\n // unit_vat: value.unit_vat,\n // unit_vat_exclusive: value.unit_vat_exclusive,\n // unit_vat_inclusive: value.unit_vat_inclusive,\n // diluted_cost: dilCost?.diluted_cost ?? 0, SA BACKEND NA TO MANGGAGALING\n // total_inventory_amount: value.total_inventory_amount,\n ...value,\n };\n }),\n );\n }\n });\n };\n\n const handleHistoricalPageChange = (e) => {\n let newPaginate = {\n page_size: e.page_size,\n page: e.page + 1,\n };\n\n setPaginateHistory(newPaginate);\n loadCustomerOrderHistoryData(customerID, newPaginate);\n };\n\n const loadSrpfData = () => {\n getDeclinedSRPF({\n srpf_id: srpfNo,\n })\n .then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n let signature = result.documents\n .filter((row) => row.img_type === 'SIG')\n .map((row) => ({\n path: row.document_info?.raw_path,\n name: row.document_info?.file_name,\n }));\n\n let documents = result.documents\n .filter((row) => row.img_type === 'OTH')\n .map((row) => ({\n path: row.document_info?.raw_path,\n name: row.document_info?.file_name,\n }));\n\n setForm({\n ...form,\n srpf_approval_id: result.srpf_approval_id,\n srpf_no: result.srpf_no,\n account_name: result.account_name,\n account_type: result.account_type,\n address: result.address,\n customer_id: result.get_customer_info?.customer_id,\n customer_code: result.get_customer_info?.customer_code,\n customer_name: result.get_customer_info?.customer_name,\n srpf_date: result.srpf_date,\n srpf_type: result.srpf_type,\n remarks: result.remarks,\n total_cost: result.products.reduce((total, key) => {\n return total + parseFloat(key.unit_cost);\n }, 0),\n disposition: result.disposition,\n total_amount: result.total_amount,\n old_signature: signature || [],\n old_attachments: documents || [],\n products: result.products,\n disposition_reference: result.disposition_reference.map((row) => ({\n ...row,\n disposition_amount: row.applied_amount,\n disposition_si: row.si_no,\n disposition_dr: row.dr_no,\n disposition_balance: row.current_balance,\n })),\n get_customer_info: result.get_customer_info,\n reject_reason: result.reject_reason,\n });\n\n setSelectedOrderList(\n result.products.map((row) => ({\n ...row,\n transaction_id_old: row.transaction_id,\n transaction_id: generateUUID(),\n unique_id: generateUUID(),\n item_id: row.product_info?.product_id,\n product_name: row.product_info?.product_name,\n batch_no: row.batch_no,\n expiry_date: row.expiry_date,\n si_reference: row.si_reference,\n quantity: row.quantity,\n uom: row.unit,\n unit_cost: row.unit_cost,\n total_cost: row.total_cost,\n remarks: row.reason,\n is_loose: 0,\n packaging_name: row.unit,\n is_parent: row.is_loose === 0 ? 1 : 0,\n })),\n );\n\n setSelectedAgingList(\n result.disposition_reference.map((row) => ({\n ...row,\n disposition_id: row.disposition_approval_id,\n disposition_date: '',\n disposition_due_date: '',\n disposition_dr: row.dr_no || '',\n disposition_si: row.si_no || '',\n disposition_balance: row.current_balance,\n disposition_amount: row.applied_amount,\n })),\n );\n\n setCustomerID(result.get_customer_info?.customer_id);\n setSelectedCustomerID(result.get_customer_info?.customer_id);\n setDefaultCustomer(result.get_customer_info?.customer_code);\n\n loadCustomerOrderData(result.get_customer_info?.customer_id);\n loadCustomerOrderHistoryData(result.get_customer_info?.customer_id);\n\n setSelectedDisposition(result.disposition);\n // setDeclinedSRPFDetails(result);\n // setShowTransaction(true);\n }\n })\n .catch((err) => {});\n };\n\n const handleSelectCustomer = (event) => {\n if (event) {\n setCustomerID(event.value);\n loadCustomerDetails(event.value);\n\n loadCustomerOrderData(event.value);\n loadCustomerOrderHistoryData(event.value);\n\n setSelectedCustomerID(event.value);\n setDefaultCustomer(event);\n history.push('/collection/srpf/' + event.codes);\n\n setForm({ ...form, customer_code: event.codes });\n setSelectedOrderList([]);\n } else {\n setForm({\n ...form,\n customer_id: '',\n account_name: '',\n account_type: '',\n address: '',\n });\n\n setSelectedCustomerID('');\n setDefaultCustomer('');\n history.push('/collection/srpf');\n }\n };\n\n const handleShowTransactionModal = () => {\n if (selectedCustomerID) {\n setShowCustomerOrderModal(true);\n } else {\n Swal.fire({\n icon: 'warning',\n text: 'Please select customer first',\n });\n }\n };\n\n const handleShowHistoryTransactionModal = () => {\n if (selectedCustomerID) {\n setShowCustomerOrderHistoryModal(true);\n } else {\n Swal.fire({\n icon: 'warning',\n text: 'Please select customer first',\n });\n }\n };\n\n const handleSelectedOrderProduct = (productOrder) => {\n let selectedProducts = productOrder.map((value) => {\n return {\n ...value,\n transaction_id_old: value.od_id,\n transaction_id:\n value.transaction_type + '' + value.batch_no + '' + value.od_id,\n // transaction_type: value.transaction_type,\n product_name: value.product_name,\n // unit_cost: value.srp,\n unit_cost: value.selling_price,\n unit_cost_origin: value.selling_price,\n // od_id: value.od_id,\n item_id: value.id_item,\n // batch_no: value.batch_no,\n // expiry_date: value.expiry_date,\n so_reference: value.so_number,\n si_reference: value.si_number,\n quantity: value.qty_ordered,\n quantity_orig: value.qty_ordered,\n quantity_orig_box: value.qty_ordered,\n // total_cost : value.selling_price,\n total_cost:\n parseInt(value.qty_ordered) * parseFloat(value.selling_price),\n applicable_amount: value.selling_price,\n dr_reference: value.dr_no,\n reason: '',\n uom: value.uom,\n diluted_cost_orig: value.diluted_cost,\n unit: value.uom,\n // vat_exemption: value.vat_exemption,\n // unit_id: value.unit_id,\n // unit_vat: value.unit_vat,\n // unit_vat_exclusive: value.unit_vat_exclusive,\n // unit_vat_inclusive: value.unit_vat_inclusive,\n // diluted_cost: value.diluted_cost,\n // discount: value.discount,\n // total_inventory_amount: value.total_inventory_amount,\n is_parent: 1,\n is_loose: 0,\n unique_id: generateUUID(),\n };\n });\n\n setSelectedOrder(selectedProducts);\n };\n\n const handleSelectedOrderHistoryProduct = (productOrderHistory) => {\n let selectedProducts = productOrderHistory.map((value) => {\n return {\n ...value,\n transaction_id_old: value.transaction_id,\n transaction_id:\n value.transaction_type + '' + value.batch_no + '' + value.od_id,\n // transaction_type: value.transaction_type,\n // product_name: value.product_name,\n // unit_id: value.unit_id,\n // unit_cost: value.srp,\n unit_cost: value.selling_price,\n unit_cost_origin: value.selling_price,\n // od_id: value.od_id,\n item_id: value.id_item,\n // batch_no: value.batch_no,\n // expiry_date: value.expiry_date,\n so_reference: value.so_number,\n si_reference: value.si_number,\n quantity: value.qty_ordered,\n quantity_orig: value.qty_ordered,\n quantity_orig_box: value.qty_ordered,\n total_cost: value.selling_price * value.qty_ordered,\n applicable_amount: value.selling_price,\n dr_reference: value.dr_no,\n reason: '',\n uom: value.uom,\n diluted_cost_orig: value.diluted_cost,\n unit: value.uom,\n // vat_exemption: value.vat_exemption,\n // unit_vat: value.unit_vat,\n // unit_vat_exclusive: value.unit_vat_exclusive,\n // unit_vat_inclusive: value.unit_vat_inclusive,\n // diluted_cost: value.diluted_cost,\n // discount: value.discount,\n // total_inventory_amount: value.total_inventory_amount,\n is_parent: 1,\n is_loose: 0,\n unique_id: generateUUID(),\n };\n });\n\n setSelectedOrderHistory(selectedProducts);\n };\n\n const handleMixedOrderProducts = () => {\n // Generate New Unique ID\n let newDataOld = _.uniqBy(\n [...selectedOrderList, ...selectedOrder],\n (row) => row.transaction_id,\n );\n let newDataHis = _.uniqBy(\n [...selectedOrderList, ...selectedOrderHistory],\n (row) => row.transaction_id,\n );\n\n setSelectedOrderList(\n _.uniqBy([...newDataOld, ...newDataHis], (row) => row.unique_id).map(\n (value) => {\n return { ...value, unique_id: generateUUID() };\n },\n ),\n );\n };\n\n const handleChangeQuantity = useCallback(\n (event, row) => {\n setSelectedOrderList(\n selectedOrderList.map((value) => {\n if (value.unique_id === row.unique_id) {\n if (event.target.value > row.quantity_orig) {\n Swal.fire({\n icon: 'warning',\n title: row.quantity_orig + ' is the maximum quantity to return',\n });\n\n event.target.value = row.quantity_orig;\n\n return {\n ...value,\n quantity: row.quantity_orig,\n total_cost:\n parseFloat(row.quantity_orig) * parseFloat(row.unit_cost),\n };\n } else {\n return {\n ...value,\n quantity: event.target.value,\n total_cost:\n parseFloat(event.target.value) * parseFloat(row.unit_cost),\n };\n }\n } else {\n return value;\n }\n }),\n );\n },\n [selectedOrderList],\n );\n\n const handleChangeUOM = useCallback(\n (event, row) => {\n let data = {\n product_id: row.item_id,\n };\n getProductbyid(data)\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n // Get the selected option element\n const selectedOption =\n event.target.options[event.target.selectedIndex];\n\n // Get the value and data attribute from the selected option\n const selectedDataAttribute =\n selectedOption.getAttribute('data-type');\n\n let unit_cost_value =\n selectedDataAttribute === 'packaging'\n ? parseFloat(row.unit_cost_origin)\n : parseFloat(row.unit_cost_origin) / result.qty_per_pack;\n\n let unit_cost_value_diluted_cost =\n selectedDataAttribute === 'packaging'\n ? parseFloat(row.diluted_cost_orig)\n : parseFloat(row.diluted_cost_orig) / result.qty_per_pack;\n\n let total_cost_value =\n selectedDataAttribute === 'packaging'\n ? row.quantity * parseFloat(row.unit_cost_origin)\n : row.quantity *\n (parseFloat(row.unit_cost_origin) / result.qty_per_pack);\n\n let quantity_orig =\n selectedDataAttribute === 'packaging'\n ? row.quantity_orig_box\n : result.qty_per_pack * row.quantity_orig_box;\n\n let diluted_cost =\n selectedDataAttribute === 'packaging'\n ? row.diluted_cost_orig\n : unit_cost_value_diluted_cost;\n\n let is_loose = selectedDataAttribute === 'packaging' ? 0 : 1;\n\n setSelectedOrderList(\n selectedOrderList.map((value) => {\n return value.unique_id === row.unique_id\n ? {\n ...value,\n unit: event.target.value,\n uom: event.target.value,\n unit_cost: unit_cost_value,\n quantity: row.quantity_orig_box,\n quantity_orig: quantity_orig,\n total_cost: total_cost_value,\n diluted_cost: diluted_cost,\n is_loose: is_loose,\n }\n : value;\n }),\n );\n }\n })\n .catch((err) => {});\n },\n [selectedOrderList],\n );\n\n const handleMultipleReason = useCallback(\n (event) => {\n let rowValue = parseInt(event.target.value);\n showMultipleReasonRow.includes(parseInt(rowValue))\n ? setShowMultipleReasonRow((state) =>\n state.filter((item) => item !== rowValue),\n )\n : setShowMultipleReasonRow([...showMultipleReasonRow, rowValue]);\n },\n [showMultipleReasonRow],\n );\n\n const handleChangeReason = useCallback(\n (event, row, unique_id) => {\n let rowId = parseInt(unique_id);\n if (showMultipleReasonRow.includes(rowId)) {\n setSelectedOrderList(\n selectedOrderList.map((value) => {\n return showMultipleReasonRow.includes(parseInt(value.unique_id))\n ? {\n ...value,\n remarks: event.target.value,\n reason: event.target.value,\n }\n : value;\n }),\n );\n } else {\n setSelectedOrderList(\n selectedOrderList.map((value) => {\n return value.unique_id === row.unique_id\n ? {\n ...value,\n remarks: event.target.value,\n reason: event.target.value,\n }\n : value;\n }),\n );\n }\n },\n [selectedOrderList, showMultipleReasonRow],\n );\n\n const handleRemoveRow = useCallback(\n (unique_id, od_id, type) => {\n Swal.fire({\n icon: 'warning',\n title: 'Do you want to remove this row?',\n showCancelButton: true,\n cancelButtonColor: '#d33',\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n setSelectedOrderList(\n selectedOrderList.filter((value) => {\n return value.unique_id !== unique_id;\n }),\n );\n\n if (type === 'ERP') {\n setSelectionModel(\n selectionModel.filter((value) => {\n return value !== od_id;\n }),\n );\n } else {\n setSelectionHistoryModel(\n selectionHistoryModel.filter((value) => {\n return value !== od_id;\n }),\n );\n }\n }\n });\n },\n [selectedOrderList, selectionModel, selectionHistoryModel],\n );\n\n const handleSplitBatch = useCallback(\n (unique_id) => {\n let newData = [];\n\n const toDuplicate = selectedOrderList.find(\n (row) => row.unique_id === unique_id,\n );\n\n const combine = {\n ...toDuplicate,\n is_parent: 0,\n };\n\n selectedOrderList.forEach((row) => {\n if (row.unique_id === unique_id) {\n newData.push({\n ...row,\n });\n newData.push({\n ...combine,\n unique_id: generateUUID(),\n transaction_id: generateUUID(),\n });\n } else {\n newData.push(row);\n }\n });\n\n setSelectedOrderList(newData);\n },\n [selectedOrderList],\n );\n\n const handleComputeTotal = () => {\n let total_amount = 0;\n let total_amount_applicable = 0;\n let total_amount_near_ex = 0;\n\n selectedOrderList.forEach((value) => {\n let total_cost = value.total_cost === null ? 0.0 : value.total_cost;\n let total_cost_total =\n value.reason === '60-40 Near Expiry'\n ? parseFloat(total_cost) * 0.4\n : parseFloat(total_cost);\n\n total_amount += parseFloat(total_cost);\n\n if (value.reason === '60-40 Near Expiry') {\n total_amount_near_ex += total_cost_total;\n }\n\n total_amount_applicable =\n parseFloat(total_amount) - parseFloat(total_amount_near_ex);\n });\n\n setForm({\n ...form,\n products: selectedOrderList,\n total_amount: total_amount,\n applicable_amount: total_amount_applicable,\n total_amount_near_ex: total_amount_near_ex,\n });\n };\n // Disposition Area\n const handleChangeDisposition = (event) => {\n if (event) {\n setSelectedDisposition(event);\n if (event.value === 'apply_aging') {\n setForm({ ...form, disposition: 'AR' });\n setDispositionButton(true);\n } else {\n setSelectedAgingList([]);\n setDispositionButton(false);\n setForm({ ...form, disposition: 'ADV', disposition_reference: [] });\n }\n } else {\n setSelectedAgingList([]);\n setDispositionButton(false);\n setSelectedDisposition('');\n setForm({ ...form, disposition: '', disposition_reference: [] });\n }\n };\n\n const handleSelectedAging = (agingData) => {\n let dispositionReference = agingData.map((value) => {\n return {\n disposition_id: value.unique_id,\n disposition_date: value.date,\n disposition_due_date: value.due_date,\n disposition_dr: value.dr_no,\n disposition_si: value.si_number,\n disposition_balance: value.amount,\n disposition_amount: '',\n };\n });\n\n setForm({ ...form, disposition_reference: dispositionReference });\n setSelectedAgingList(dispositionReference);\n };\n\n const handleDispositionButton = () => {\n if (selectedCustomerID) {\n if (selectedDisposition) {\n if (selectedDisposition.value === 'apply_aging') {\n setShowAging(true);\n }\n }\n\n setAgingLoader(true);\n setAgingTransaction([]);\n\n getCustomersAgingData({\n customer_id: selectedCustomerID,\n })\n .then((res) => {\n let { code, result } = res.data.response;\n\n if (code === '00000') {\n setAgingLoader(false);\n\n let unique_id = 0;\n\n setAgingTransaction(\n result.map((value) => {\n return { ...value, unique_id: unique_id++ };\n }),\n );\n } else {\n Swal.fire({\n icon: 'warning',\n text: result,\n });\n }\n })\n .catch((err) => {});\n } else {\n Swal.fire({\n icon: 'warning',\n text: 'Please select a Customer',\n });\n }\n };\n\n const handleChangeAgingAmount = (event, row) => {\n let dispositionReference = selectedAgingList.map((value) => ({\n ...value,\n disposition_amount:\n value.disposition_id === row.disposition_id\n ? event.target.value\n : value.disposition_amount,\n }));\n\n let totalApplicableAmount = dispositionReference.reduce((total, row) => {\n return total + parseFloat(row.disposition_amount) || 0;\n }, 0);\n\n setSelectedAgingList(dispositionReference);\n\n setForm({\n ...form,\n disposition_reference: dispositionReference,\n total_applicable_amount: totalApplicableAmount,\n total_total_applicable_amount:\n form.applicable_amount - totalApplicableAmount,\n });\n };\n\n const handleRemoveAgingRow = (id) => {\n Swal.fire({\n icon: 'warning',\n title: 'Do you want to remove this row?',\n showCancelButton: true,\n cancelButtonColor: '#d33',\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n setSelectedAgingList(\n selectedAgingList.filter((value) => {\n return value.disposition_id !== id;\n }),\n );\n }\n });\n };\n\n const handleCancelButton = () => {\n Swal.fire({\n title: 'Are you sure to clear all fields?',\n text: \"You won't be able to revert this!\",\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n handleClearFields();\n }\n });\n };\n\n const handleClearFields = () => {\n setForm(transactionForm);\n\n setSelectedOrderList([]);\n setSelectionModel([]);\n\n setSelectedAgingList([]);\n setSelectionAgingModel([]);\n\n showSignaturePad();\n setSelectedDisposition('');\n\n history.push('/collection/srpf');\n setDefaultCustomer('');\n };\n\n const handleFormChange = (event) => {\n setForm({ ...form, [event.target.name]: event.target.value });\n };\n\n const handleFileChange = (event) => {\n setForm((prevState) => ({\n ...prevState,\n attachments: [...event.target.files],\n }));\n };\n\n const submitHandler = (e) => {\n e.preventDefault();\n\n console.log(\n signatureRef.current?.isEmpty(),\n signatureRef.current?.isEmpty() === false\n ? dataURLtoBlob(signatureRef.current.toDataURL('image/png'))\n : [],\n );\n\n let errorProdMessage = [];\n\n form.products.filter((item) =>\n parseFloat(item.diluted_cost).toFixed(2) === 0\n ? errorProdMessage.push(\n 'Product: ' + item.product_name + ' diluted cost is 0',\n )\n : '',\n );\n\n if (errorProdMessage.length > 0) {\n Swal.fire({\n icon: 'warning',\n html: Array.isArray(errorProdMessage)\n ? errorProdMessage.join('\n
\n \n handleFilterProducts(e)}\n value={searchText}\n placeholder=\"Search here...\"\n />\n
\n \n row.transaction_id}\n checkboxSelection={true}\n rowCount={historicalTotal}\n mode=\"server\"\n onChange={handlePageChange}\n selectionModel={selectionModel}\n onSelectionModelChange={(param) => {\n setSelectionModel(param);\n handleSelectedOrderProduct(\n customerOrderData.filter((value) => {\n return param.includes(value.transaction_id);\n }),\n );\n }}\n filterMode=\"server\"\n filterModel={filterModel}\n onFilterModelChange={(newFilterModel) =>\n handleFilterModelChange(newFilterModel)\n }\n />\n
\n ')\n : errorProdMessage,\n });\n } else {\n if (editMode) {\n updateHandler(e);\n\n return false;\n }\n\n let newProducts = form.products.map((row) => ({\n ...row,\n transaction_id: row.transaction_id_old,\n }));\n\n let SubmitFormData = {\n ...form,\n signature:\n signatureRef.current?.isEmpty() === false\n ? dataURLtoBlob(signatureRef.current.toDataURL('image/png'))\n : [],\n products: newProducts,\n };\n\n Swal.fire({\n icon: 'warning',\n title: 'Are you sure you want to save?',\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n setPageLoader(true);\n createSRPF(SubmitFormData).then((res) => {\n let { code, result } = res.data.response;\n if (code !== '00013') {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result.errors)\n ? result.errors.join('
')\n : result,\n allowOutsideClick: false,\n });\n\n setPageLoader(false);\n } else {\n Swal.fire({\n icon: 'success',\n title: 'Sale Return successfully submitted for approval',\n text: res.data.response.result,\n showConfirmButton: true,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n handleClearFields();\n }\n });\n\n setPageLoader(false);\n }\n });\n }\n });\n }\n };\n\n const updateHandler = (e) => {\n e.preventDefault();\n\n let newProducts = form.products.map((row) => ({\n ...row,\n transaction_id: row.transaction_id_old,\n }));\n\n let SubmitFormData = {\n ...form,\n signature:\n signatureRef.current?.isEmpty() === false\n ? dataURLtoBlob(signatureRef.current.toDataURL('image/png'))\n : [],\n products: newProducts,\n };\n\n Swal.fire({\n icon: 'warning',\n title: 'Are you sure you want to update?',\n showCancelButton: true,\n confirmButtonColor: '#3085d6',\n cancelButtonColor: '#d33',\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n setPageLoader(true);\n updateSRPF(SubmitFormData).then((res) => {\n let { code, result } = res.data.response;\n if (code !== '00013') {\n Swal.fire({\n icon: 'error',\n html: Array.isArray(result.errors)\n ? result.errors.join('
')\n : result,\n allowOutsideClick: false,\n });\n\n setPageLoader(false);\n } else {\n Swal.fire({\n icon: 'success',\n title: 'Sale Return successfully submitted for approval',\n text: res.data.response.result,\n showConfirmButton: true,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n handleClearFields();\n }\n });\n\n setPageLoader(false);\n }\n });\n }\n });\n };\n\n const CustomFooterStatusComponent = ({ totalText, totalAmount }) => {\n return (\n <>\n
\n
\n {/* */}\n \n \n
\n \n \n\n \n \n Cancel\n \n \n Submit\n \n {/* \n Test\n */}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n if (editMode && k === 'add_new') return false;\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n
\n \n
\n ));\n };\n\n const req = srpfDetails.documents.filter((e) => e.img_type === 'REQ SIG');\n\n const RequestorSignature = () => {\n const req = srpfDetails.documents.filter((e) => e.img_type === 'REQ SIG');\n\n if (req.length > 0 && req[0].document_info?.processed_path !== null) {\n return (\n \n
\n \n
\n );\n } else {\n return (\n \n
\n \n \n {showPad && (\n
\n \n \n Clear Signature\n \n
\n \n );\n }\n };\n\n const showSignaturePad = () => {\n setShowPad(false);\n setTimeout(() => {\n setShowPad(true);\n }, 0);\n };\n\n const onAddAttachment = () => {\n if (srpfDetails.documents_new.length > 0) {\n Swal.fire({\n icon: 'question',\n title: 'Are you sure you want to upload?',\n showCancelButton: true,\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n cancelButtonColor: '#d33',\n }).then((result) => {\n if (result.isConfirmed) {\n handleUploadFile({\n attachments: srpfDetails.documents_new,\n srpf_no: srpfDetails.srpf_no,\n });\n }\n });\n } else {\n Swal.fire({\n icon: 'warning',\n title: 'Please select a file to upload.',\n });\n }\n };\n\n const getSignature = () => {\n if (!signatureRef.current.isEmpty()) {\n return dataURLtoBlob(signatureRef.current.toDataURL('image/png'));\n }\n\n return null;\n };\n\n return (\n \n \n \n \n \n \n {srpfDetails.get_customer_info !== null\n ? srpfDetails.get_customer_info.customer_name\n : ''}\n \n \n \n \n \n \n SRPF No.\n \n \n \n \n Account Name\n \n \n \n \n Customer Code\n \n \n \n \n \n SRPF Date\n \n \n \n \n SRPF Approved Date\n \n \n \n \n RR Date\n \n \n \n \n RR Approved Date\n \n \n \n \n Reason\n \n
\n \n ))}\n \n \n \n \n Type of Return\n \n \n \n
\n \n \n showApprovedButton || showApprovalButton\n ? row.srpf_dtl_approval_id\n : row.srpf_dtl_id\n }\n />\n \n
\n {/* */}\n \n \n \n Preferred Disposition\n \n \n {/* */}\n {srpfDetails.disposition_reference.map((value, key) => (\n \n \n ))}\n {/* */}\n {srpfDetails.disposition_reference.length > 0 && (\n \n \n )}\n {/* */}\n \n \n Remarks\n \n \n {/* */}\n \n \n Customer Acknowledgement\n \n \n \n \n Requestor Signature DAM/AS\n \n
\n )}\n \n \n {/* */}\n {value}
)\n : ''}\n \n \n \n ))}\n \n
\n {value.dr_no} {value.si_no} -{' '}\n
\n \n {numberFormatCurrency(value.applied_amount)}\n
\n \n Total Aging:\n
\n \n {numberFormatCurrency(\n srpfDetails.disposition_reference.reduce(\n (total, row) => {\n return total + parseFloat(row.applied_amount);\n },\n 0,\n ),\n )}\n
\n \n
\n ) : (\n \n
\n \n \n {showPad && (\n
\n \n \n Clear Signature\n \n
\n \n {/*
\n \n e.img_type === 'OTH')\n .map((row) => ({\n path: row.document_info.processed_path,\n name: row.document_info.file_name,\n }))}\n handleRemoveFile={[]}\n handleFileUpload={handleFileChange}\n disabled={attachmentButton}\n resetKey={srpfDetails.reset_attachment}\n />\n
\n \n \n Upload Attachment\n \n
\n \n \n Total Amount\n \n
\n\n \n
\n \n \n Total 60/40 Near Expiry\n \n
\n\n \n e.reason === '60-40 Near Expiry')\n .reduce((total, row) => {\n return total + parseFloat(row.total_cost) * 0.4;\n }, 0),\n )}\n readOnly\n />\n
\n \n \n Amount Applicable (JPI)\n \n
\n\n \n
\n \n \n Total Applied Amt.\n \n
\n\n \n {\n return total + parseFloat(row.applied_amount);\n },\n 0,\n ),\n )}\n readOnly\n />\n
\n \n \n Total Balance\n \n
\n \n \n \n {\n return total + parseFloat(row.applied_amount);\n },\n 0,\n ),\n )}\n readOnly\n />\n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n
\n \n row.srpf_approval_id}\n columnVisibilityModel={{\n reason: false,\n }}\n getCellClassName={({ row }) =>\n row.reject_reason !== null ||\n row.reject_reason !== undefined\n ? row.reject_reason.length > 0\n ? 'bg-green-lt'\n : ''\n : ''\n }\n />\n
\n \n )}\n {hasPermission(['srpf_approval_list']) && (\n \n \n Export\n \n {/* \n \n Export\n \n \n \n Download as XLSX\n \n {' '}\n */}\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n
\n \n
\n \n )}\n {hasPermission(['srpf_declined_list']) && (\n \n row.srpf_id}\n columnVisibilityModel={{\n reason: false,\n }}\n />\n
\n \n \n Export\n \n
\n \n
\n {/* */}\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n \n )} */}\n \n \n
\n \n
\n \n )}\n\n {hasPermission(['srpf_returned_list']) && (\n \n row.srpf_approval_id}\n />\n
\n \n \n Export\n \n
\n \n
\n {/* */}\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n )}\n\n {hasPermission(['srpf_declined_list']) && (\n \n \n )} */}\n \n \n
\n \n
\n \n )}\n {hasPermission(['view_not_yet_returned_srpf_list']) && (\n \n row.srpf_approval_id}\n />\n
\n \n \n Export\n \n
\n \n
\n {/* */}\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n
\n \n
\n \n )}\n \n \n \n row.srpf_id}\n />\n
\n \n \n \n Export\n \n \n \n Download as XLSX\n \n {' '}\n \n
\n ') : result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n }\n\n toast.dismiss();\n setPageLoader(false);\n })\n .catch((err) => {});\n }\n });\n };\n\n const handleSplitBatching = (srpf_no) => {\n Swal.fire({\n title: 'Return To Maker',\n text: 'Are you sure you want to return this transaction to maker?',\n icon: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n }).then((result) => {\n if (result.isConfirmed) {\n setModalShow(true);\n setReturn({ ...decline, srpf_no: srpf_no });\n setReturnToMaker({ ...returnToMaker, srpf_no: srpf_no });\n }\n });\n };\n\n const handleFileChange = (event) => {\n setApprovedSRPFDetails({\n ...approvalSRPFDetails,\n documents_new: [...event.target.files],\n has_new_attachments: event.target.files.length > 0,\n });\n };\n\n const handleUploadFile = (params) => {\n toast.loading('Uploading file. Please wait...');\n srpfUploadAttachment(params)\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n toast.success(result);\n\n setApprovedSRPFDetails({\n ...approvalSRPFDetails,\n reset_attachment:\n approvalSRPFDetails.reset_attachment === 1 ? 0 : 1,\n has_new_attachments: false,\n });\n } else {\n Swal.fire({\n icon: 'error',\n title: 'Oops...',\n text: Array.isArray(result) ? result.join('
') : result,\n });\n }\n\n toast.dismiss();\n })\n .catch((err) => {\n Swal.fire({\n icon: 'error',\n title: 'Oops...',\n text: err.data.response.result,\n });\n });\n };\n\n const handleDeclinedTransaction = (srpf_no) => {\n Swal.fire({\n title: 'Decline Transaction',\n text: 'Are you sure you want to decline this transaction?',\n icon: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes',\n cancelButtonText: 'No',\n cancelButtonColor: '#DC3545',\n }).then((result) => {\n if (result.isConfirmed) {\n setReturn({ ...decline, srpf_no: srpf_no });\n setModalShowDec(true);\n }\n });\n };\n\n const handleConfirmReturn = () => {\n declined(decline)\n .then((res) => {\n if (res.data.response.code === '00000') {\n Swal.fire({\n icon: 'success',\n title: 'Submitted successfully!',\n text: res.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n } else {\n Swal.fire({\n icon: 'warning',\n title: 'Oops Something went Wrong!',\n text: res.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n // if (result.isConfirmed) {\n // window.location.reload();\n // }\n });\n }\n })\n .catch((err) => {});\n };\n\n const handleChangeReason = (e) =>\n setReturn({ ...decline, reason: e.target.value });\n\n const handleViewExportModal = () =>\n setShowExport({ ...showExport, show: true });\n\n const handleExport = (e) => {\n toast.loading('Exporting Data...');\n srpfExport(showExport)\n .then((res) => {\n let { code, result } = res.data.response;\n if (code === '00000') {\n window.open(result, '_blank').focus();\n toast.dismiss();\n }\n })\n .catch((err) => {\n toast.loading(\n 'Something went wrong while exporting, Please try again.',\n );\n });\n };\n\n const handleChangeReasonToReturnToMaker = (e) =>\n setReturnToMaker({ ...returnToMaker, reason: e.target.value });\n\n const handleConfirmReturnToMaker = () => {\n console.log('retrunT', returnToMaker);\n splitBatch(returnToMaker)\n .then((res) => {\n if (res.data.response.code === '00000') {\n Swal.fire({\n icon: 'success',\n title: 'Submitted successfully!',\n text: res.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n } else {\n Swal.fire({\n icon: 'warning',\n title: 'Oops Something went Wrong!',\n text: res.data.response.result,\n showConfirmButton: true,\n }).then((result) => {\n // if (result.isConfirmed) {\n // window.location.reload();\n // }\n });\n }\n })\n .catch((err) => {});\n };\n\n return (\n
\n
\n\n \n
\n \n
\n \n
\n \n
\n Stock Returns Pull-Out
\n\n \n {\n history.push(handleTabLocation(k));\n }}\n >\n {hasPermission(['create_srpf']) && (\n \n
\n \n row.srpf_approval_id}\n columnVisibilityModel={{\n reason: false,\n }}\n getCellClassName={({ row }) =>\n row.reject_reason !== null ||\n row.reject_reason !== undefined\n ? row.reject_reason.length > 0\n ? 'bg-green-lt'\n : ''\n : ''\n }\n />\n
\n \n )}\n {hasPermission(['srpf_approved_list']) && (\n \n \n Export\n \n
\n \n {window.location.origin} requires a username and password\n
\n Your connection to this site is not private\n
\n
\n \n );\n};\n\nexport default MoveToNewWebsiteScreen;\n","import { Alert } from \"react-bootstrap\";\n\nconst NotFoundPage = () => {\n return (\n \n \n
\n \n ERP has been moved to{\" \"}\n \n https://bkclouderp.com/\n \n .
\n You'll be redirect in (5) seconds.
\n \n
\n \n \n {routeList.auth.map((route) => (\n {\n return isAuthed ? (\n \n isAuthed ? (\n \n
\n\n \n