\n Current Store: {value.active_store_id}\n
\n\n Date Hired: {value.date_hired}\n\n Start Date: {value.start_date}\n
\n End Date: {value.end_date}\n
\n
\n {user && user.role !== \"employee\" ? (\n
\n ) : (\n \n
\n\n \n
\n Hi, {user.first_name}. welcome back!
\n\n {user.role === \"super admin\" ? (\n \n \n \n ) : (\n \"\"\n )}\n
\n {user.role === \"restaurant manager\" ?
\n\n {user.role === \"super admin\" ? (\n \n
\n ) : (\n \"\"\n )}\n\n \n
\n \n
\n )}\n \n \n );\n};\nexport default withRouter(Dashboard);\n","import Api from \"./Api\";\n\nexport class SystemConfigService {\n static async getDomains() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/domain/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getDomain(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/domain/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createDomain(name, url) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/domain/create\", { name, url })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateDomain(values) {\n let data = {\n name: values.name,\n url: values.url,\n domain_name: values.domain_name,\n active: values.active,\n id: values.id,\n };\n return new Promise((resolve, reject) => {\n return Api.put(`settings/domain/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getJobCodes() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/job-code/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getJobCode(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/job-code/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createJobCode(values) {\n let data = {\n name: values.name,\n pos_code: values.pos_code,\n crunch_time_code: values.crunch_time_code,\n payroll_code: values.payroll_code,\n };\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/job-code/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateJobCode(values) {\n let data = {\n id: values.id,\n name: values.name,\n pos_code: values.pos_code,\n crunch_time_code: values.crunch_time_code,\n payroll_code: values.payroll_code,\n };\n return new Promise((resolve, reject) => {\n return Api.put(`settings/job-code/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getStores() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/store/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getStoresForManagerAdmin() {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/store/admin-manager-view`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async selectStoreForManager(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`settings/store/select-store-manager`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPermittedStoreForManagerAdmin(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/store/permitted-stores/${data.id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPermittedStoreForTempPerm(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/store/temp-perm-permitted-stores/${data.id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getStoreForManager() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/store/view-manager\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getStore(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/store/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createStore(data) {\n const {\n area,\n location_id,\n name,\n address,\n city,\n state,\n email,\n manager_id,\n states_code,\n telephone_number,\n corporation_id,\n pos_code,\n crunch_time_code,\n payroll_code,\n payments_options,\n emergency_code_payments_options,\n catering_payments_options,\n ato_code_payments_options,\n } = data;\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/store/create\", {\n area,\n location_id,\n name,\n address,\n city,\n state,\n email,\n manager_id,\n states_code,\n telephone_number,\n corporation_id,\n pos_code,\n crunch_time_code,\n payroll_code,\n payments_options,\n emergency_code_payments_options,\n catering_payments_options,\n ato_code_payments_options,\n })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateStore(data) {\n const {\n area,\n name,\n address,\n city,\n state,\n email,\n manager_id,\n states_code,\n telephone_number,\n corporation_id,\n pos_code,\n crunch_time_code,\n payroll_code,\n payments_options,\n emergency_code_payments_options,\n catering_payments_options,\n // ato_code_payments_options,\n } = data;\n return new Promise((resolve, reject) => {\n return Api.put(`settings/store/update/${data.id}`, {\n area,\n name,\n address,\n city,\n state,\n email,\n manager_id,\n states_code,\n telephone_number,\n corporation_id,\n pos_code,\n crunch_time_code,\n payroll_code,\n payments_options,\n emergency_code_payments_options,\n catering_payments_options,\n // ato_code_payments_options,\n })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCorporations() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/corporation/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCorporation(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/corporation/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createCorporation(data) {\n const { name, headquarters_address, state } = data;\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/corporation/create\", {\n name,\n headquarters_address,\n state,\n })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateCorporation(data) {\n const { name, headquarters_address, state } = data;\n return new Promise((resolve, reject) => {\n return Api.put(`settings/corporation/update/${data.id}`, {\n name,\n headquarters_address,\n state,\n })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getDistricts() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/district/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getDistrict(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/district/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createDistrict(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/district/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateDistrict(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`settings/district/update/`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createBonusConfig(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`settings/bonus/create/`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async configBonusForStore(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/bonus/config-store/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateOrCreateBonusKpi(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`settings/bonus/create-bonus-kpi`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getBonusKpi(type) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/bonus/get-bonus-kpi/${type}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import React, { useState } from \"react\";\n\nconst PaginationPage = ({\n data,\n RenderComponent,\n title,\n pageLimit,\n dataLimit,\n}) => {\n const [pages] = useState(Math.round(data.length / dataLimit));\n const [currentPage, setCurrentPage] = useState(1);\n\n function goToNextPage() {\n setCurrentPage((page) => page + 1);\n }\n\n function goToPreviousPage() {\n setCurrentPage((page) => page - 1);\n }\n\n function changePage(event) {\n const pageNumber = Number(event.target.textContent);\n setCurrentPage(pageNumber);\n }\n\n const getPaginatedData = () => {\n const startIndex = currentPage * dataLimit - dataLimit;\n const endIndex = startIndex + dataLimit;\n return data.slice(startIndex, endIndex);\n };\n\n const getPaginationGroup = () => {\n // not yet implemented\n let start = Math.floor((currentPage - 1) / pageLimit) * pageLimit;\n return new Array(pageLimit).fill().map((_, idx) => start + idx + 1);\n };\n\n return (\n \n {/* show the posts, 10 posts at a time */}\n
\n );\n};\n\nexport default PaginationPage;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { BigCircle } from \"../../../components/AlertUtility\";\n\nconst EmployeeList = ({ data }) => {\n return (\n \n {getPaginatedData().map((d, idx) => (\n
\n\n {/* show the pagiantion\n it consists of next and previous buttons\n along with page numbers, in our case, 5 page\n numbers at a time\n */}\n \n {/* previous button */}\n \n prev\n \n\n {/* show page numbers */}\n {getPaginationGroup().map((item, index) => (\n \n {item}\n \n ))}\n\n {/* next button */}\n \n next\n \n
\n \n \n
\n );\n};\n\nexport default EmployeeList;\n","import React, { useEffect, useState } from \"react\"\nimport { UserService } from \"../../../service/userService\";\nimport PaginationPage from \"../../dashboard/components/Pagination\";\nimport EmployeeList from \"./EmployeeList\";\n\n\nconst ActiveEmployees = ({ data }) => {\n const [resultsReady, setResultsReady] = useState(false);\n const [searchedResults, setSearchedResults] = useState(null);\n\n const searchEmployeeUsingNames = (searchString) => {\n let propArray = data.filter((emp) => {\n return emp.first_name\n .toLowerCase()\n .concat(emp.email.toLowerCase())\n .concat(emp.last_name.toLowerCase())\n .includes(searchString.toLowerCase());\n });\n\n setSearchedResults(propArray);\n };\n\n\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n setSearchedResults(response.data.data.activeEmployees);\n setResultsReady(true);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n\n return (\n \n
\n \n \n
\n \n
\n \n
\n {`${data.first_name} ${data.last_name}`}
\n{`${data.email}`}
\n {/*\n {`${data.company_details.job_status}`}\n
*/}\n\n
\n )\n}\n\nexport default ActiveEmployees;","import React, { useEffect, useState } from \"react\"\nimport { UserService } from \"../../../service/userService\";\nimport PaginationPage from \"../../dashboard/components/Pagination\";\nimport EmployeeList from \"./EmployeeList\";\n\nconst TerminatedEmployees = ({ data }) => {\n const [resultsReady, setResultsReady] = useState(true);\n const [searchedResults, setSearchedResults] = useState(null);\n\n const searchEmployeeUsingNames = (searchString) => {\n let propArray = data.filter((emp) => {\n return emp.first_name\n .toLowerCase()\n .concat(emp.email.toLowerCase())\n .concat(emp.last_name.toLowerCase())\n .includes(searchString.toLowerCase());\n });\n\n setSearchedResults(propArray);\n };\n\n\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n setSearchedResults(response.data.data.terminatedEmployees);\n setResultsReady(true);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n\n return (\n \n {\n searchEmployeeUsingNames(\n e.target.value\n );\n }}\n />\n
\n \n\n {resultsReady && resultsReady ? (\n <>\n
\n \n {searchedResults &&\n searchedResults.length > 0 ? (\n <>\n
\n \n ) : (\n \n \n
\n )}\n \n \n
\n )}\n \n
\n )\n}\n\nexport default TerminatedEmployees;","import React, { useEffect, useState } from \"react\";\nimport { UserService } from \"../../service/userService\";\nimport { Col, Form, Nav, Row, Tab } from \"react-bootstrap\";\nimport { Utility } from \"../../Helpers/utils\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport PaginationPage from \"../dashboard/components/Pagination\";\nimport EmployeeList from \"./components/EmployeeList\";\nimport ActiveEmployees from \"./components/ActiveEmployees\";\nimport TerminatedEmployees from \"./components/TerminatedEmployees\";\n\nconst user = Utility.getUser();\n\nconst Employees = () => {\n const [activeEmployees, setActiveEmployees] = useState(null);\n const [terminatedEmployees, setTerminatedEmployees] = useState(null);\n const [searchedResults, setSearchedResults] = useState(null);\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n console.log(response.data.data, \"Here it is\")\n setActiveEmployees(response.data.data.activeEmployees);\n setTerminatedEmployees(response.data.data.terminatedEmployees);\n // setSearchedResults(response.data.data);\n // setResultsReady(true);\n })\n .catch((error) => {\n console.log(error);\n });\n\n // UserService.getOtherEmployees()\n // .then((response) => {\n // setActiveEmployees(response.data.data.active);\n // setTerminatedEmployees(response.data.data.terminated);\n // setResultsReady(true);\n // })\n // .catch((error) => {\n // console.log(error.response.data);\n // });\n }, []);\n\n return (\n \n {\n searchEmployeeUsingNames(\n e.target.value\n );\n }}\n />\n
\n \n\n {resultsReady && resultsReady ? (\n <>\n
\n \n {searchedResults &&\n searchedResults.length > 0 ? (\n <>\n
\n \n ) : (\n \n \n
\n )}\n \n \n
\n )}\n \n {/* {employees && ( */}\n
\n );\n};\n\nexport default Employees;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\n// import DatePicker from \"react-datepicker\";\nimport { UserService } from \"../../service/userService\";\nimport cogoToast from \"cogo-toast\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { Formik } from \"formik\";\nimport InputMask from \"react-input-mask\";\n\nconst CreateEmployeeForm = () => {\n const [jobCode, setJobCode] = useState(null);\n const [store, setStore] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n const [rmSelected, setRmSelected] = useState(false);\n\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getJobCodes()\n .then((response) => {\n setJobCode(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStores()\n .then((response) => {\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n
\n\n \n
\n
\n \n
\n \n
\n Employee List
\n\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n {\n const errors = {};\n if (!values.email) {\n errors.email = \"Required\";\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)) {\n errors.email = \"Invalid email address\";\n }\n return errors;\n }}\n onSubmit={async (values, { setSubmitting }) => {\n try {\n console.log(values);\n const response = await UserService.createEmployee(values);\n if (response.data.success) {\n cogoToast.success(\"Employee created successfully\", toastoptions);\n setSubmitting(false);\n setSubmitted(false);\n history.push(\"/employees/list\");\n return;\n }\n } catch (e) {\n const errorObject = e.response.data.errors;\n\n if (e.response.data.errors) {\n if (e.response.data.errors.email) {\n cogoToast.error(errorObject.email[0], toastoptions);\n }\n if (errorObject.first_name) {\n cogoToast.error(errorObject.first_name[0], toastoptions);\n }\n if (errorObject.last_name) {\n cogoToast.error(errorObject.last_name[0], toastoptions);\n }\n if (errorObject.job_status) {\n cogoToast.error(errorObject.job_status[0], toastoptions);\n }\n if (errorObject.job_code_id) {\n cogoToast.error(errorObject.job_code_id[0], toastoptions);\n }\n if (errorObject.role) {\n cogoToast.error(errorObject.role[0], toastoptions);\n }\n if (errorObject.date_of_employment) {\n cogoToast.error(errorObject.date_of_employment[0], toastoptions);\n }\n if (errorObject.store_id) {\n cogoToast.error(errorObject.store_id[0], toastoptions);\n }\n }\n\n cogoToast.error(e.response.data.message, toastoptions);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting, setFieldValue }) => (\n
\n );\n};\n\nexport default CreateEmployeeForm;\n","import Api from \"./Api\";\n\nexport class EmployeeConfigService {\n static async getGenders() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/gender/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getGender(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/gender/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createGender(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/gender/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateGender(data) {\n return new Promise((resolve, reject) => {\n return Api.put(`settings/gender/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getEthnics() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/ethnics/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getEthnic(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/ethnics/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createEthnic(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/ethnics/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateEthnic(data) {\n return new Promise((resolve, reject) => {\n return Api.put(`settings/ethnics/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getStates() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/state/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getState(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/state/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createState(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/state/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateState(data) {\n return new Promise((resolve, reject) => {\n return Api.put(`settings/state/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getMaritalStatuses() {\n return new Promise((resolve, reject) => {\n return Api.get(\"settings/marital-status/view\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getMaritalStatus(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`settings/marital-status/view/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createMaritalStatus(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"settings/marital-status/create\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateMaritalStatus(data) {\n return new Promise((resolve, reject) => {\n return Api.put(`settings/marital-status/update/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import React, { useEffect } from \"react\";\nimport { Form, Modal, Button, Spinner } from \"react-bootstrap\";\nimport { useState } from \"react\";\nimport InputMask from \"react-input-mask\";\nimport { Formik } from \"formik\";\nimport { UserService } from \"../../../../service/userService\";\nimport cogoToast from \"cogo-toast\";\nimport { Utility } from \"../../../../Helpers/utils\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst Personal = ({ employee, user }) => {\n const [editMode, setEditMode] = useState(false);\n const [hideSSN, setHideSSN] = useState(true);\n const [showSSNModal, setShowSSNModal] = useState(false);\n const [state, setState] = useState(null);\n const [ethnic, setEthnic] = useState(null);\n const [gender, setGender] = useState(null);\n const [maritalStatus, setMaritalStatus] = useState(null);\n\n console.log(user.role, \"Details of employee\");\n\n // const social_number = (value) => {\n // if (value) {\n // console.log(value);\n // return value.replace(/^(\\D*\\d\\D*){5}/gm, function (match) {\n // return match.replace(/\\d/g, \"*\");\n // });\n // }\n // };\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n EmployeeConfigService.getStates()\n .then((response) => {\n setState(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n EmployeeConfigService.getEthnics()\n .then((response) => {\n setEthnic(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n EmployeeConfigService.getGenders()\n .then((response) => {\n setGender(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n EmployeeConfigService.getMaritalStatuses()\n .then((response) => {\n setMaritalStatus(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [employee]);\n\n return (\n \n
\n \n \n Learn How \n \n
\n\n \n\n
\n )}\n \n \n
\n\n \n
\n\n Create New Employee
\n\n \n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n {\n setSubmitting(true);\n // console.log(values);\n UserService.updatePersonalDetails(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"Personal details updated successfully\",\n toastoptions\n );\n setEditMode(false);\n setHideSSN(false);\n window.location.reload();\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n )}\n \n \n );\n};\n\nexport default Personal;\n","const JobCodeName = [\n {\n id: 9,\n name: \"Hostess\",\n },\n {\n id: 1,\n name: \"Manager\",\n },\n {\n id: 2,\n name: \"Server\",\n },\n {\n id: 3,\n name: \"Bartender\",\n },\n {\n id: 4,\n name: \"Kitchen\",\n },\n {\n id: 5,\n name: \"Training\",\n },\n {\n id: 6,\n name: \"Cleaning\",\n },\n {\n id: 7,\n name: \"Dish Washer\",\n },\n {\n id: 8,\n name: \"Busser\",\n },\n {\n id: 10,\n name: \"Prekitchen\",\n },\n {\n id: 11,\n name: \"Expo\",\n },\n {\n id: 17,\n name: \"svc-assist\",\n },\n {\n id: 15,\n name: \"Coach Server\",\n },\n {\n id: 23,\n name: \"DoorDash\",\n },\n {\n id: 12,\n name: \"Togo\",\n },\n];\n\nexport default JobCodeName;\n","const StoreName = [\n {\n id: 1,\n name: \"La Parrilla (Marietta Square)\",\n },\n {\n id: 2,\n name: \"La Parrilla (Dallas Hwy)\",\n },\n {\n id: 3,\n name: \"La Parrilla (Flowery Branch)\",\n },\n {\n id: 4,\n name: \"La Parrilla (Powder Spring)\",\n },\n {\n id: 5,\n name: \"La Parrilla (Fayette Ville)\",\n },\n {\n id: 6,\n name: \"La Parrilla (Alpharetta)\",\n },\n {\n id: 7,\n name: \"La Parrilla (Woodstock)\",\n },\n {\n id: 9,\n name: \"La Parrilla (Acworth)\",\n },\n {\n id: 10,\n name: \"La Parrilla (Newman)\",\n },\n {\n id: 11,\n name: \"La Parrilla (Mcdonough)\",\n },\n {\n id: 12,\n name: \"La Parrilla (Howel Mill)\",\n },\n {\n id: 13,\n name: \"La Parrilla (Dothan)\",\n },\n {\n id: 14,\n name: \"La Parrilla (Norcross)\",\n },\n {\n id: 15,\n name: \"La Parrilla (Canton)\",\n },\n {\n id: 16,\n name: \"La Parrilla (Macon)\",\n },\n {\n id: 17,\n name: \"La Parrilla (Greenville)\",\n },\n {\n id: 18,\n name: \"La Parrilla (Toco Hill)\",\n },\n {\n id: 19,\n name: \"La Parrilla (Savannah)\",\n },\n {\n id: 20,\n name: \"La Parrilla (Griffin)\",\n },\n {\n id: 21,\n name: \"La Parrilla (Rome)\",\n },\n {\n id: 23,\n name: \"La Parrilla (Sandy Springs)\",\n },\n];\n\nexport default StoreName;\n","import cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Button, Form, Modal } from \"react-bootstrap\";\nimport JobCodeName from \"../../../../../../components/JobCodeName\";\nimport StoreName from \"../../../../../../components/StoreName\";\nimport { UserService } from \"../../../../../../service/userService\";\n\nconst MoveModal = ({ employee, user, showMoveModal, setShowMoveModal }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n <>\n \n
\n\n \n\n {showSSNModal && (\n \n
\n\n {!editMode && (\n \n {user && (user.role === \"super admin\" || user.role === \"hr\") ? (\n Personal Details
\n\n {\n setEditMode(true);\n }}\n >\n {\" \"}\n Edit \n \n
\n ) : (\n \"\"\n )}\n \n )}\n \n {\n setSubmitting(true);\n\n if (values.password) {\n UserService.viewSSN(values)\n .then((response) => {\n console.log(response);\n setHideSSN(false);\n setShowSSNModal(false);\n // cogoToast.success(\n // \"Document deleted successfully\",\n // toastoptions\n // );\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n console.log(\"Here\");\n cogoToast.error(\n \"Please enter your password to proceed\",\n toastoptions\n );\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n setShowSSNModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n >\n \n \n )}\n \n
\n )}\n\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n\n \n
\n Basic Information
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n \n
\n \n \n Gender \n \n \n {gender &&\n gender.map((value) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n {ethnic &&\n ethnic.map((value) => (\n \n ))}\n \n \n\n
\n\n \n {user &&\n (user.role === \"super admin\" ||\n user.role === \"hr\") ? (\n \n \n \n ) : null}\n
\n \n \n \n \n \n {maritalStatus &&\n maritalStatus.map((value) => (\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 {editMode && (\n \n
\n \n Contact Information\n
\n\n \n \n \n\n
\n\n \n \n
\n \n
\n Address
\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 \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 \n\n \n \n \n \n \n \n \n
\n \n \n {\" \"}\n Submit{\" \"}\n {isSubmitting ? (\n {\n setEditMode(false);\n }}\n >\n Cancel\n \n
\n )}\n \n \n {\n setSubmitting(true);\n\n if (values.new_store_id) {\n UserService.moveEmployee(values)\n .then((response) => {\n console.log(response);\n setShowMoveModal(false);\n setSubmitting(false);\n cogoToast.success(response.data.message, toastoptions);\n localStorage.setItem(\"employeeActiveTab\", \"company\");\n setTimeout(() => {\n window.location.reload();\n }, 2000);\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please enter select a store\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n setShowMoveModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n \n );\n};\n\nexport default MoveModal;\n","import React, { useEffect } from \"react\";\nimport { Form, Button, Modal } from \"react-bootstrap\";\nimport { useState } from \"react\";\nimport { Formik } from \"formik\";\nimport { UserService } from \"../../../../../service/userService\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Utility } from \"../../../../../Helpers/utils\";\nimport MoveModal from \"./components/MoveModal\";\n\nconst Company = ({ employee, user }) => {\n const [editMode, setEditMode] = useState(false);\n const [employees, setEmployees] = useState(null);\n const [store, setStore] = useState(null);\n const [showMoveModal, setShowMoveModal] = useState(false);\n const [viewSalary, setViewSalary] = useState(false);\n // const [showStorePermissionModal, setShowStorePermissionModal] = useState(\n // false\n // );\n const [jobCode, setJobCode] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n const [defaultStores, setDefaultStores] = useState(null);\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n setEmployees(response.data.data.activeEmployees);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n let storeOptionsArray = [];\n SystemConfigService.getStores()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n return storeOptionsArray.push({\n value: i.id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setStoreOptions(storeOptionsArray);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n // SystemConfigService.getJobCodes()\n // .then((response) => {\n // setJobCode(response.data.data);\n // })\n // .catch((error) => {\n // console.log(error.response.data);\n // });\n\n let defaultOptionsArray = [];\n SystemConfigService.getPermittedStoreForManagerAdmin({ id: employee.id })\n .then((response) => {\n console.log(response.data.data);\n response.data.data.map((i, index) => {\n return defaultOptionsArray.push({\n value: i.id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setDefaultStores(defaultOptionsArray);\n })\n .catch((error) => {\n console.log(error);\n });\n\n // setUser(Utility.getUser());\n }, []);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {\n setSubmitting(true);\n UserService.updateCompanyDetails(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"Company details updated successfully\",\n toastoptions\n );\n setEditMode(false);\n window.location.reload();\n })\n .catch((error) => {\n console.log(error.response);\n // cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n )}\n \n \n );\n};\n\nexport default Company;\n","import React, { useState } from \"react\";\nimport { pdfjs, Document, Page } from \"react-pdf/dist/entry.webpack\";\nimport { Modal, Button, Form } from \"react-bootstrap\";\n\nimport { Formik } from \"formik\";\nimport cogoToast from \"cogo-toast\";\nimport { UserService } from \"../../../../../service/userService\";\n\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n\nconst PDFReader = ({ pdf, user }) => {\n const [numPages, setNumPages] = useState(0);\n const [previewMode, setPreviewMode] = useState(false);\n const [mdShow, setMdShow] = useState(false);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n\n const onDocumentLoadSuccess = ({ numPages }) => {\n setNumPages(numPages);\n };\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const printPDFhandler = () => {\n window.open(pdf.url, \"PRINT\", \"height=400,width=600\");\n };\n\n return (\n \n
\n\n \n\n {showMoveModal && (\n <>\n \n
\n\n Position Details
\n\n {!editMode && (\n \n {user && (user.role === \"super admin\" || user.role === \"hr\") ? (\n \n {/* {\n setShowStorePermissionModal(true);\n }}\n >\n Store Permissions \n */}\n {/* {\n setShowMoveModal(true);\n }}\n >\n Move Employee{\" \"}\n \n */}\n \n ) : (\n \"\"\n )}\n \n )}\n\n {!editMode && (\n \n {user && user.role === \"super admin\" ? (\n {\n setEditMode(true);\n }}\n >\n {\" \"}\n Edit \n \n ) : (\n \"\"\n )}\n \n )}\n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n );\n};\n\nexport default PDFReader;\n","import React, { useState } from \"react\";\nimport { pdfjs, Document, Page } from \"react-pdf/dist/entry.webpack\";\nimport { Modal, Button, Form, Spinner } from \"react-bootstrap\";\n\nimport { Formik } from \"formik\";\nimport cogoToast from \"cogo-toast\";\nimport { UserService } from \"../service/userService\";\n\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n\nconst BankDocumentReader = ({ url, bank }) => {\n const [numPages, setNumPages] = useState(0);\n const [previewMode, setPreviewMode] = useState(false);\n const [mdShow, setMdShow] = useState(false);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n\n const onDocumentLoadSuccess = ({ numPages }) => {\n setNumPages(numPages);\n };\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const printPDFhandler = () => {\n window.open(url, \"PRINT\", \"height=400,width=600\");\n };\n\n return (\n \n
\n\n {showDeleteModal && (\n {pdf.file_name}
\n\n \n {!previewMode && (\n {\n setPreviewMode(false);\n setMdShow(false);\n }}\n >\n {\" \"}\n Close Preview{\" \"}\n \n )}\n
\n\n \n \n {\n setPreviewMode(true);\n setMdShow(true);\n }}\n >\n {\" \"}\n Preview File{\" \"}\n \n\n {user && user.role === \"super admin\" ? (\n {\n setShowDeleteModal(true);\n }}\n >\n {\" \"}\n Delete File{\" \"}\n \n ) : (\n \"\"\n )}\n\n {user && user.role === \"hr\" ? (\n {\n setShowDeleteModal(true);\n }}\n >\n {\" \"}\n Delete File{\" \"}\n \n ) : (\n \"\"\n )}\n
\n )}\n\n {previewMode && (\n \n {\n setSubmitting(true);\n\n if (values.password) {\n UserService.deleteUploadedDocument(values)\n .then((response) => {\n console.log(response);\n setShowDeleteModal(false);\n cogoToast.success(\n \"Document deleted successfully\",\n toastoptions\n );\n setSubmitting(false);\n localStorage.setItem(\"employeeActiveTab\", \"documents\");\n setTimeout(() => {\n window.location.reload();\n }, 2000);\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n console.log(\"Here\");\n cogoToast.error(\n \"Please enter your password to proceed\",\n toastoptions\n );\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n setShowDeleteModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n >\n \n \n )}\n \n
\n )}\n\n {previewMode && (\n \n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n {/* Modal title */}\n \n\n \n \n {Array.from(new Array(numPages), (el, index) => (\n \n\n \n {\n printPDFhandler();\n }}\n >\n Print\n \n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n >\n Close Preview\n \n \n \n
\n )}\n \n
\n );\n};\n\nexport default BankDocumentReader;\n","import React from \"react\";\n\nconst History = () => {\n return (\n \n
\n\n {showDeleteModal && (\n \n {/* \n {pdf.file_name}\n */}\n\n {bank.file_name}\n
\n\n \n {!previewMode && (\n {\n setPreviewMode(false);\n setMdShow(false);\n }}\n >\n {\" \"}\n Close Preview{\" \"}\n \n )}\n
\n\n \n \n {\n setPreviewMode(true);\n setMdShow(true);\n }}\n >\n {\" \"}\n Preview File{\" \"}\n \n {/* {\n setShowDeleteModal(true);\n }}\n >\n {\" \"}\n Delete File{\" \"}\n */}\n
\n )}\n\n {previewMode && (\n \n {\n if (values.password) {\n UserService.deleteUploadedDocument(values)\n .then((response) => {\n console.log(response);\n cogoToast.success(\n \"Document deleted successfully\",\n toastoptions\n );\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n console.log(\"Here\");\n cogoToast.error(\n \"Please enter your password to proceed\",\n toastoptions\n );\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n setShowDeleteModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n >\n \n \n )}\n \n
\n )}\n\n {previewMode && (\n \n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n {/* Modal title */}\n \n\n \n \n {Array.from(new Array(numPages), (el, index) => (\n \n\n \n {\n printPDFhandler();\n }}\n >\n Print\n \n\n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n >\n Close Preview\n \n \n \n
\n )}\n \n
\n \n );\n};\n\nexport default History;\n","import React from \"react\";\n\nconst Reviews = () => {\n return (\n \n
\n\n Activity Log
\n\n
\n \n
\n \n \n
\n Feature not available for now
\n \n
\n \n );\n};\n\nexport default Reviews;\n","import React, { useEffect, useState } from \"react\";\nimport { UserService } from \"../../../../../service/userService\";\n\nconst Locations = ({ employee, user }) => {\n const [histories, setHistories] = useState(null);\n\n useEffect(() => {\n async function getHistories(slug) {\n try {\n const response = await UserService.getEmployeeLocationHistories(slug);\n setHistories(response.data.data);\n } catch (e) {\n console.log(e.response);\n }\n }\n\n getHistories(user.slug);\n }, []);\n\n console.log(histories, \"This is the history\");\n return (\n \n
\n\n Reviews
\n\n
\n \n
\n \n \n
\n Feature to be implemented soon
\n \n
\n );\n};\n\nexport default Locations;\n","import cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport React from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport Swal from \"sweetalert2\";\nimport { SystemConfigService } from \"../../../../../../service/configService\";\nimport Select from \"react-select\";\n\nconst PermanentAccess = ({\n employee,\n handleStorePermissionClose,\n storeOptions,\n defaultPermanentStores,\n}) => {\n return (\n \n
\n \n {histories ? (\n histories.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n
\n \n
\n \n \n
\n Start Date: {value.start_date}\n
\n End Date: {value.end_date}\n
\n \n
\n \n Start Date: {value.start_date}\n
\n End Date: {value.end_date}\n
\n
No history found
\n )}\n\n {\n setSubmitting(true);\n console.log(values);\n\n if (values.store_selected.length > 0) {\n SystemConfigService.selectStoreForManager(values)\n .then((response) => {\n setSubmitting(false);\n cogoToast.success(\"Store saved successfully\");\n window.location.reload();\n console.log(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Error!\",\n text: `Please select a store`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n }\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n );\n};\n\nexport default PermanentAccess;\n","import cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport Swal from \"sweetalert2\";\nimport { SystemConfigService } from \"../../../../../../service/configService\";\nimport DatePicker from \"react-datepicker\";\nimport Select from \"react-select\";\n\nconst TemporaryAccess = ({\n employee,\n handleStorePermissionClose,\n storeOptions,\n defaultTemporaryStores,\n}) => {\n const [startDate, setStartDate] = useState(new Date());\n const [endDate, setEndDate] = useState(new Date());\n return (\n \n {\n setSubmitting(true);\n console.log(values);\n\n if (values.store_selected.length > 0) {\n SystemConfigService.selectStoreForManager(values)\n .then((response) => {\n setSubmitting(false);\n cogoToast.success(\"Store saved successfully\");\n window.location.reload();\n console.log(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Error!\",\n text: `Please select a store`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n }\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n );\n};\n\nexport default TemporaryAccess;\n","import React from \"react\";\nimport { Col, Modal, Nav, Row, Tab } from \"react-bootstrap\";\nimport PermanentAccess from \"./PermanentAccess\";\nimport TemporaryAccess from \"./TemporaryAccess\";\n\nconst StorePermissionModal = ({\n showStorePermissionModal,\n setShowStorePermissionModal,\n employee,\n handleStorePermissionClose,\n storeOptions,\n defaultPermanentStores,\n defaultTemporaryStores,\n}) => {\n return (\n <>\n \n setShowStorePermissionModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"50px\" }}\n backdrop=\"static\"\n scrollable={true}\n >\n \n Store Permission \n \n\n \n \n\n \n {\" \"}\n \n \n
\n \n );\n};\n\nexport default StorePermissionModal;\n","import React, { useState, useEffect } from \"react\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport StorePermissionModal from \"./components/StorePermissionModal\";\n\nconst AccessLevel = ({ employee, user }) => {\n const [showStorePermissionModal, setShowStorePermissionModal] =\n useState(false);\n const [storeOptions, setStoreOptions] = useState(null);\n const [defaultPermanentStores, setDefaultPermanentStores] = useState(null);\n const [defaultTemporaryStores, setDefaultTemporaryStores] = useState(null);\n\n const handleStorePermissionClose = () => {\n setShowStorePermissionModal(false);\n };\n\n useEffect(() => {\n let storeOptionsArray = [];\n SystemConfigService.getStores()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n return storeOptionsArray.push({\n value: i.location_id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setStoreOptions(storeOptionsArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n let defaultOptionsArray = {\n temporary: [],\n permanent: [],\n };\n\n SystemConfigService.getPermittedStoreForTempPerm({ id: employee.id })\n .then((response) => {\n console.log(response.data.data, \"Selected stores\");\n const tempRes = response.data.data.temporary;\n const permRes = response.data.data.permanent;\n\n if (tempRes.length > 0) {\n tempRes.map((i, index) => {\n defaultOptionsArray.temporary.push({\n value: i.location_id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n }\n\n if (permRes.length > 0) {\n permRes.map((i, index) => {\n defaultOptionsArray.permanent.push({\n value: i.location_id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n }\n\n setDefaultPermanentStores(defaultOptionsArray.permanent);\n setDefaultTemporaryStores(defaultOptionsArray.temporary);\n\n return defaultOptionsArray;\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n return (\n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n {user && (user.role === \"super admin\" || user.role === \"hr\") ? (\n {\n setShowStorePermissionModal(true);\n }}\n >\n Configure Store Permissions \n \n ) : (\n \"\"\n )}\n\n
\n );\n};\n\nexport default AccessLevel;\n","import FilePondPluginImageExifOrientation from \"filepond-plugin-image-exif-orientation\";\nimport FilePondPluginImagePreview from \"filepond-plugin-image-preview\";\n// import { AspectRatio } from \"react-aspect-ratio\";\nimport { FilePond, registerPlugin } from \"react-filepond\";\nimport React, { useEffect, useState } from \"react\";\nimport cogoToast from \"cogo-toast\";\nimport { Utility } from \"../../Helpers/utils\";\nimport { BiggerCircle } from \"../../components/AlertUtility\";\n\nconst acceptedMimeTypes = [\"image/jpeg\", \"image/png\"];\n\nregisterPlugin(FilePondPluginImageExifOrientation, FilePondPluginImagePreview);\n\nexport const ProfilePicturePond = ({ slug }) => {\n const [background, setBackground] = useState(``);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n setBackground(\n `${process.env.REACT_APP_AZURE_STORAGE}/pictures/${slug}?${Date.now()}`\n );\n }, [slug]);\n\n // \n
\n\n \n
\n \n \n \n
\n
\n\n | Permanent | \n
|---|
| {store.label} | \n
\n \n \n
\n
\n | Temporary | \n
|---|
| {store.label} | \n
\n {showStorePermissionModal && (\n
\n \n //
;\n\n return (\n \n \n {\n cogoToast.error(error.main, toastoptions);\n file.abortLoad();\n }}\n onaddfile={(error, file) => {\n if (\n !acceptedMimeTypes.find((mimeType) => mimeType === file.fileType)\n ) {\n cogoToast.error(\n \"You can only upload JPEG and PNG formats\",\n toastoptions\n );\n file.abortLoad();\n return;\n }\n\n if (file.fileSize > 3 * 1000 * 1024) {\n cogoToast.error(\"File is too large\", toastoptions);\n file.abortLoad();\n }\n }}\n onprocessfile={(error, file) => {\n file.abortLoad();\n }}\n server={{\n process: async (\n _,\n file,\n metadata,\n load,\n error,\n progress,\n abort\n ) => {\n const data = new FormData();\n data.append(\"profile_picture\", file);\n const request = new XMLHttpRequest();\n\n request.onload = async (e) => {\n if (request.status >= 200 && request.status < 300) {\n load(request.responseText);\n cogoToast.success(\"Image updated successfully\", toastoptions);\n\n setBackground(\n `${\n process.env.REACT_APP_AZURE_STORAGE\n }/pictures/${slug}?${Date.now()}`\n );\n console.log(background);\n } else {\n console.error(request);\n }\n };\n\n request.upload.onprogress = (e) => {\n progress(e.lengthComputable, e.loaded, e.total);\n };\n\n request.open(\n \"POST\",\n `${process.env.REACT_APP_BASE_URL}/employee/account/update-profile-pic/${slug}`\n );\n\n request.setRequestHeader(\n \"authorization\",\n Utility.getBearerToken()\n );\n\n request.send(data);\n\n return {\n abort: () => {\n if (!request.DONE) {\n request.abort();\n }\n\n abort();\n },\n };\n },\n }}\n >\n \n
\n );\n};\n","import cogoToast from \"cogo-toast\";\r\n\r\nconst toastOptions = {\r\n hideAfter: 5,\r\n position: \"top-right\",\r\n heading: \"Attention\",\r\n};\r\n\r\nconst success = (msg) => cogoToast.success(msg, toastOptions);\r\nconst error = (msg) => cogoToast.error(msg, toastOptions);\r\nconst warning = (msg) => cogoToast.loading(msg, toastOptions);\r\nconst info = (msg) => cogoToast.info(msg, toastOptions);\r\nconst loading = (msg) => cogoToast.loading(msg, toastOptions);\r\n\r\nconst toastMessages = {\r\n success,\r\n error,\r\n warning,\r\n info,\r\n loading,\r\n};\r\n\r\nexport default toastMessages;\r\n","import React, { useState } from \"react\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { ProfilePicturePond } from \"../ProfilePitcurePond\";\nimport { Formik } from \"formik\";\nimport { confirmAlert } from \"react-confirm-alert\";\nimport { UserService } from \"../../../service/userService\";\nimport toastMessages from \"../../../Helpers/notifications\";\nimport Swal from \"sweetalert2\";\nimport { useHistory } from \"react-router\";\n\nconst TerminateEmployee = ({ employee, slug }) => {\n const [editMode, setEditMode] = useState(false);\n\n let history = useHistory();\n\n const deleteEmployee = (slug) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to delete an employee completely. Please note that this process cannot be reversed. Click yes to proceed!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n allowOutsideClick: false,\n allowEscapeKey: false,\n }).then((result) => {\n if (result.isConfirmed) {\n // Call the delete endpoint from here\n UserService.deleteEmployee(slug)\n .then((response) => {\n console.log(response.data.data)\n toastMessages.success(\"Employee has been deleted\");\n history.push(\"/employees/list\")\n // window.location.reload()\n })\n .catch((error) => {\n console.log(error)\n })\n }\n })\n };\n\n\n const reactivateEmployee = (slug) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to reactivate an employee. Click yes to proceed!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n allowOutsideClick: false,\n allowEscapeKey: false,\n }).then((result) => {\n if (result.isConfirmed) {\n // Call the delete endpoint from here\n UserService.activateEmployee(slug)\n .then((response) => {\n console.log(response.data.data)\n toastMessages.success(\"Employee has been reactivated\");\n window.location.reload()\n })\n .catch((error) => {\n console.log(error)\n })\n }\n })\n };\n\n return (\n \n
\n );\n};\n\nexport default TerminateEmployee;\n","import React, { useState, useEffect } from \"react\";\nimport { UserService } from \"../../service/userService\";\nimport { Link, useHistory, useParams } from \"react-router-dom\";\nimport { Tab, Col, Row, Nav } from \"react-bootstrap\";\nimport Personal from \"./components/profile/Personal\";\nimport Company from \"./components/profile/company/Company\";\nimport Documents from \"./components/profile/Documents/Documents\";\nimport EmergencyContacts from \"./components/profile/Contact/EmergencyContacts\";\nimport Notes from \"./components/profile/Notes/Notes\";\nimport Bank from \"./components/profile/Bank/Bank\";\nimport EmployeeCases from \"./components/profile/Case/Cases\";\nimport History from \"./components/profile/History\";\nimport cogoToast from \"cogo-toast\";\nimport { Utility } from \"../../Helpers/utils\";\nimport Reviews from \"./components/profile/Reviews\";\nimport Locations from \"./components/profile/Location/Locations\";\nimport AccessLevel from \"./components/profile/Access/AccessLevel\";\nimport TerminateEmployee from \"./components/TerminateEmployee\";\n\nconst ViewEmployee = () => {\n const [employee, setEmployee] = useState(null);\n const [user, setUser] = useState(null);\n const [selectedTab, setSelectedTab] = useState(\"personal\");\n const history = useHistory();\n\n let { slug } = useParams();\n\n useEffect(() => {\n const authUser = Utility.getUser();\n setUser(authUser);\n\n UserService.getEmployeeUsingSlug(slug)\n .then((response) => {\n setEmployee(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n history.push(\"/employees/list\");\n cogoToast.error(\"Employee not found\");\n // console.log(error.response.data);\n });\n\n const tab = localStorage.getItem(\"employeeActiveTab\");\n\n console.log(tab);\n\n if (tab) {\n setSelectedTab(tab);\n }\n }, [slug]);\n\n return (\n \n
\n\n {editMode && (\n \n
\n \n
\n\n {`${employee.first_name} ${employee.last_name}`}
\n\n \n {employee.job_status}\n \n
\n \n {employee.company_details &&\n employee.company_details.employment_status !== \"terminated\" ? (\n {\n setEditMode(true);\n }}\n >\n Terminate\n \n ) : (\n {\n reactivateEmployee(employee.slug);\n }}\n >\n Reactivate\n \n )}\n {/* {\n archiveEmployee(employee.slug);\n }}\n >\n Archive\n */}\n\n {\n deleteEmployee(employee.slug);\n }}\n >\n Delete\n \n
\n \n {\n if (!values.reason) {\n toastMessages.error(\"Please select a reason\");\n } else {\n try {\n const response = await UserService.terminateEmployee(\n slug,\n values\n );\n if (response.data.success) {\n toastMessages.success(\"Employee has been terminated\");\n setSubmitting(false);\n window.location.reload();\n return;\n }\n } catch (error) {\n console.log(error.response.data);\n setSubmitting(false);\n }\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n )}\n \n
\n )}\n \n \n
\n \n
\n \n \n
\n \n {employee && (\n
\n );\n};\n\nexport default ViewEmployee;\n","import React, { useState, useEffect } from \"react\";\nimport { UserService } from \"../../service/userService\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { Tab, Col, Row, Nav, Button, Form, Spinner } from \"react-bootstrap\";\nimport { ProfilePicturePond } from \"./ProfilePitcurePond\";\nimport Personal from \"./components/profile/Personal\";\nimport Company from \"./components/profile/company/Company\";\n// import Contact from \"./components/profile/Contact\";\nimport Documents from \"./components/profile/Documents/Documents\";\nimport EmergencyContacts from \"./components/profile/Contact/EmergencyContacts\";\nimport Notes from \"./components/profile/Notes/Notes\";\n// import Others from \"./components/profile/Others\";\nimport Bank from \"./components/profile/Bank/Bank\";\nimport Instant from \"./components/profile/Instant/Instant\";\nimport EmployeeCases from \"./components/profile/Case/Cases\";\nimport History from \"./components/profile/History\";\nimport { Formik } from \"formik\";\nimport cogoToast from \"cogo-toast\";\nimport { confirmAlert } from \"react-confirm-alert\";\nimport { Utility } from \"../../Helpers/utils\";\nimport Reviews from \"./components/profile/Reviews\";\nimport Locations from \"./components/profile/Location/Locations\";\nimport AccessLevel from \"./components/profile/Access/AccessLevel\";\n\nconst ViewMyProfile = () => {\n const [employee, setEmployee] = useState(null);\n const [editMode, setEditMode] = useState(false);\n const [user, setUser] = useState(null);\n const [selectedTab, setSelectedTab] = useState(\"personal\");\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const archiveEmployee = (slug) => {\n confirmAlert({\n title: \"Confirm to submit\",\n message: \"Are you sure to do this.\",\n buttons: [\n {\n label: \"Yes\",\n onClick: () => {\n UserService.archiveEmployee(slug)\n .then((response) => {\n console.log(response.data);\n // window.location.reload();\n })\n .catch((error) => {\n console.log(error.response.data);\n cogoToast.error(error.response.data.message, toastoptions);\n });\n },\n },\n {\n label: \"No\",\n // onClick: () => setSubmitted(false),\n },\n ],\n // onClickOutside: setSubmitted(false),\n });\n };\n\n let { slug } = useParams();\n\n useEffect(() => {\n const authUser = Utility.getUser();\n setUser(authUser);\n console.log(\"O WA WA\");\n\n UserService.getEmployeeUsingSlug(slug)\n .then((response) => {\n console.log(response.data.data);\n setEmployee(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data, \"HERE\");\n });\n\n const tab = localStorage.getItem(\"employeeActiveTab\");\n\n console.log(tab);\n\n if (tab) {\n setSelectedTab(tab);\n }\n }, [slug]);\n\n return (\n \n
\n )}\n \n
\n \n Profile{\" \"}\n \n \n Click on the image to upload a new one\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 {/* \n */}\n\n {/* \n */}\n\n {/* \n */}\n\n \n \n \n \n \n \n
\n \n
\n \n {employee && (\n
\n );\n};\n\nexport default ViewMyProfile;\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const BulkEmployeesUpload = ({ setFieldValue }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n // const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({\n // Disable click and keydown behavior\n noClick: false,\n noKeyboard: true,\n accept: \".xlsx\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\n \"File format not supported. Use xlsx only\",\n toastoptions\n );\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\n \"You cannot upload more than 1 file at a time\",\n toastoptions\n );\n } else {\n setFieldValue(\"bulk_upload_attachement\", acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n )}\n \n
\n \n Profile{\" \"}\n \n \n Click on the image to upload a new one\n \n \n
\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n {`${employee.first_name} ${employee.last_name}`}
\n\n \n {employee.job_status}\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 {files.length <= 2 ? (\n \n ) : (\n \"\"\n )}\n \n );\n};\n","import { Formik } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\nimport { UserService } from \"../../../service/userService\";\nimport { Form, Tabs, Tab, Spinner, Modal, Button } from \"react-bootstrap\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\nimport { BulkEmployeesUpload } from \"./BulkEmployeesUpload\";\n\nconst CreateBulkUpload = () => {\n const [showBulkEmployeeModal, setShowBulkEmployeeModal] = useState(false);\n const [employeesUploaded, setEmployeesUploaded] = useState(null);\n\n const history = useHistory();\n\n const handleModalClose = () => {\n setShowBulkEmployeeModal(false);\n history.push(\"/employee/add\");\n };\n\n const defaultSorted = [\n {\n dataField: \"employeeNumber\",\n order: \"desc\",\n },\n ];\n\n const uploadedEmployeesColumn = [\n {\n dataField: \"employeeNumber\",\n text: \"Employee Id\",\n sort: false,\n },\n {\n dataField: \"email\",\n text: \"Email Address\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n },\n ];\n\n return (\n \n \n
\n \n Drag & drop a file here or Click to upload\n
\n\n
\n );\n};\n\nexport default CreateBulkUpload;\n","import React, { Component } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\n// import DatePicker from \"react-datepicker\";\nimport { UserService } from \"../../service/userService\";\nimport cogoToast from \"cogo-toast\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nexport class EditEmployee extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n first_name: \"\",\n last_name: \"\",\n middle_name: \"\",\n email: \"\",\n // date_of_employment: new Date(),\n role: \"\",\n job_status: \"\",\n job_code_id: \"\",\n store_id: \"\",\n jobCode: null,\n employee: null,\n };\n\n this.handleInput = this.handleInputChange.bind(this);\n }\n\n toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n fetchJobCodes() {\n SystemConfigService.getJobCodes()\n .then((response) => {\n this.setState({ jobCode: response.data.data });\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }\n\n fetchStores() {\n SystemConfigService.getStores()\n .then((response) => {\n this.setState({ store: response.data.data });\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }\n\n fetchEmployeeUsingSlug() {\n const { slug } = this.props.match.params;\n UserService.getEmployeeUsingSlug(slug)\n .then((response) => {\n console.log(response.data.data, \"Update\");\n this.setState({ employee: response.data.data });\n })\n .catch((error) => {\n console.log(error);\n });\n }\n\n componentDidMount() {\n this.fetchJobCodes();\n this.fetchStores();\n this.fetchEmployeeUsingSlug();\n }\n\n handleChange = (date) => {\n this.setState({\n startDate: date,\n });\n };\n\n handleDateOfEmploymentChange = (date) => {\n this.setState({ date_of_employment: date });\n };\n\n handleInputChange = (e) => {\n console.log(e.target.value);\n const { name, value } = e.target;\n console.log(name, value);\n this.setState({ [name]: value });\n };\n\n handleFormSubmission = (e) => {\n e.preventDefault();\n const {\n first_name,\n last_name,\n middle_name,\n email,\n // date_of_employment,\n role,\n job_status,\n job_code_id,\n slug,\n } = this.state.employee;\n\n // if (email && first_name && last_name && job_status && job_code_id && role && store_id) {\n let data = {\n first_name,\n last_name,\n middle_name,\n email,\n // date_of_employment,\n role,\n job_status,\n job_code_id,\n slug,\n };\n console.log(this.state.employee);\n console.log(data);\n UserService.editEmployee(data)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n cogoToast.success(\n \"Employee uppdated successfully\",\n this.toastoptions\n );\n // this.props.history.push('/employees/list');\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n if (error.response.data.errors.email) {\n cogoToast.error(\n error.response.data.errors.email[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.first_name) {\n cogoToast.error(\n error.response.data.errors.first_name[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.last_name) {\n cogoToast.error(\n error.response.data.errors.last_name[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.job_status) {\n cogoToast.error(\n error.response.data.errors.job_status[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.job_code_id) {\n cogoToast.error(\n error.response.data.errors.job_code_id[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.role) {\n cogoToast.error(\n error.response.data.errors.role[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.date_of_employment) {\n cogoToast.error(\n error.response.data.errors.date_of_employment[0],\n this.toastoptions\n );\n }\n if (error.response.data.errors.store_id) {\n cogoToast.error(\n error.response.data.errors.store_id[0],\n this.toastoptions\n );\n }\n }\n cogoToast.error(error.response.data.message, this.toastoptions);\n });\n // } else {\n // cogoToast.error('Please fill all the required fields', this.toastoptions);\n // }\n };\n\n render() {\n const { employee, jobCode } = this.state;\n return (\n \n
\n\n \n
\n\n Bulk Employee Upload
\n\n \n \n \n
\n \n \n
\n\n \n
\n \n
\n \n {\n setSubmitting(true);\n\n const data = new FormData();\n\n if (\n values.bulk_upload_attachement &&\n values.bulk_upload_attachement.length > 0\n ) {\n values.bulk_upload_attachement.map((file) => {\n return data.append(\n \"bulk_upload_attachement[]\",\n file,\n file.name\n );\n });\n\n UserService.bulkEmployeeUpload(data)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n setEmployeesUploaded(response.data.data);\n setShowBulkEmployeeModal(true);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Error\");\n }\n });\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Check all inputs\",\n icon: \"error\",\n html: \"Kindly upload all the required file\",\n text: \"\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Labor info works\");\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n setFieldValue,\n isSubmitting,\n }) => (\n \n \n \n\n
\n Upload Employees
\n\n \n Submit \n {isSubmitting ? (\n
\n \n )}\n \n \n {showBulkEmployeeModal && (\n {\n handleModalClose();\n }}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n
\n \n \n Employees Uploaded \n \n\n \n \n\n \n {\" \"}\n handleModalClose()}\n >\n Proceed \n {/* {isSubmitting ? (\n \n ) : (\n \"\"\n )} */}\n \n \n \n
\n \n )}\n \n
\n \n {employeesUploaded && (\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n {\" \"}\n Employee\n {employeesUploaded &&\n employeesUploaded.length > 1\n ? \"s\"\n : \"\"}\n Uploaded\n
\n\n
\n \n {\" \"}\n The following employees has been uploaded to\n the portal. Please note that a mail containing\n valid credentials has also been sent to their\n respective inboxes.\n
\n\n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n );\n }\n}\n\nexport default EditEmployee;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { Link, useHistory } from \"react-router-dom\";\nconst { SearchBar } = Search;\n\nconst ViewAllStoresApplication = ({ applicationEntries }) => {\n let history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleViewEmergencyReportRedirect = (row, e, id) => {\n // console.log(row.report_date, e, id);\n history.push(\"/financials/view-emergency-report\", {\n store_id: id,\n report_date: row.report_date,\n });\n };\n\n const handleRedirect = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/details/${row.id}`, {\n entry: row,\n });\n };\n\n const handleRedirectToEdit = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/edit-details/${row.id}`, {\n entry: row,\n });\n };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Report Id\",\n sort: true,\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: true,\n },\n {\n dataField: \"approval_status\",\n text: \"Approval Status\",\n sort: true,\n },\n {\n dataField: \"date_created\",\n text: \"Date Created\",\n sort: true,\n },\n {\n dataField: \"state\",\n text: \"State\",\n sort: true,\n },\n {\n dataField: \"city\",\n text: \"City\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n Create Employee
\n \n\n {employee && (\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n \n {/*
\n Employee Info
\nPersonal info
*/}\n\n
\n\n \n \n \n \n
\n \n {\n this.handleInputChange(e);\n }}\n // onChange={this.handleInputChange}\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 \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 \n \n
\n \n \n \n Select Job Code\n \n {jobCode &&\n jobCode.map((value) => (\n \n ))}\n \n
\n \n {row.approval_status !== \"PROCESSED\" ? (\n handleRedirect(row)}\n >\n View Details\n \n ) : (\n handleRedirectToEdit(row)}\n >\n View & Edit\n Details\n \n )}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n return (\n \n
\n );\n};\n\nexport default ViewAllStoresApplication;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { Link, useHistory } from \"react-router-dom\";\nconst { SearchBar } = Search;\n\nconst ViewHiredApplicants = ({ applicationEntries }) => {\n let history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleViewEmergencyReportRedirect = (row, e, id) => {\n // console.log(row.report_date, e, id);\n history.push(\"/financials/view-emergency-report\", {\n store_id: id,\n report_date: row.report_date,\n });\n };\n\n const handleRedirect = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/details/${row.id}`, {\n entry: row,\n });\n };\n\n const handleRedirectToEdit = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/edit-details/${row.id}`, {\n entry: row,\n });\n };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Report Id\",\n sort: true,\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: true,\n },\n {\n dataField: \"position\",\n text: \"Position\",\n sort: true,\n },\n {\n dataField: \"approval_status\",\n text: \"Approval Status\",\n sort: true,\n },\n {\n dataField: \"date_created\",\n text: \"Date Created\",\n sort: true,\n },\n {\n dataField: \"state\",\n text: \"State\",\n sort: true,\n },\n {\n dataField: \"city\",\n text: \"City\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n \n \n
\n \n
\n \n {applicationEntries && (\n
\n \n
\n )}\n \n
\n Application Entries
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {row.approval_status !== \"PROCESSED\" ? (\n handleRedirect(row)}\n >\n View Details\n \n ) : (\n handleRedirectToEdit(row)}\n >\n View & Edit\n Details\n \n )}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n return (\n \n
\n );\n};\n\nexport default ViewHiredApplicants;\n","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { Link, useHistory } from \"react-router-dom\";\nconst { SearchBar } = Search;\n\nconst ViewNotHiredApplicants = ({ applicationEntries }) => {\n let history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleViewEmergencyReportRedirect = (row, e, id) => {\n // console.log(row.report_date, e, id);\n history.push(\"/financials/view-emergency-report\", {\n store_id: id,\n report_date: row.report_date,\n });\n };\n\n const handleRedirect = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/details/${row.id}`, {\n entry: row,\n });\n };\n\n const handleRedirectToEdit = (row) => {\n console.log(row, \"Na the row be this\");\n history.push(`/employees/edit-details/${row.id}`, {\n entry: row,\n });\n };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Report Id\",\n sort: true,\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: true,\n },\n {\n dataField: \"position\",\n text: \"Position\",\n sort: true,\n },\n {\n dataField: \"approval_status\",\n text: \"Approval Status\",\n sort: true,\n },\n {\n dataField: \"date_created\",\n text: \"Date Created\",\n sort: true,\n },\n {\n dataField: \"state\",\n text: \"State\",\n sort: true,\n },\n {\n dataField: \"city\",\n text: \"City\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Application Entries
\n\n
\n \n {applicationEntries && (\n \n {(props) => (\n
\n \n
\n )}\n \n )}\n \n
\n Search in table:
\n\n {row.approval_status !== \"PROCESSED\" ? (\n handleRedirect(row)}\n >\n View Details\n \n ) : (\n handleRedirectToEdit(row)}\n >\n View & Edit\n Details\n \n )}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n return (\n \n
\n );\n};\n\nexport default ViewNotHiredApplicants;\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { Col, Row, Nav, Tab } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { UserService } from \"../../../service/userService\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport moment from \"moment\";\nimport ViewAllStoresApplication from \"./components/ViewAllStoresApplication\";\nimport ViewHiredApplicants from \"./components/ViewHiredApplicants\";\nimport ViewNotHiredApplicants from \"./components/ViewNotHiredApplicants\";\nimport { Utility } from \"../../../Helpers/utils\";\n\nconst ShowApplicationEntries = () => {\n const [applicationEntries, setApplicationEntries] = useState(null);\n const [hiredApplicants, setHiredApplicants] = useState(null);\n const [notHiredApplicants, setNotHiredApplicants] = useState(null);\n const [stores, setStores] = useState(null);\n\n let history = useHistory();\n const user = Utility.getUser();\n\n useEffect(() => {\n UserService.getApplicants()\n .then((response) => {\n console.log(response.data.data, \"Applicants\");\n\n let applicantsArr = [];\n let hiredApplicantArr = [];\n let notHiredApplicantArr = [];\n\n response.data.data.map((res, index) => {\n let resultData = {\n id: res.id,\n approval_status: res.approval_status,\n date_created: moment(res.date_created).fromNow(),\n state: res.state,\n city: res.city,\n address: res.address,\n copy_resume: res.copy_resume,\n date: res.date,\n email: res.email,\n entry_number: res.entry_number,\n form_number: res.form_number,\n how_heard: res.how_heard,\n ip_address: res.ip_address,\n name: res.name,\n phone_number: res.phone_number,\n position: res.position,\n signature: res.signature,\n when_start: res.when_start,\n willing: res.willing,\n isAcknowledged: res.isAcknowledged,\n hired: res.hired,\n are_you_us_citizen: res.are_you_us_citizen,\n authorised_to_work_us: res.authorised_to_work_us,\n worked_for_this_company: res.worked_for_this_company,\n when_did_you_worked_here: res.when_did_you_worked_here,\n rate: res.rate,\n start_date: res.start_date,\n employee_classification: res.employee_classification,\n employee_type: res.employee_type,\n rehired_from: res.rehired_from,\n transferred_from: res.transferred_from,\n manager_interviewed: res.manager_interviewed,\n ready_training: res.ready_training,\n position_hired: res.position_hired,\n };\n if (res.approval_status == \"PROCESSED\" && res.hired == \"Yes\") {\n hiredApplicantArr.push(resultData);\n } else if (res.approval_status == \"PROCESSED\" && res.hired === \"No\") {\n notHiredApplicantArr.push(resultData);\n }\n applicantsArr.push(resultData);\n });\n\n setNotHiredApplicants(notHiredApplicantArr);\n setHiredApplicants(hiredApplicantArr);\n setApplicationEntries(applicantsArr);\n })\n .catch((error) => {\n console.log(error);\n });\n\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n Application Entries
\n\n
\n \n {applicationEntries && (\n \n {(props) => (\n
\n \n
\n )}\n \n )}\n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(ShowApplicationEntries);\n","import React, { useEffect, useState } from \"react\";\nimport { useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { UserService } from \"../../../service/userService\";\nimport moment from \"moment\";\nimport ViewAllStoresApplication from \"./components/ViewAllStoresApplication\";\n\nconst ViewStoreApplications = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [applicationEntries, setApplicationEntries] = useState(null);\n\n useEffect(() => {\n UserService.getApplicantsForStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n\n let applicantsArr = [];\n\n response.data.data.map((res, index) => {\n applicantsArr.push({\n id: res.id,\n approval_status: res.approval_status,\n date_created: moment(res.date_created).fromNow(),\n state: res.state,\n city: res.city,\n address: res.address,\n copy_resume: res.copy_resume,\n date: res.date,\n email: res.email,\n entry_number: res.entry_number,\n form_number: res.form_number,\n how_heard: res.how_heard,\n ip_address: res.ip_address,\n name: res.name,\n phone_number: res.phone_number,\n position: res.position,\n signature: res.signature,\n when_start: res.when_start,\n willing: res.willing,\n isAcknowledged: res.isAcknowledged,\n hired: res.hired,\n are_you_us_citizen: res.are_you_us_citizen,\n authorised_to_work_us: res.authorised_to_work_us,\n worked_for_this_company: res.worked_for_this_company,\n when_did_you_worked_here: res.when_did_you_worked_here,\n rate: res.rate,\n start_date: res.start_date,\n employee_classification: res.employee_classification,\n employee_type: res.employee_type,\n rehired_from: res.rehired_from,\n transferred_from: res.transferred_from,\n manager_interviewed: res.manager_interviewed,\n ready_training: res.ready_training,\n position_hired: res.position_hired,\n });\n });\n setApplicationEntries(applicantsArr);\n })\n .catch((error) => {\n console.log(error);\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 \n
\n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n {value.name}\n \n {value.address}\n
\n
\n \n ({value.location_id})\n \n \n
\n \n
\n \n ({value.location_id})\n \n
\n
\n );\n};\n\nexport default withRouter(ViewStoreApplications);\n","import React, { useEffect, useState } from \"react\";\nimport { Formik } from \"formik\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { useHistory, withRouter } from \"react-router\";\nimport { Utility } from \"../../../Helpers/utils\";\nimport DatePicker from \"react-datepicker\";\nimport { Link } from \"react-router-dom\";\nimport { UserService } from \"../../../service/userService\";\nimport Alert from \"react-bootstrap/Alert\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport Swal from \"sweetalert2\";\nimport JobCodeName from \"../../../components/JobCodeName\";\nimport Select from \"react-select\";\n\nconst ViewStoreApplicationDetails = () => {\n let history = useHistory();\n\n const [user, setUser] = useState(null);\n const [date, setDate] = useState(new Date());\n const [startDate, setStartDate] = useState(new Date());\n const [entryAck, setEntryAck] = useState(\n history.location.state.entry.isAcknowledged\n );\n\n const entry_id = history.location.state.entry.id;\n const entry = history.location.state.entry;\n const [isLoading, setIsLoading] = useState(false);\n const [positionOptions, setPositionOptions] = useState(null);\n\n useEffect(() => {\n let positionArr = [];\n const authUser = Utility.getUser();\n console.log(authUser, \"Logged in user\");\n setUser(authUser);\n\n JobCodeName.map((job, index) => {\n return positionArr.push({\n value: job.id,\n label: job.name,\n });\n });\n setPositionOptions(positionArr);\n }, []);\n\n const handleAcknowledgeReceipt = () => {\n setIsLoading(true);\n let details = { entry_id };\n console.log(\"Manager has acknowledge\", details);\n UserService.acknowledgeApplicant(details)\n .then((response) => {\n setIsLoading(false);\n console.log(response.data.data);\n setEntryAck(true);\n })\n .catch((error) => {\n console.log(error);\n });\n };\n\n return (\n \n
\n\n \n \n {store ? store.name : \"\"}\n \n
\n\n\n \n \n \n
\n \n \n
\n \n
\n \n
\n\n {!entryAck && (\n Application Entry
\n\n \n \n
\n )}\n\n \n Kindly click on the button below to acknowledge the receipt of\n this application\n
\n\n
\n
\n )}\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n\n Applicant's details
\n\n \n \n
\n
\n | State | \n{entry.state} | \n
|---|---|
| City | \n{entry.city} | \n
| Which position are you applying for? | \n{entry.position} | \n
| Are you willing to relocate? | \n{entry.willing} | \n
| Are you a citizen of the United States? | \n{entry.are_you_us_citizen} | \n
| \n {\" \"}\n Are you authorised to work in the United States?{\" \"}\n | \n{entry.authorised_to_work_us} | \n
| Have you ever worked for this company? | \n{entry.worked_for_this_company} | \n
| When did you worked? | \n{entry.when_did_you_worked_here} | \n
| When can you start? | \n{entry.when_start} | \n
| Name | \n{entry.name} | \n
| Email Address | \n{entry.email} | \n
| Address | \n{entry.address} | \n
| Phone Number | \n{entry.phone_number} | \n
| Attach a copy of your resume | \n{entry.copy_resume} | \n
| How do you hear about this job? | \n{entry.how_heard} | \n
| Signature | \n\n | \n
\n {\n // setSubmitting(true);\n console.log(values, \"All the values\");\n Swal.fire({\n title: \"Are you sure all information is accurate?\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n UserService.processApplication(values)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n history.push(\"/employees/application\");\n })\n .catch((error) => {\n console.log(error);\n });\n } else {\n setSubmitting(false);\n }\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n Save \n {isSubmitting ? (\n
\n \n
\n\n {values.employee_type === \"re-hire\" && (\n \n
\n\n \n
\n\n \n
\n\n \n \n
\n\n {values.manager_interviewed &&\n values.manager_interviewed === \"No\" && (\n \n
\n\n \n
\n \n
\n \n \n \n \n
\n\n \n \n \n \n
\n \n \n \n {\" \"}\n Date Interviewed{\" \"}\n \n\n \n
\n\n \n
\n \n {\n console.log(d1);\n setDate(d1);\n // handleChangeDate\n setFieldValue(`date`, d1 ? d1 : \"\");\n }}\n />\n
\n \n \n
\n \n
\n\n Manager Interviewed Applicant
\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 Ready for training
\n\n \n \n
\n \n \n
\n \n \n
\n \n {values.ready_for_training &&\n values.ready_for_training === \"No\" && (\n \n \n \n \n )}\n
\n\n \n \n
\n\n {values.hired === \"Yes\" && (\n \n
\n\n Hired ?
\n\n \n \n
\n \n \n
\n \n \n
\n \n
\n )}\n \n
\n \n \n \n\n {\n console.log(opt);\n setFieldValue(\n \"position_hired\",\n opt\n );\n }}\n name=\"position_hired\"\n options={positionOptions}\n />\n\n {/* {\n setFieldValue(\n \"position_hired\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n */}\n \n
\n \n \n \n Start Date \n \n\n \n
\n\n \n
\n \n {\n console.log(d1);\n setStartDate(d1);\n // handleChangeDate\n setFieldValue(\n `startDate`,\n d1 ? d1 : \"\"\n );\n }}\n />\n
\n \n \n \n Rate \n \n \n
\n \n \n
\n \n \n $\n \n
\n\n \n \n /hr\n \n
\n \n \n
\n \n
\n\n Employee Classification
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n\n Employee Type
\n\n \n \n
\n \n \n
\n \n \n
\n\n \n \n
\n \n \n \n\n {\n setFieldValue(\n \"rehired_from\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\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 {values.employee_type === \"transfers\" && (\n \n \n \n\n {\n setFieldValue(\n \"transferred_from\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\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 \n
\n\n Application Entry
\n\n
\n )}\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n\n Applicant's details
\n\n \n \n
\n
\n | State | \n{entry.state} | \n
|---|---|
| City | \n{entry.city} | \n
| Which position are you applying for? | \n{entry.position} | \n
| Are you willing to relocate? | \n{entry.willing} | \n
| Are you a citizen of the United States? | \n{entry.are_you_us_citizen} | \n
| \n {\" \"}\n Are you authorised to work in the United States?{\" \"}\n | \n{entry.authorised_to_work_us} | \n
| Have you ever worked for this company? | \n{entry.worked_for_this_company} | \n
| When did you worked? | \n{entry.when_did_you_worked_here} | \n
| When can you start? | \n{entry.when_start} | \n
| Name | \n{entry.name} | \n
| Email Address | \n{entry.email} | \n
| Address | \n{entry.address} | \n
| Phone Number | \n{entry.phone_number} | \n
| Attach a copy of your resume | \n{entry.copy_resume} | \n
| How do you hear about this job? | \n{entry.how_heard} | \n
| Signature | \n\n | \n
\n {\n // setSubmitting(true);\n console.log(values, \"All the values\");\n Swal.fire({\n title: \"Are you sure all information is accurate?\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(values, \"All the values\");\n\n UserService.processApplication(values)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n history.push(\"/employees/application\");\n })\n .catch((error) => {\n console.log(error);\n });\n } else {\n setSubmitting(false);\n }\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n Save Changes \n {isSubmitting ? (\n
\n \n
\n\n {values.employee_type === \"re-hire\" && (\n \n
\n\n \n
\n\n \n
\n\n \n \n
\n\n {values.manager_interviewed &&\n values.manager_interviewed === \"No\" && (\n \n
\n\n \n
\n \n
\n \n \n \n \n
\n\n \n \n \n \n
\n \n \n \n {\" \"}\n Date Interviewed{\" \"}\n \n\n \n
\n\n \n
\n \n {\n console.log(d1);\n setDate(d1);\n // handleChangeDate\n setFieldValue(`date`, d1 ? d1 : \"\");\n }}\n />\n
\n \n \n
\n \n
\n\n Manager Interviewed Applicant
\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 Ready for training
\n\n \n \n
\n \n \n
\n \n \n
\n \n {values.ready_for_training &&\n values.ready_for_training === \"No\" && (\n \n \n \n \n )}\n
\n\n \n \n
\n\n {values.hired === \"Yes\" && (\n \n
\n\n Hired ?
\n\n \n \n
\n \n \n
\n \n \n
\n \n
\n )}\n \n
\n \n \n \n\n {\n console.log(opt);\n setFieldValue(\n \"position_hired\",\n opt\n );\n }}\n name=\"position_hired\"\n options={positionOptions}\n defaultValue={\n values.position_hired\n }\n />\n\n {/* {\n setFieldValue(\n \"position_hired\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\n >\n \n {JobCodeName.map((job, index) => (\n \n {job.name}\n \n ))}\n */}\n \n {defaultPositionOptionsArray &&\n defaultPositionOptionsArray.map(\n (store, index) => (\n
\n \n {store.label} \n
\n )\n )}\n \n \n \n Start Date \n \n\n \n
\n\n \n
\n \n {\n console.log(d1);\n setStartDate(d1);\n // handleChangeDate\n setFieldValue(\n `startDate`,\n d1 ? d1 : \"\"\n );\n }}\n />\n
\n \n \n \n Rate \n \n \n
\n \n \n
\n \n \n $\n \n
\n\n \n \n /hr\n \n
\n \n \n
\n \n
\n\n Employee Classification
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n\n Employee Type
\n\n \n \n
\n \n \n
\n \n \n
\n\n \n \n
\n \n \n \n\n {\n setFieldValue(\n \"rehired_from\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\n >\n \n {StoreName.map((st, index) => (\n \n ))}\n \n \n
\n )}\n\n {values.employee_type === \"transfers\" && (\n \n \n \n\n {\n setFieldValue(\n \"transferred_from\",\n e.target.value\n );\n }}\n disabled={isSubmitting}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck=\"false\"\n >\n \n {StoreName.map((st, index) => (\n \n ))}\n \n \n
\n )}\n\n \n
\n \n \n );\n};\n\nexport default Question1;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question2 = ({ name, lang }) => {\n const [question2, setQuestion2] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question2\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question2: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion2(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question2\n );\n }\n }, []);\n\n return (\n \n
\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question2;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question3 = ({ name, lang }) => {\n const [question3, setQuestion3] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question3\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question3: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion3(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question3\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question3;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question4 = ({ name, lang }) => {\n const [question4, setQuestion4] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question4\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question4: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion4(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question4\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question4;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question5 = ({ name, lang }) => {\n const [question5, setQuestion5] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question5\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question5: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion5(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question5\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question5;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question6 = ({ name, lang }) => {\n const [question6, setQuestion6] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question6\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question6: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion6(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question6\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question6;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question7 = ({ name, lang }) => {\n const [question7, setQuestion7] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question7\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question7: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion7(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question7\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question7;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question8 = ({ name, lang }) => {\n const [question8, setQuestion8] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question8\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question8: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion8(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question8\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question8;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question9 = ({ name, lang }) => {\n const [question9, setQuestion9] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question9\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question9: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion9(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question9\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question9;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question10 = ({ name, lang }) => {\n const [question10, setQuestion10] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question10\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question10: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion10(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question10\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question10;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question11 = ({ name, lang }) => {\n const [question11, setQuestion11] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question11\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question11: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion11(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question11\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question11;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question12 = ({ name, lang }) => {\n const [question12, setQuestion12] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question12\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question12: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion12(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question12\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question12;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst Question13 = ({ name, lang }) => {\n const [question13, setQuestion13] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question13\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question13: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion13(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question13\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n
\n \n \n );\n};\n\nexport default Question13;\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { useHistory, withRouter } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\n\nconst Question14 = ({ name, lang }) => {\n const history = useHistory();\n\n const [question14, setQuestion14] = useState(null);\n\n const handleQuestionChange = (e, setFieldValue) => {\n setFieldValue(\"question14\", e.target.dataset.name);\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let existingDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n Object.assign(existingDetails, {\n question14: e.target.dataset.name,\n });\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(existingDetails)\n );\n }\n };\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setQuestion14(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).question14\n );\n }\n }, []);\n\n return (\n \n
\n )}\n \n \n {\n setSubmitting(true);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n {lang && lang === \"spanish\" ? (\n
\n \n ) : (\n \n \n
\n \n )}\n \n )}\n \n \n \n \n );\n};\n\nexport default withRouter(Question14);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport MultiStep from \"react-multistep\";\nimport Question1 from \"./questions/Question1\";\nimport Question2 from \"./questions/Question2\";\nimport Question3 from \"./questions/Question3\";\nimport Question4 from \"./questions/Question4\";\nimport Question5 from \"./questions/Question5\";\nimport Question6 from \"./questions/Question6\";\nimport Question7 from \"./questions/Question7\";\nimport Question8 from \"./questions/Question8\";\nimport Question9 from \"./questions/Question9\";\nimport Question10 from \"./questions/Question10\";\nimport Question11 from \"./questions/Question11\";\nimport Question12 from \"./questions/Question12\";\nimport Question13 from \"./questions/Question13\";\nimport Question14 from \"./questions/Question14\";\n\nconst CreateRateMyBoss = () => {\n const [managerName, setManagerName] = useState(null);\n const [langSurvey, setLangSurvey] = useState(null);\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setManagerName(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).manager_name\n );\n }\n\n if (JSON.parse(localStorage.getItem(\"surveyLang\"))) {\n setLangSurvey(JSON.parse(localStorage.getItem(\"surveyLang\")));\n }\n }, []);\n return (\n \n
\n\n \n {\n setSubmitting(true);\n\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n let surveyDetails = JSON.parse(\n localStorage.getItem(\"rateMyBossDetails\")\n );\n\n //TODO: Comeback to this page to save survey details in the DB\n\n if (Object.keys(surveyDetails).length < 20) {\n Swal.fire({\n title: \"Warning\",\n text: \"You don't seems to have responded to all the questions. Please check again\",\n icon: \"warning\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n setSubmitting(false);\n }\n });\n } else {\n history.push(\"/employees/survey/response-summary\");\n }\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n
\n \n ) : (\n \n {lang && lang === \"spanish\" ? (\n
\n\n \n \n {\" \"}\n completar y ver resumen{\" \"}\n \n
\n \n \n {\" \"}\n Complete and View Summary{\" \"}\n \n
\n \n
\n\n );\n};\n\nconst steps = (managerName, langSurvey) => [\n {\n name: \". Start\",\n component: \n
\n \n
\n\n \n
\n
\n\n \n {\" \"}\n {langSurvey && langSurvey === \"spanish\" ? (\n \n Haz clic\n aquí para regresar\n \n ) : (\n \n Click here\n to go back\n \n )}\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default withRouter(RateMyBoss);\n","import React, { useEffect, useState } from \"react\";\nimport { Spinner, Form } from \"react-bootstrap\";\nimport { UserService } from \"../../../../../service/userService\";\nimport { Formik } from \"formik\";\nimport { useHistory, withRouter } from \"react-router\";\nimport moment from \"moment\";\nimport { BonusPayoutService } from \"../../../../../service/BonusPayoutService\";\nimport Swal from \"sweetalert2\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport { Link } from \"react-router-dom\";\n\nconst RateYourLeadersSpanish = () => {\n const [managers, setManagers] = useState(null);\n const [managersAvailable, setManagersAvailable] = useState(false);\n const [selectedManager, setSelectedManager] = useState(null);\n const [selectedManagerName, setSelectedManagerName] = useState(null);\n const [selectedStore, setSelectedStore] = useState(null);\n const [employeeNumber, setEmployeeNumber] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n const [managerLoading, setManagerLoading] = useState(false)\n const history = useHistory();\n\n // const user = Utility.getUser();\n\n useEffect(() => {\n // console.log(user);s\n // UserService.getAllManagers()\n // .then((response) => {\n // console.log(response.data.data);\n // setManagers(response.data.data);\n // })\n // .catch((error) => {\n // console.log(error);\n // });\n\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setSelectedManager(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).manager_id\n );\n\n setSelectedManagerName(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).manager_name\n );\n\n setSelectedStore(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).store_id\n );\n\n setEmployeeNumber(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).employeeNumber\n );\n\n UserService.getRestaurantManagersUsingStoreId(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).store_id\n )\n .then((response) => {\n console.log(response.data.data);\n setManagers(response.data.data);\n setManagersAvailable(true);\n })\n .catch((error) => {\n console.log(error);\n });\n }\n\n localStorage.setItem(\"surveyLang\", JSON.stringify(\"spanish\"));\n\n // get stores\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n
\n \n \n
\n \n
\n \n );\n};\n\nexport default withRouter(RateYourLeadersSpanish);\n","import React, { useEffect, useState } from \"react\";\nimport { Spinner, Form } from \"react-bootstrap\";\nimport { UserService } from \"../../../../../service/userService\";\nimport { Formik } from \"formik\";\nimport { useHistory, withRouter } from \"react-router\";\nimport moment from \"moment\";\nimport { BonusPayoutService } from \"../../../../../service/BonusPayoutService\";\nimport Swal from \"sweetalert2\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport { Utility } from \"../../../../../Helpers/utils\";\nimport { Link } from \"react-router-dom\";\n\nconst RateYourLeadersEnglish = () => {\n const [managers, setManagers] = useState(null);\n const [managersAvailable, setManagersAvailable] = useState(false);\n const [selectedManager, setSelectedManager] = useState(null);\n const [selectedManagerName, setSelectedManagerName] = useState(null);\n const [selectedStore, setSelectedStore] = useState(null);\n const [employeeNumber, setEmployeeNumber] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n const [managerLoading, setManagerLoading] = useState(false)\n\n const history = useHistory();\n\n // const user = Utility.getUser();\n\n useEffect(() => {\n // console.log(user);s\n // UserService.getAllManagers()\n // .then((response) => {\n // console.log(response.data.data);\n // setManagers(response.data.data);\n // })\n // .catch((error) => {\n // console.log(error);\n // });\n\n if (JSON.parse(localStorage.getItem(\"rateMyBossDetails\"))) {\n setSelectedManager(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).manager_id\n );\n\n setSelectedManagerName(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).manager_name\n );\n\n setSelectedStore(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).store_id\n );\n\n setEmployeeNumber(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).employeeNumber\n );\n\n UserService.getRestaurantManagersUsingStoreId(\n JSON.parse(localStorage.getItem(\"rateMyBossDetails\")).store_id\n )\n .then((response) => {\n setManagers(response.data.data);\n setManagersAvailable(true);\n })\n .catch((error) => {\n console.log(error);\n });\n }\n\n localStorage.setItem(\"surveyLang\", JSON.stringify(\"english\"));\n\n // get stores\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n\n \n \n Translate to English\n \n
\n\n \n \n \n \n
\n \n
\n \n \n {\n setSubmitting(true);\n\n if (values.manager && values.store && values.employeeNumber) {\n let rateMyBossObj = {};\n\n let managerDetails = {\n store_id: values.store,\n employeeNumber: values.employeeNumber,\n manager_id: values.manager,\n manager_name: values.manager_name,\n quarter: moment().quarter(),\n year: moment().year(),\n };\n\n // Create an API to check if the selected manager has\n // been reviewed the same employee for the current quarter.\n BonusPayoutService.checkManagerSurvey(managerDetails)\n .then((response) => {\n console.log(response);\n if (response.data.success) {\n Object.assign(rateMyBossObj, managerDetails);\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(rateMyBossObj)\n );\n setSubmitting(false);\n\n history.push(\"/employees/rate-your-leaders/create\");\n }\n })\n .catch((error) => {\n console.log(error);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n setSubmitting(false);\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n } else {\n setSubmitting(false);\n alert(\"Please check all fields\");\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n\n \n Cada pregunta exige que indique su experiencia en cuanto a la\n frecuencia con la que su gerente demuestra el comportamiento\n descrito:\n
\n- \n
- Nunca \n
- A veces \n
- A menudo \n
- Siempre \n
\n
\n\n \n Tenga en cuenta que se necesita toda su atención durante toda la\n encuesta\n
\n\n Elige tu ubicación, selecciona el administrador y clickea en el\n Empezar Encuesta botón para comenzar.\n
\n\n \n \n
\n )}\n \n \n
\n \n );\n};\n\nexport default withRouter(RateYourLeadersEnglish);\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nconst EnglishSummary = ({ surveyDetails, handleSurveySubmit }) => {\n return (\n \n
\n\n \n\n \n \n Traducir al español\n \n
\n\n \n \n \n \n
\n \n
\n \n \n {\n setSubmitting(true);\n\n if (values.manager && values.store && values.employeeNumber) {\n let rateMyBossObj = {};\n\n let managerDetails = {\n store_id: values.store,\n employeeNumber: values.employeeNumber,\n manager_id: values.manager,\n manager_name: values.manager_name,\n quarter: moment().quarter(),\n year: moment().year(),\n };\n\n // Create an API to check if the selected manager has\n // been reviewed the same employee for the current quarter.\n BonusPayoutService.checkManagerSurvey(managerDetails)\n .then((response) => {\n console.log(response);\n if (response.data.success) {\n Object.assign(rateMyBossObj, managerDetails);\n\n localStorage.setItem(\n \"rateMyBossDetails\",\n JSON.stringify(rateMyBossObj)\n );\n setSubmitting(false);\n history.push(\"/employees/rate-your-leaders/create\");\n }\n })\n .catch((error) => {\n console.log(error);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n setSubmitting(false);\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n } else {\n setSubmitting(false);\n alert(\"Please check all fields\");\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n\n \n Each question demands that you indicate your experience as to how\n frequently your manager demonstrate the outlined behaviour:\n
\n- \n
- Never \n
- Sometimes \n
- Often \n
- Always \n
\n
\n\n \n {\" \"}\n Please note that your undivided attention is needed through out\n the survey.{\" \"}\n
\n\n Choose your location, select the manager and click on the\n Start Survey button to begin.\n
\n\n \n \n
\n )}\n \n \n \n
\n\n \n
\n\n Summary (Q1 - Q14)
\n\n
\n\n \n\n \n
\n\n \n Revisit the questions by clicking on the Back to Questions {\" \"}\n button\n
\n\n \n \n \n
\n \n
\n\n \n {\" \"}\n Q1 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n works with me to build and maintain a trusting and fair\n relationship that is productive\n
\n {surveyDetails.question1}\n\n
\n\n \n {\" \"}\n Q2 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n demonstrates accountability for my work output in a\n productive way, and is as concerned about my success as I am.\n
\n {surveyDetails.question2}\n\n
\n\n \n {\" \"}\n Q3 {\" \"}\n \n {surveyDetails.manager_name} \n {\" \"}\n keeps me informed of the purpose, direction and immediate\n objectives of the organisation, and importantly for our division or\n section; and the role our team plays in achieving these.\n
\n {surveyDetails.question3}\n\n
\n\n \n {\" \"}\n Q4 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n makes it easy for me to know what work I am to do as I am\n provided with clear context, purpose, accountabilities and\n authorities in a formal role definition which is reviewed and up to\n date.\n
\n {surveyDetails.question4}\n\n
\n\n \n {\" \"}\n Q5 {\" \"}\n \n {surveyDetails.manager_name} \n {\" \"}\n holds regular team meetings where we discuss work tasks and\n make progress on plans or solve problems.\n
\n {surveyDetails.question5}\n\n
\n\n \n {\" \"}\n Q6 When special tasks or projects\n come up{\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n uses a structured way of informing me about the work I must\n undertake. This method includes context, quantity, quality,\n resources and time.\n
\n {surveyDetails.question6}\n\n
\n\n \n {\" \"}\n Q7 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n appropriately monitors the progress of my work in a\n productive way.\n
\n {surveyDetails.question7}\n\n
\n\n \n {\" \"}\n Q8 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n provides periodic feedback on the effectiveness of my work\n that is objective and fair.\n
\n {surveyDetails.question8}\n\n
\n\n \n {\" \"}\n Q9 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n looks out for any poor performance of those in the team and\n manages this well to keep everyone on track.\n
\n {surveyDetails.question9}\n\n
\n\n \n {\" \"}\n Q10 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n ensures I have the necessary authority to undertake my known\n work accountabilities.\n
\n {surveyDetails.question10}\n\n
\n\n \n {\" \"}\n Q11 In order for me to develop in my\n role \n \n {surveyDetails.manager_name}\n {\" \"}\n provides regular coaching for my improvement in a structured\n way.\n
\n {surveyDetails.question11}\n\n
\n\n \n {\" \"}\n Q12 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n adds value to the work challenges I have by seeing problems\n in a different way, and providing clarity.\n
\n {surveyDetails.question12}\n\n
\n\n \n {\" \"}\n Q13 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n appropriately manages interpersonal conflict within our team.\n
\n {surveyDetails.question13}\n\n
\n \n {\" \"}\n Q14 In order to ensure our team\n works to optimum efficiency \n \n {surveyDetails.manager_name}\n {\" \"}\n has built a team of people who are an ideal fit for the\n complexity of their role.\n
\n {surveyDetails.question14}\n\n \n
\n\n \n
\n\n Summary (Q1 - Q14)
\n\n
\n\n \n\n \n
\n\n \n Vuelva a consultar las preguntas haciendo clic en el botón Volver a\n las preguntas\n
\n\n \n \n \n
\n \n
\n\n \n {\" \"}\n Q1 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n trabaja conmigo para construir y mantener una relación de\n confianza y justa que sea productiva\n
\n {DisplaySpanishAnswer(surveyDetails.question1)} \n\n
\n\n \n {\" \"}\n Q2 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n demuestra responsabilidad por mi trabajo de una manera\n productiva, y se preocupa por mi éxito como yo.\n
\n {DisplaySpanishAnswer(surveyDetails.question2)}\n\n
\n\n \n {\" \"}\n Q3 {\" \"}\n \n {surveyDetails.manager_name} \n {\" \"}\n me mantiene informado del propósito, la dirección y los\n objetivos inmediatos de La Parrilla, y de manera importante para\n nuestra división o sección; y del papel que desempeña nuestro equipo\n en la consecución de los mismos.\n
\n {DisplaySpanishAnswer(surveyDetails.question3)}\n\n
\n\n \n {\" \"}\n Q4 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n me facilita saber qué trabajo debo hacer, ya que se me\n proporciona un contexto claro, el propósito, las responsabilidades y\n la autoridad de las tareas que expuestas de forma clara y que son\n revisadas y actualizadas.\n
\n {DisplaySpanishAnswer(surveyDetails.question4)}\n\n
\n\n \n {\" \"}\n Q5 {\" \"}\n \n {surveyDetails.manager_name} \n {\" \"}\n celebra reuniones periódicas de equipo en las que se discuten\n las tareas de trabajo y se avanza en los planes o se resuelven los\n problemas.\n
\n {DisplaySpanishAnswer(surveyDetails.question5)}\n\n
\n\n \n {\" \"}\n Q6 Cuando surgen tareas o proyectos\n especiales,\n \n {surveyDetails.manager_name}\n {\" \"}\n utiliza un método estructurado para informarme sobre el trabajo que\n debo realizar. Este método incluye el contexto, la cantidad, la\n calidad, los recursos y el tiempo.\n
\n {DisplaySpanishAnswer(surveyDetails.question6)}\n\n
\n\n \n {\" \"}\n Q7 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n supervisa adecuadamente el progreso de mi trabajo de forma\n productiva.\n
\n {DisplaySpanishAnswer(surveyDetails.question7)}\n\n
\n\n \n {\" \"}\n Q8 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n proporciona una retroalimentación periódica sobre la eficacia\n de mi trabajo que es objetiva y justa.\n
\n {DisplaySpanishAnswer(surveyDetails.question8)}\n\n
\n\n \n {\" \"}\n Q9 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n está atento a los malos resultados de los miembros del equipo\n y los gestiona bien para mantener a todos en el buen camino.\n
\n {DisplaySpanishAnswer(surveyDetails.question9)}\n\n
\n\n \n {\" \"}\n Q10 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n se asegura de que tengo la autoridad necesaria para llevar a\n cabo mis responsabilidades laborales conocidas.\n
\n {DisplaySpanishAnswer(surveyDetails.question10)}\n\n
\n\n \n {\" \"}\n Q11 Para que me desarrolle en mi\n función, \n \n {surveyDetails.manager_name}\n {\" \"}\n me proporciona regularmente entrenamiento para mi mejora de\n forma estructurada.\n
\n {DisplaySpanishAnswer(surveyDetails.question11)}\n\n
\n\n \n {\" \"}\n Q12 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n añade valor a los retos laborales que tengo al ver los\n problemas de una manera diferente, y aportando claridad.\n
\n {DisplaySpanishAnswer(surveyDetails.question12)}\n\n
\n\n \n {\" \"}\n Q13 {\" \"}\n \n {surveyDetails.manager_name}\n {\" \"}\n gestiona adecuadamente los conflictos interpersonales dentro\n de nuestro equipo.\n
\n {DisplaySpanishAnswer(surveyDetails.question13)}\n\n
\n \n {\" \"}\n Q14 Para garantizar que nuestro\n equipo trabaje con una eficiencia óptima \n \n {surveyDetails.manager_name}\n {\" \"}\n ha creado un equipo de personas que se adaptan perfectamente\n a la complejidad de su función.\n
\n {DisplaySpanishAnswer(surveyDetails.question14)}\n\n {surveyDetails ? (\n
\n \n );\n};\n\nexport default withRouter(ResponseSummary);\n","import React, { useEffect, useState } from \"react\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\n\nconst PendingPayments = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n {lang && lang === \"spanish\" ? (\n
\n ) : (\n \n
\n )}\n \n
\n \n {\" \"}\n No summary found. Click on the button below to rate your boss{\" \"}\n
\n\n \n \n \n\n
\n );\n};\n\nexport default withRouter(PendingPayments);\n","import Api from \"./Api\";\n\nexport class PaymentService {\n static async payTip(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/pay_tips`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async sendPartPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/part-payment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async payPendingTip(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/pay-pending-tips`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async proccessInstantPayResponse(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/instant-response`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async proccessPendingTipsResponse(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/pending-instant-response`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPendingPayment(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/pending-payment/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getDeletedPayment(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/deleted-payment/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getScheduledPayment(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/scheduled-payment/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPaymentHistories(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/payment-histories/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPaymentsStoreDateHistories(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/payment-store-histories/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async scheduleAPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/schedule-payment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async unScheduleAPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/unschedule-payment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async deleteAPendingPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/delete-pending`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async scheduleAllPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/schedule-all-payment/`, { data })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getSalesReportForStore(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/sales-report/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCompletedSalesReportForStore(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/completed-report/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async uploadAuditReport(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/instant/upload-audit-report`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAuditedInstantPaymentsStore(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/audited-instant/store/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async postIssues(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/issues`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async retrieveOpenedIssues(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/get-issues`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async sendPaymentIssuesToAdmin(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/issues-with-payments`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateClosingReportIssues(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`payment/update-closing-issues`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async uploadDepositSlip(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"payment/upload-deposit-slip\", data)\n .then((response) => resolve(response))\n .catch((error) => reject(error));\n });\n }\n\n static async getDepositSlipForStore(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/deposit-slip/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import moment from \"moment\";\nimport \"moment-timezone\";\n\nexport const ConvertDateFormat = (date) => {\n return date ? moment(date).format(\"MM-DD-YYYY\") : \"\";\n};\n\nexport const ConvertDateFormatForHuman = (date) => {\n return date ? moment(date).fromNow() : \"\";\n};\n\nexport const ConvertDateTimeFormat = (dateTime) => {\n return moment(dateTime).format(\"MM-DD-YYYY HH:mm:ss\");\n};\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport Swal from \"sweetalert2\";\nimport cogoToast from \"cogo-toast\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { Utility } from \"../../Helpers/utils\";\nimport \"moment-timezone\";\nimport moment from \"moment\";\nimport { Modal, Button, Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\n\nconst { SearchBar } = Search;\nconst user = Utility.getUser();\n\nconst StorePendingPayments = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [pendingPayments, setPendingPayments] = useState(null);\n const [pendingPaymentData, setPendingPaymentData] = useState(null);\n const [paymentTotal, setPaymentTotal] = useState(0);\n const [successfulPayments, setSuccessfulPayments] = useState(null);\n const [failedPayments, setFailedPayments] = useState(null);\n const [madePaymentModal, setMadePaymentModal] = useState(false);\n const [showDeleteModal, setShowDeleteModal] = useState(false);\n const [showPartModal, setShowPartModal] = useState(false);\n const [currentPaymentId, setCurrentPaymentId] = useState(null);\n const [currentData, setCurrentData] = useState(null);\n // const [isSubmitting, setIsSubmitting] = useState(false);\n // const [scheduled, setScheduled] = useState(false);\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n useEffect(() => {\n PaymentService.getPendingPayment(store_id)\n .then((response) => {\n console.log(response.data.data);\n let PendingResArray = [];\n response.data.data.map((res, index) => {\n return PendingResArray.push({\n id: res.id,\n payrollEmployeeId: res.payrollEmployeeId,\n firstName: res.firstName,\n lastName: res.lastName,\n amount: res.amount,\n reportDate: ConvertDateFormat(res.reportDate),\n allocationDate: ConvertDateFormat(res.allocationDate),\n message: res.message,\n code: res.code,\n });\n });\n setPendingPayments(PendingResArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n const defaultSorted = [\n {\n dataField: \"payrollEmployeeId\",\n order: \"desc\",\n },\n ];\n\n const failedColumn = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"errorMessage\",\n text: \"Error Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const successfulColumn = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: false,\n },\n {\n dataField: \"amount\",\n text: \"amount\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"paymentMessage\",\n text: \"Payment Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const schedulePayment = (data) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to schedule a payment!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n PaymentService.scheduleAPayment(data)\n .then((response) => {\n console.log(response.data.data);\n Swal.fire(\"Successful!\", \"Payment has been scheduled.\", \"success\");\n window.location.reload();\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }\n });\n };\n\n const sendPartPayment = (row, e) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to send a part payment!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n // e.target.innerHTML = `Loading...`;\n console.log(row, \"This is the row\");\n setShowPartModal(true);\n setCurrentData(row);\n }\n });\n };\n\n const deletePayment = (row, e) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to delete a payment!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n // e.target.innerHTML = `Loading...`;\n\n setShowDeleteModal(true);\n setCurrentPaymentId(row.id);\n }\n });\n };\n\n const scheduleAllPayment = () => {\n if (pendingPayments.length > 0) {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to schedule all payments!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n PaymentService.scheduleAllPayment(pendingPayments)\n .then((response) => {\n console.log(response.data.data);\n Swal.fire(\n \"Successful!\",\n \"Payment has been scheduled.\",\n \"success\"\n );\n window.location.reload();\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }\n });\n } else {\n cogoToast.error(\"No pending payment for this store.\");\n }\n };\n\n const selectItemsForPayment = (e) => {\n let today = moment.tz(new Date(), \"America/New_York\");\n let paymentData = [];\n let pendingTable = document.getElementById(\"pending-table\");\n let sels = pendingTable.getElementsByTagName(\"input\");\n let payTotal = 0;\n\n for (let i = 0; i < sels.length; i++) {\n if (sels[i].checked) {\n let row = JSON.parse(sels[i].getAttribute(\"data-details\"));\n payTotal += parseFloat(roundNumberUp(row.amount));\n paymentData.push({\n id: row.id,\n payrollEmployeeId: `${row.payrollEmployeeId}`,\n externalLocationId: store_id ? store_id : \"\",\n employeeType: \"scheduled\",\n reportDate: today.format(),\n employeeInfo: {\n firstName: row.firstName,\n lastName: row.lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(row.amount)),\n });\n }\n setPendingPaymentData(paymentData);\n }\n\n setPaymentTotal(payTotal);\n };\n\n const processAllSelectedPayments = () => {\n console.log(pendingPaymentData);\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to process all selected payment(s). Please note that no further changes can be made to this report. Click yes to proceed!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.fire({\n title: \"In progress\",\n text: \"Please wait...\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n onOpen: () => {\n Swal.showLoading();\n },\n });\n\n PaymentService.payPendingTip(pendingPaymentData)\n .then((response) => {\n console.log(response.data.data);\n\n // setMadePayment(true);\n const instantSuccessRes = response.data.data.content.successes;\n const instantErrorRes = response.data.data.content.errors;\n\n console.log(instantSuccessRes, instantErrorRes);\n let errorAmount = 0;\n // let totalSuccessAmount = 0;\n let errorPaymentArray = [];\n let successPaymentArray = [];\n\n if (instantSuccessRes.length > 0) {\n instantSuccessRes.map((val, index) => {\n // totalSuccessAmount += val.amount;\n successPaymentArray.push({\n _uuid: val._uuid,\n allocationDate: val.allocatedAt,\n amount: val.amount,\n balance: val.balance,\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n clientId: val.clientId,\n locationId: val.locationId,\n referenceId: val.referenceId,\n paymentMessage: val.processingResult.message,\n employeeInfo: {\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n },\n externalLocationId: val.raw.externalLocationId,\n payDisbursementDateTime: val.processAt,\n paymentType: \"Tips\",\n payrollEmployeeId: val.raw.employeeId,\n processingResult: {\n code: val.processingResult.code,\n message: val.processingResult.message,\n },\n });\n return successPaymentArray;\n });\n } else {\n console.log(\"Success is less than 1\");\n }\n if (instantErrorRes.length > 0) {\n instantErrorRes.map((val, index) => {\n errorAmount += parseFloat(val.amount);\n errorPaymentArray.push({\n allocationDate: val.allocatedAt,\n amount: val.amount,\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n employeeInfo: {\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n },\n externalLocationId: val.raw.externalLocationId,\n payDisbursementDateTime: val.processAt,\n paymentType: \"Tips\",\n payrollEmployeeId: val.raw.employeeId,\n errorMessage: val.failureReason.message,\n failureReason: {\n code: val.failureReason.code,\n message: val.failureReason.message,\n },\n });\n return errorPaymentArray;\n });\n } else {\n console.log(\"Error is less than 1\");\n }\n\n const totalFailedAmount = parseFloat(errorAmount);\n\n const differencesInTransaction =\n parseFloat(paymentTotal) - parseFloat(totalFailedAmount);\n\n const paymentHistoryData = {\n successful: successPaymentArray,\n failedPending: errorPaymentArray,\n paymentTotal,\n totalFailedAmount,\n differencesInTransaction,\n storeId: store_id ? store_id : \"\",\n paid_by_slug: user ? user.slug : null,\n };\n\n console.log(paymentHistoryData, \"This is payment history\");\n\n PaymentService.proccessPendingTipsResponse(paymentHistoryData)\n .then((response) => {\n console.log(response.data.data, \"This is the final report\");\n\n let successRes = response.data.data.success;\n let failedRes = response.data.data.failed;\n\n setFailedPayments(failedRes);\n setSuccessfulPayments(successRes);\n\n if (successRes.length > 0 && failedRes.length < 1) {\n setMadePaymentModal(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"All payments has been scheduled successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n // window.location.reload();\n }\n });\n } else {\n Swal.close();\n setMadePaymentModal(true);\n // window.location.reload();\n }\n\n // let payBtn = document.getElementById(\"processPaymentButton\");\n // payBtn.disabled = true;\n // payBtn.style.visibility = \"hidden\";\n })\n .catch((error) => {\n console.log(error.response.data);\n console.log(\"Processing payment responses failed\");\n });\n })\n .catch((error) => {\n console.log(error);\n Swal.fire({\n title: \"Error\",\n text: \"Could not process payment at this time. Please contact the administrator\",\n icon: \"info\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"redirection should work\");\n Swal.close();\n }\n });\n });\n }\n });\n };\n\n const columns = [\n {\n dataField: \"checkbox\",\n text: \"Option\",\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Pending Payments {\" \"}\n \n \n \n ( Click on the box to view pending payments for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n {user && (user.role === \"super admin\" || user.role === \"hr\" || user.role === \"accounting\") ? (\n
\n );\n },\n },\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"reportDate\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"code\",\n text: \"Error Code\",\n sort: true,\n },\n {\n dataField: \"message\",\n text: \"Message\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n {\n e.persist();\n selectItemsForPayment(e);\n }}\n />\n\n {/* {\n e.persist();\n selectItemsForPayment(row, e);\n }}\n >\n Delete\n */}\n
\n ) : (\n \"None\"\n )}\n \n {user && (user.role === \"super admin\" || user.role === \"hr\" || user.role === \"accounting\") ? (\n
\n );\n },\n },\n ];\n\n const handleModalClose = () => {\n setMadePaymentModal(false);\n window.location.reload();\n };\n\n return (\n \n {\n e.persist();\n deletePayment(row, e);\n }}\n >\n Delete\n \n {\n sendPartPayment(row, e);\n console.log(row, \"This is the row\");\n }}\n >\n Send Part\n \n {\n schedulePayment(row);\n }}\n >\n Schedule\n \n
\n ) : (\n \"None\"\n )}\n \n
\n );\n};\n\nexport default withRouter(StorePendingPayments);\n","import React, { useEffect, useState } from \"react\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\n\nconst DeletedPayments = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n
\n
\n \n Pending Payments\n
\n\n \n \n \n
\n \n \n
\n\n \n {pendingPayments && (\n
\n \n
\n )}\n \n
\n Pending Payment
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n \n
\n Search in table:
\n\n {\n scheduleAllPayment();\n }}\n >\n Schedule All\n \n\n {pendingPaymentData &&\n pendingPaymentData.length > 0 && (\n {\n processAllSelectedPayments();\n }}\n >\n Process Selected Payment(s)\n \n )}\n
\n\n \n \n {madePaymentModal && (\n {\n handleModalClose();\n }}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n
\n\n \n \n Payment History \n \n\n \n \n\n \n {\" \"}\n handleModalClose()}\n >\n Proceed \n {/* {isSubmitting ? (\n \n ) : (\n \"\"\n )} */}\n \n \n \n
\n \n )}\n \n
\n \n {successfulPayments && (\n
\n\n \n
\n )}\n \n
\n \n
\n \n
\n \n {\" \"}\n Successful Payment\n {successfulPayments &&\n successfulPayments.length > 1\n ? \"s\"\n : \"\"}\n
\n\n
\n \n {\" \"}\n The following list has been scheduled for\n payment\n
\n\n \n {(props) => (\n
\n \n
\n )}\n \n \n {failedPayments && (\n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n {\" \"}\n Failed Payment\n {failedPayments && failedPayments.length > 1\n ? \"s\"\n : \"\"}{\" \"}\n ( Queued as pending)\n
\n\n
\n \n {\" \"}\n Someone from accounting will reach out to you\n
\n\n \n {(props) => (\n
\n \n
\n )}\n \n \n {showDeleteModal && (\n
\n\n \n {\n setSubmitting(true);\n console.log(values);\n\n PaymentService.deleteAPendingPayment(values)\n .then((response) => {\n console.log(response.data);\n Swal.fire({\n title: \"Successful!\",\n text: response.data.message,\n icon: \"success\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n setShowDeleteModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n )}\n \n {showPartModal && (\n
\n \n {\n setSubmitting(true);\n console.log(values);\n\n if (values.new_amount) {\n let today = moment.tz(new Date(), \"America/New_York\");\n let paymentData = {\n payrollEmployeeId: `${values.original_details.payrollEmployeeId}`,\n externalLocationId: store_id,\n employeeType: \"scheduled\",\n reportDate: `${values.original_details.reportDate}`,\n employeeInfo: {\n firstName: `${values.original_details.firstName}`,\n lastName: `${values.original_details.lastName}`,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(`${values.new_amount}`)),\n };\n\n let data = {\n paymentData,\n values,\n };\n\n PaymentService.sendPartPayment(data)\n .then((response) => {\n console.log(response.data);\n setSubmitting(false);\n Swal.fire({\n title: \"Successful!\",\n text: response.data.message,\n icon: \"success\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n })\n .catch((error) => {\n console.log(error.response.data.message);\n setSubmitting(false);\n Swal.fire({\n title: \"Error!\",\n text: error.response.data.message,\n icon: \"error\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Error!\",\n text: \"Please add the new amount\",\n icon: \"error\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n }\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n setShowPartModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n )}\n \n
\n );\n};\n\nexport default withRouter(DeletedPayments);\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport \"moment-timezone\";\n\nconst { SearchBar } = Search;\n\nconst StoreDeletedPayments = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [deletedPayments, setDeletedPayments] = useState(null);\n\n useEffect(() => {\n PaymentService.getDeletedPayment(store_id)\n .then((response) => {\n console.log(response.data.data);\n let DeletedResArray = [];\n response.data.data.map((res, index) => {\n return DeletedResArray.push({\n id: res.id,\n payrollEmployeeId: res.payrollEmployeeId,\n firstName: res.firstName,\n lastName: res.lastName,\n amount: res.amount,\n reportDate: ConvertDateFormat(res.reportDate),\n archivedBy: res.archived_by,\n archivedMessage: res.archived_message,\n deletedOn: ConvertDateFormat(res.deleted_at),\n });\n });\n setDeletedPayments(DeletedResArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n const defaultSorted = [\n // {\n // dataField: \"payrollEmployeeId\",\n // order: \"desc\",\n // },\n ];\n\n const columns = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"reportDate\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"archivedBy\",\n text: \"Archived By\",\n sort: true,\n },\n {\n dataField: \"archivedMessage\",\n text: \"Reason\",\n sort: true,\n },\n {\n dataField: \"deletedOn\",\n text: \"Deleted On\",\n sort: true,\n },\n ];\n\n return (\n \n
\n\n \n
\n \n \n Deleted Payments {\" \"}\n \n \n \n ( Click on the box to view deleted payments for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n
\n );\n};\n\nexport default withRouter(StoreDeletedPayments);\n","import React, { useEffect, useState } from \"react\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\n\nconst ScheduledPayments = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n Deleted Payments\n
\n\n \n \n \n
\n \n \n
\n \n {deletedPayments && (\n
\n \n
\n )}\n \n
\n Deleted Payment
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n \n
\n\n \n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(ScheduledPayments);\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport Swal from \"sweetalert2\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { Utility } from \"../../Helpers/utils\";\n\nconst { SearchBar } = Search;\nconst user = Utility.getUser();\n\nconst StoreScheduledPayments = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [scheduled, setScheduled] = useState(null);\n // const [isSubmitting, setIsSubmitting] = useState(false);\n // const [scheduled, setScheduled] = useState(false);\n\n useEffect(() => {\n PaymentService.getScheduledPayment(store_id)\n .then((response) => {\n console.log(response.data.data);\n let ScheduledResArray = [];\n response.data.data.map((res, index) => {\n return ScheduledResArray.push({\n id: res.id,\n payrollEmployeeId: res.payrollEmployeeId,\n firstName: res.firstName,\n lastName: res.lastName,\n amount: res.amount,\n reportDate: ConvertDateFormat(res.reportDate),\n allocationDate: ConvertDateFormat(res.allocationDate),\n message: res.message,\n code: res.code,\n });\n });\n setScheduled(ScheduledResArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n const unSchedulePayment = (data) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to Unschedule a payment!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(data);\n PaymentService.unScheduleAPayment(data)\n .then((response) => {\n console.log(response.data.data);\n Swal.fire(\n \"Successful!\",\n \"Payment has been unscheduled.\",\n \"success\"\n );\n window.location.reload();\n })\n .catch((error) => {\n console.log(error.response.data);\n Swal.fire(\"Error!\", error.response.data.message, \"error\");\n });\n }\n });\n };\n\n const columns = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"reportDate\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"code\",\n text: \"Error Code\",\n sort: true,\n },\n {\n dataField: \"message\",\n text: \"Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: true,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Scheduled Payments {\" \"}\n \n \n \n ( Click on the box to view scheduled payments for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n {user && (user.role === \"super admin\" || user.role === \"hr\") ? (\n {\n unSchedulePayment(row);\n }}\n >\n UnSchedule Payment\n \n ) : (\n \"None\"\n )}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(StoreScheduledPayments);\n","import React, { useEffect, useState } from \"react\";\nimport { Tab } from \"react-bootstrap\";\n\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nconst PaymentHistory = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n
\n
\n \n \n Scheduled Payments\n \n
\n\n \n \n \n
\n \n \n
\n \n {scheduled && (\n
\n \n
\n )}\n \n
\n Scheduled Payment
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(PaymentHistory);\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nconst { SearchBar } = Search;\n\nconst StorePaymentHistories = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [paymentHistory, setPaymentHistory] = useState(null);\n\n useEffect(() => {\n PaymentService.getPaymentHistories(store_id)\n .then((response) => {\n console.log(response.data.data);\n let PaymentResArray = [];\n response.data.data.map((res, index) => {\n return PaymentResArray.push({\n id: res.id,\n payrollEmployeeId: res.payrollEmployeeId,\n firstName: res.firstName,\n lastName: res.lastName,\n amount: res.amount,\n reportDate: ConvertDateFormat(res.reportDate),\n allocationDate: ConvertDateFormat(res.allocationDate),\n message: res.message,\n status: res.status,\n });\n });\n setPaymentHistory(PaymentResArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n const columns = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"reportDate\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"message\",\n text: \"Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n\n \n
\n \n \n Payment Histories {\" \"}\n \n \n \n ( Click on the box to view payment histories for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n
\n );\n};\n\nexport default withRouter(StorePaymentHistories);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nconst ExpensesViewer = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n Payments\n
\n\n\n \n \n \n
\n\n \n \n
\n \n
\n \n {paymentHistory && (\n
\n \n
\n )}\n Payments History
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(ExpensesViewer);\n","import Api from \"./Api\";\n\nexport class ExpensesService {\n static async createExpenses(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/create-expense`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async uploadExpensesReceipt(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/upload-receipt-expense`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async editExpenses(data) {\n return new Promise((resolve, reject) => {\n return Api.put(`expenses/edit-expense/${data.id}`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getExpensesForADate(date, store_id) {\n let data = { date, store_id };\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/get-expense-date`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async fetchExpensesForAStore(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`expenses/fetch-expenses-store/${data.store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getExpensesAmount(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`expenses/expenses-amount/${data.store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAParticularExpensesAmountForStore(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `expenses/expenses-amount-store/${data.store_id}/${data.expense_id}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getExpensesAmountStoreDate(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `expenses/expense-amount-date/${data.store_id}/${data.date}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getExpensesDocs(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `expenses/expenses-docs/${data.store_id}/${data.expense_id}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createDepositData(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/create-deposit`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getDepositData(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`expenses/get-deposit/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async cancelDepositData(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/cancel-deposit`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createEmergencyExpenses(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/create-emergency-expenses`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async cancelEmergencyExpenses(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/cancel-emergency-expenses`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getEmergencyExpensesForAStore(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `expenses/emergency-expenses/${data.store_id}/${data.report_date}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getEmergencyExpensesForAStorePDF(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `expenses/emergency-expenses-pdf/${data.store_id}/${data.report_date}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllEmergencyExpenses() {\n return new Promise((resolve, reject) => {\n return Api.get(`expenses/all-emergency-expenses`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async deleteEmergencyCodeForAStore(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`expenses/delete-emergency-expenses`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { ExpensesService } from \"../../service/ExpenseService\";\nconst { SearchBar } = Search;\n\nconst StoreExpenses = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [expensesAmount, setExpensesAmount] = useState(null);\n let history = useHistory();\n\n const handleViewDocRedirect = (id) => {\n history.push(`/financials/store/doc/${store_id}/${id}`);\n };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Expense Id\",\n sort: true,\n },\n {\n dataField: \"date\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"manager_name\",\n text: \"Manager Name\",\n sort: true,\n },\n {\n dataField: \"auto_truck\",\n text: \"Auto Truck\",\n sort: true,\n },\n {\n dataField: \"cleaning\",\n text: \"Cleaning\",\n sort: true,\n },\n {\n dataField: \"food_purchases\",\n text: \"Food Purchases\",\n sort: true,\n },\n {\n dataField: \"gift_promotion\",\n text: \"Gift Promotion\",\n sort: true,\n },\n {\n dataField: \"office_supplies\",\n text: \"Office Supplies\",\n sort: true,\n },\n {\n dataField: \"repair\",\n text: \"Repairs\",\n sort: true,\n },\n {\n dataField: \"other\",\n text: \"Others\",\n sort: true,\n },\n {\n dataField: \"rest_supplies\",\n text: \"Office Supplies\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Expenses {\" \"}\n \n \n ( Click on the box to view expenses for each store )\n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n handleViewDocRedirect(row.id)}\n >\n View Receipts\n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const roundNumberUp = (num) => {\n // if (num) {\n return \"$\" + (Math.round(num * 100) / 100).toFixed(2);\n // } else {\n // return \"$\" + (Math.round(0 * 100) / 100).toFixed(2);\n // }\n };\n\n useEffect(() => {\n const data = { store_id };\n ExpensesService.getExpensesAmount(data)\n .then((response) => {\n let dataResArray = [];\n console.log(response.data.data);\n response.data.data.map((res, index) => {\n return dataResArray.push({\n date: ConvertDateFormat(res.date),\n manager_name: res.manager_name,\n auto_truck: res.auto_truck\n ? roundNumberUp(res.auto_truck)\n : roundNumberUp(0),\n cleaning: res.cleaning\n ? roundNumberUp(res.cleaning)\n : roundNumberUp(0),\n food_purchases: res.food_purchases\n ? roundNumberUp(res.food_purchases)\n : roundNumberUp(0),\n gift_promotion: res.gift_promotion\n ? roundNumberUp(res.gift_promotion)\n : roundNumberUp(0),\n id: res.id,\n office_supplies: res.office_supplies\n ? roundNumberUp(res.office_supplies)\n : roundNumberUp(0),\n other: res.other ? roundNumberUp(res.other) : roundNumberUp(0),\n repair: res.repair ? roundNumberUp(res.repair) : roundNumberUp(0),\n rest_supplies: res.rest_supplies\n ? roundNumberUp(res.rest_supplies)\n : roundNumberUp(0),\n });\n });\n setExpensesAmount(dataResArray);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n return (\n \n
\n );\n};\n\nexport default withRouter(StoreExpenses);\n","import React, { useState } from \"react\";\nimport { pdfjs, Document, Page } from \"react-pdf/dist/entry.webpack\";\nimport { Modal, Button } from \"react-bootstrap\";\n\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n\nconst EvidenceReader = ({ fileUrl, user }) => {\n const [numPages, setNumPages] = useState(0);\n const [previewMode, setPreviewMode] = useState(false);\n const [mdShow, setMdShow] = useState(false);\n\n const onDocumentLoadSuccess = ({ numPages }) => {\n setNumPages(numPages);\n };\n\n // Ensure fileUrl is a valid string before calling toLowerCase()\n const isValidFile = typeof fileUrl === \"string\" && fileUrl.trim() !== \"\";\n const isPDF = isValidFile && fileUrl.toLowerCase().endsWith(\".pdf\");\n const isImage =\n isValidFile &&\n (fileUrl.toLowerCase().endsWith(\".jpg\") ||\n fileUrl.toLowerCase().endsWith(\".jpeg\") ||\n fileUrl.toLowerCase().endsWith(\".png\"));\n\n return (\n \n
\n\n \n
\n
\n \n \n {store ? store.name : \"\"}\n \n
\n \n\n {expensesAmount && (\n
\n \n
\n )}\n \n
\n \n
\n Expenses
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {isValidFile ? (\n {\n setPreviewMode(true);\n setMdShow(true);\n }}\n >\n Preview File\n \n ) : (\n {\n setPreviewMode(false);\n setMdShow(false);\n }}\n >\n {\" \"}\n Close Preview{\" \"}\n \n )}\n\n \n\n {previewMode && (\n
\n );\n};\n\nexport default EvidenceReader;\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const EvidenceOfPayment = ({ setFieldValue, name }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n noClick: false,\n noKeyboard: true,\n accept: \"application/pdf, image/jpeg, image/png\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\"File format not supported. Upload PDF, JPG, or PNG.\", toastoptions);\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\"You cannot upload more than 1 file at a time\", toastoptions);\n } else {\n setFieldValue(name, acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n No file available for preview.
\n )}\n\n {previewMode && isValidFile && (\n\n {\n setPreviewMode(false);\n setMdShow(false);\n }}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n {isPDF ? (\n \n {Array.from(new Array(numPages), (el, index) => (\n \n\n \n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n >\n Close Preview\n \n \n \n
\n )}\n Unsupported file type.
\n )}\n\n \n \n \n
\n \n\n {files.length > 0 && (\n \n )}\n \n );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { useParams, withRouter } from \"react-router\";\nimport EvidenceReader from \"../../components/EvidenceReader\";\nimport { ExpensesService } from \"../../service/ExpenseService\";\nimport { Utility } from \"../../Helpers/utils\";\nimport { Link } from \"react-router-dom\";\nimport NumberFormat from \"react-number-format\";\nimport { EvidenceOfPayment } from \"../../components/EvidenceOfPayment\";\nimport { Formik } from \"formik\";\nimport { Button, Form, Modal } from \"react-bootstrap\";\nimport Swal from \"sweetalert2\";\n\nconst StoreExpensesDoc = () => {\n let { store_id, expense_id } = useParams();\n const [expenseDoc, setExpenseDoc] = useState(null);\n const [expensesAmount, setExpensesAmount] = useState(null);\n const [showAddNewModal, setShowAddNewModal] = useState(false);\n const [uploadTitle, setUploadTitle] = useState(\"\");\n\n const isString = (value) => {\n return typeof value === \"string\" ? true : false;\n };\n\n const user = Utility.getUser();\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n useEffect(() => {\n const data = { store_id, expense_id };\n ExpensesService.getExpensesDocs(data)\n .then((response) => {\n console.log(response.data.data, \"DOCS\");\n setExpenseDoc(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n ExpensesService.getAParticularExpensesAmountForStore(data)\n .then((response) => {\n // let dataResArray = [];\n setExpensesAmount(response.data.data);\n // response.data.data.map((res, index) => {\n // return dataResArray.push({\n // auto_truck: res.auto_truck\n // ? roundNumberUp(res.auto_truck)\n // : roundNumberUp(0),\n // cleaning: res.cleaning\n // ? roundNumberUp(res.cleaning)\n // : roundNumberUp(0),\n // food_purchases: res.food_purchases\n // ? roundNumberUp(res.food_purchases)\n // : roundNumberUp(0),\n // gift_promotion: res.gift_promotion\n // ? roundNumberUp(res.gift_promotion)\n // : roundNumberUp(0),\n // id: res.id,\n // office_supplies: res.office_supplies\n // ? roundNumberUp(res.office_supplies)\n // : roundNumberUp(0),\n // other: res.other ? roundNumberUp(res.other) : roundNumberUp(0),\n // repair: res.repair ? roundNumberUp(res.repair) : roundNumberUp(0),\n // rest_supplies: res.rest_supplies\n // ? roundNumberUp(res.rest_supplies)\n // : roundNumberUp(0),\n // });\n // });\n // setExpensesAmount(dataResArray);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n });\n }, []);\n\n const addMoreExpenseDoc = (text) => {\n setShowAddNewModal(true);\n setUploadTitle(text);\n };\n\n return (\n \n \n
\n Drag & drop files here or Click to upload
\n\n Allowed formats: PDF, JPG, PNG\n
\n\n {showAddNewModal && (\n
\n );\n};\n\nexport default withRouter(StoreExpensesDoc);\n","import React from \"react\";\nimport { useField, useFormikContext } from \"formik\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n\nexport const DatePickerField = ({ ...props }) => {\n const { setFieldValue } = useFormikContext();\n const [field] = useField(props);\n return (\n \n {\n setSubmitting(true);\n\n const data = new FormData();\n data.append(\"id\", values.id);\n data.append(\"store_id\", values.store_id);\n\n values.auto_truck_receipt_url.map((file) => {\n return data.append(\"auto_truck_receipt_url[]\", file, file.name);\n });\n\n values.cleaning_receipt_url.map((file) => {\n return data.append(\"cleaning_receipt_url[]\", file, file.name);\n });\n\n values.food_purchases_receipt_url.map((file) => {\n return data.append(\"food_purchases_receipt_url[]\", file, file.name);\n });\n\n values.office_supplies_receipt_url.map((file) => {\n return data.append(\"office_supplies_receipt_url[]\", file, file.name);\n });\n\n values.repair_receipt_url.map((file) => {\n return data.append(\"repair_receipt_url[]\", file, file.name);\n });\n\n values.rest_supplies_receipt_url.map((file) => {\n return data.append(\"rest_supplies_receipt_url[]\", file, file.name);\n });\n\n values.gift_promotion_receipt_url.map((file) => {\n return data.append(\"gift_promotion_receipt_url[]\", file, file.name);\n });\n\n values.other_receipt_url.map((file) => {\n return data.append(\"other_receipt_url[]\", file, file.name);\n });\n\n ExpensesService.uploadExpensesReceipt(data)\n .then((response) => {\n console.log(response);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Receipts uploaded successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n setFieldValue,\n isSubmitting,\n }) => (\n setShowAddNewModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n )}\n\n \n {user && user.role === \"super admin\" ? (\n \n \n \n ) : (\n \n \n \n )}\n
\n View Expenses Receipts
\n\n {expenseDoc && expensesAmount && (\n\n {\n setSubmitting(true);\n\n console.log(isString(values.auto_truck_receipt_url), \"Right here\");\n\n const data = new FormData();\n data.append(\"id\", values.id);\n data.append(\"store_id\", values.store_id);\n\n if (isString(values.auto_truck_receipt_url)) {\n data.append(\"auto_truck_receipt_url\", values.auto_truck_receipt_url);\n } else {\n values.auto_truck_receipt_url.map((file) => {\n return data.append(\"auto_truck_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.cleaning_receipt_url)) {\n data.append(\"cleaning_receipt_url\", values.cleaning_receipt_url);\n } else {\n values.cleaning_receipt_url.map((file) => {\n return data.append(\"cleaning_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.food_purchases_receipt_url)) {\n data.append(\"food_purchases_receipt_url\", values.food_purchases_receipt_url);\n } else {\n values.food_purchases_receipt_url.map((file) => {\n return data.append(\"food_purchases_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.office_supplies_receipt_url)) {\n data.append(\"office_supplies_receipt_url\", values.office_supplies_receipt_url);\n } else {\n values.office_supplies_receipt_url.map((file) => {\n return data.append(\"office_supplies_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.repair_receipt_url)) {\n data.append(\"repair_receipt_url\", values.repair_receipt_url);\n } else {\n values.repair_receipt_url.map((file) => {\n return data.append(\"repair_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.rest_supplies_receipt_url)) {\n data.append(\"rest_supplies_receipt_url\", values.rest_supplies_receipt_url);\n } else {\n values.rest_supplies_receipt_url.map((file) => {\n return data.append(\"rest_supplies_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.gift_promotion_receipt_url)) {\n data.append(\"gift_promotion_receipt_url\", values.gift_promotion_receipt_url);\n } else {\n values.gift_promotion_receipt_url.map((file) => {\n return data.append(\"gift_promotion_receipt_url[]\", file, file.name);\n });\n }\n\n if (isString(values.other_receipt_url)) {\n data.append(\"other_receipt_url\", values.other_receipt_url);\n } else {\n values.other_receipt_url.map((file) => {\n return data.append(\"other_receipt_url[]\", file, file.name);\n });\n }\n\n ExpensesService.uploadExpensesReceipt(data)\n .then((response) => {\n console.log(response);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Receipts uploaded successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleBlur,\n handleSubmit,\n setFieldValue,\n isSubmitting,\n }) => (\n
\n )}\n \n \n
\n )}\n \n \n
\n {/* \n
\n \n )}\n \n \n
\n )}\n \n {/* \n \n
\n\n Basic Tab
*/}\n\n {\n setSubmitting(true);\n console.log(values);\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n \n \n \n
\n
\n \n
\n\n \n \n \n Parrilla #\n \n \n\n \n \n Date\n \n \n\n \n \n Manager Name\n \n \n
\n Closing Report
\n\n\n
\n \n
\n \n
\n \n
\n\n \n \n \n \n
\n
\n | \n {\" \"}\n Revenue{\" \"}\n | \nAmount | \n
|---|---|
| Net Sales | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Taxes ( Sales & Liquor ) | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Tips - Credit Cards | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Autogratuity | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Tip Share Collected | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Gift Card Sold | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Charities | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Total Revenues | \n\n\n \n \n \n \n $\n \n \n\n | \n
Tips paid to bartenders
\n\n| Number | \n\n {\" \"}\n Bartender{\" \"}\n | \nTips | \n
|---|---|---|
| {tip.payrollEmployeeId} | \n\n {tip.firstName} {tip.lastName}\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 | Total Credit and Gift Cards | \n\n\n \n \n \n \n $\n \n \n\n | \n
| Total Expenses | \n\n\n \n \n \n \n $\n \n \n\n | \n
\n
\n \n \n \n
\n
\n Tips paid to servers
\n| Number | \nServer | \nTips | \n
|---|---|---|
| {serve.payrollEmployeeId} | \n\n {\" \"}\n {serve.firstName} {serve.lastName}{\" \"}\n | \n\n\n \n \n \n \n $\n \n \n\n | \n
\n \n \n
\n
\n Failed Instant Pay Transactions
\n| Number | \nServer | \nTips | \n
|---|---|---|
| {pay.payrollEmployeeId} | \n\n {\" \"}\n {pay.firstName} {pay.lastName}{\" \"}\n | \n\n\n | \n
\n {cashDepositData && (\n
\n )}\n \n \n {}}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n \n \n \n
\n
\n\n {cashDepositData.over_or_short && (\n \n
\n\n \n
\n \n
\n\n Deposit
\n\n \n
\n \n \n \n \n
\n -\n \n
\n \n \n $\n \n
\n \n \n Total Expenses\n \n \n \n
\n =\n \n
\n \n \n $\n \n
\n \n \n Total Deposit (Calculated)\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 {cashDepositData.over_or_short && (\n \n \n \n )}\n \n \n \n \n $\n \n \n | \n
\n \n \n
\n )}\n \n Please explain the\n {cashDepositData.over_or_short &&\n cashDepositData.over_or_short < 0\n ? \" shortage \"\n : \" overage \"}\n of the deposit amount\n
\n\n
*/}\n \n \n \n \n \n \n \n
\n \n \n \n Preview and Print PDF \n \n \n
\n \n
\n );\n};\n\nexport default withRouter(StoreReportList);\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const UploadDepositSlip = ({ setFieldValue, isSubmitting }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n // const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({\n // Disable click and keydown behavior\n noClick: false,\n noKeyboard: true,\n accept: \".pdf\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\n \"File format not supported. Use PDF only\",\n toastoptions\n );\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\n \"You cannot upload more than 1 file at a time\",\n toastoptions\n );\n } else {\n setFieldValue(\"attachments\", acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n\n \n
\n \n \n Report Histories {\" \"}\n \n \n \n ( Click on the box to view the list of report histories for each\n store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n \n \n \n
\n \n\n {files.length <= 2 ? (\n \n ) : (\n \"\"\n )}\n \n );\n};\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { Modal, Button, Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport Swal from \"sweetalert2\";\nimport DatePicker from \"react-datepicker\";\nimport {\n ConvertDateFormat,\n ConvertDateTimeFormat,\n} from \"../../components/ConvertDateFormat\";\nimport { SystemConfigService } from \"../../service/configService\";\n// import { ExpensesService } from \"../../service/ExpenseService\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { UploadDepositSlip } from \"./components/UploadDepositSlip\";\nimport { Utility } from \"../../Helpers/utils\";\nimport moment from \"moment\";\nconst { SearchBar } = Search;\n\nconst StoreReportHistories = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [date, setDate] = useState(new Date());\n const [reportHistories, setReportHistories] = useState(null);\n const [showUploadDepositModal, setShowUploadDepositModal] = useState(false);\n const [user, setUser] = useState(null);\n const [depositAmount, setDepositAmount] = useState(0);\n\n let history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleViewReportRedirect = (row, e) => {\n // e.target.innerHTML = `Loading...`;\n if (JSON.parse(localStorage.getItem(\"newCompletedSalesReport\"))) {\n localStorage.removeItem(\"newCompletedSalesReport\");\n }\n // PaymentService.getCompletedSalesReportForStore(store_id, row.report_date)\n // .then((response) => {\n // console.log(response.data.data, \"New sales report\");\n // localStorage.setItem(\n // \"newCompletedSalesReport\",\n // JSON.stringify(response.data.data)\n // );\n // })\n // .catch((error) => {\n // console.log(error.reponse);\n // });\n\n // setTimeout(() => {\n history.push(\"/financials/view-closing-report\", {\n store_id,\n report_date: row.report_date,\n });\n // }, 5000);\n };\n\n const handleViewEmergencyReportRedirect = (row, e, id) => {\n // console.log(row.report_date, e, id);\n history.push(\"/financials/view-emergency-report\", {\n store_id: id,\n report_date: row.report_date,\n });\n };\n\n useEffect(() => {\n PaymentService.getSalesReportForStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n let reportResArray = [];\n response.data.data.map((res, index) => {\n return reportResArray.push({\n id: res.id,\n report_date: ConvertDateFormat(res.report_date),\n store_manager: res.store_manager,\n created_at: ConvertDateTimeFormat(res.created_at),\n comments: res.comments_available,\n deposit_calculated: res.deposit_calculated,\n owner: res.owner,\n });\n });\n setReportHistories(reportResArray);\n })\n .catch((error) => {\n console.log(error);\n });\n\n // const data = { store_id };\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error, toastoptions);\n });\n\n const authUser = Utility.getUser();\n console.log(authUser, \"Logged in user\");\n setUser(authUser);\n }, []);\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Report Id\",\n sort: true,\n },\n {\n dataField: \"report_date\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"store_manager\",\n text: \"Store Manager\",\n sort: true,\n },\n {\n dataField: \"created_at\",\n text: \"Date Processed\",\n sort: true,\n },\n {\n dataField: \"comments\",\n text: \"\",\n sort: true,\n formatter: (cellContent, row) => {\n return (\n \n \n
\n Select or drop PDF File Here
\n\n {row.comments ? (\n \n ) : (\n \"\"\n )}\n
\n );\n },\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n handleViewReportRedirect(row, e)}\n >\n View Report\n \n\n {\n // let reportDate = moment(new Date(row.report_date));\n let reportDate = new Date(row.report_date);\n setShowUploadDepositModal(true);\n setDepositAmount(row.deposit_calculated);\n setDate(reportDate);\n }}\n >\n Upload Deposit\n \n {/* \n handleViewEmergencyReportRedirect(row, e, store.location_id)\n }\n >\n Emergency\n Report\n */}\n {store && store.payments_options === \"pay_by_hour\" ? (\n handleViewReportRedirect(row, e)}\n >\n Bar\n Breakdown\n \n ) : (\n \"\"\n )}\n
\n );\n },\n formatExtraData: {\n store,\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(StoreReportHistories);\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useHistory, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { ExpensesService } from \"../../../service/ExpenseService\";\nimport { ConvertDateFormat } from \"../../../components/ConvertDateFormat\";\nconst { SearchBar } = Search;\n\nconst EmergencyCodeReport = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n let history = useHistory();\n const [emergencyExpenses, setEmergencyExpenses] = useState(null);\n\n const handleViewEmergencyReportRedirect = (row, content) => {\n // console.log(row.storeId, row.rawDate);\n history.push(\"/financials/view-emergency-report\", {\n store_id: row.storeId,\n report_date: row.rawDate,\n });\n };\n\n useEffect(() => {\n ExpensesService.getAllEmergencyExpenses()\n .then((response) => {\n console.log(response.data.data);\n let emergencyExpensesArray = [];\n response.data.data.map((res, index) => {\n return emergencyExpensesArray.push({\n id: res.id,\n storeId: res.store_id,\n rawDate: res.date,\n location: `#Laparrila ${res.store_id}`,\n employeeName: res.employee_name,\n emergencyCode: res.emergency_code,\n totalHours: res.total_hours,\n totalMinutes: res.total_minutes,\n date: ConvertDateFormat(res.date),\n tipsOwed: res.tips_owed,\n jobCode: res.job_code,\n });\n });\n setEmergencyExpenses(emergencyExpensesArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n // SystemConfigService.getStore(store_id)\n // .then((response) => {\n // console.log(response.data.data);\n // setStore(response.data.data);\n // })\n // .catch((error) => {\n // console.log(error.response.data.message);\n // });\n }, []);\n\n const columns = [\n {\n dataField: \"location\",\n text: \"Location\",\n sort: true,\n },\n {\n dataField: \"employeeName\",\n text: \"Employee Name\",\n sort: true,\n },\n {\n dataField: \"emergencyCode\",\n text: \"Emergency Code\",\n sort: true,\n },\n {\n dataField: \"totalHours\",\n text: \"Total Hours\",\n sort: true,\n },\n {\n dataField: \"totalMinutes\",\n text: \"Total Minutes\",\n sort: true,\n },\n {\n dataField: \"date\",\n text: \"Date\",\n sort: true,\n },\n {\n dataField: \"tipsOwed\",\n text: \"Tips\",\n sort: true,\n },\n {\n dataField: \"jobCode\",\n text: \"Job Code\",\n sort: true,\n },\n {\n dataField: \"Action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n
\n \n \n {store ? store.name : \"\"}\n \n
\n\n\n \n \n \n
\n \n \n
\n\n \n
\n \n {reportHistories && (\n
\n \n
\n )}\n Report History
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {showUploadDepositModal && (\n
\n \n {\n setSubmitting(true);\n console.log(values);\n\n const data = new FormData();\n let reportDate = moment(new Date(values.date)).format(\n \"YYYY/MM/DD\"\n );\n data.append(\"first_name\", values.first_name);\n data.append(\"store_id\", values.store_id);\n data.append(\"last_name\", values.last_name);\n data.append(\"date\", reportDate);\n data.append(\"location\", values.location);\n data.append(\"deposit_amount\", values.deposit_amount);\n\n if (values.attachments.length < 1) {\n setSubmitting(false);\n cogoToast.error(`Kindly upload a deposit slip`);\n } else {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"Ensure that you have uploaded the right deposit slip!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Proceed\",\n }).then((result) => {\n if (result.isConfirmed) {\n values.attachments.map((file) => {\n return data.append(\"attachments[]\", file, file.name);\n });\n\n PaymentService.uploadDepositSlip(data)\n .then((response) => {\n console.log(response.data.data);\n setSubmitting(false);\n Swal.fire(\n \"Successful!\",\n \"Deposit slip has been uploaded.\",\n \"success\"\n );\n window.location.reload();\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }\n });\n }\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n setShowUploadDepositModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"50px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n )}\n \n \n handleViewEmergencyReportRedirect(row, cellContent)\n }\n >\n Emergency\n Report\n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n // {\n // dataField: \"id\",\n // order: \"desc\",\n // },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(EmergencyCodeReport);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nconst InstantAudits = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n \n Emergency Codes Report\n \n
\n \n\n
\n \n
\n \n {emergencyExpenses && (\n
\n \n
\n )}\n Emergency Codes
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(InstantAudits);\n","import Api from \"./Api\";\n\nexport class InstantTransactionService {\n static async getInstantTransaction(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`transaction/fetch`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import { Formik } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\nimport { withRouter } from \"react-router\";\nimport DatePicker from \"react-datepicker\";\nimport { InstantTransactionService } from \"../../service/InstantTransactionService\";\nimport cogoToast from \"cogo-toast\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nconst { SearchBar } = Search;\n\nconst InstantTransaction = () => {\n const [history, setHistory] = useState(null);\n const [startDate, setStartDate] = useState(new Date());\n const [endDate, setEndDate] = useState(new Date());\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Index\",\n sort: true,\n },\n {\n dataField: \"allocated_date\",\n text: \"Allocated Date\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: true,\n },\n {\n dataField: \"email\",\n text: \"Email\",\n sort: true,\n },\n {\n dataField: \"employeeId\",\n text: \"Employee ID\",\n sort: true,\n },\n {\n dataField: \"locationName\",\n text: \"Location Name\",\n sort: true,\n },\n {\n dataField: \"manager\",\n text: \"Manager\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n\n \n
\n \n \n InstantPay Payment Audit\n \n \n \n ( Click on the box to view and carry out payment Reconciliation\n )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n
\n );\n};\n\nexport default withRouter(InstantTransaction);\n","import React, { useEffect, useState } from \"react\";\nimport { useParams, withRouter } from \"react-router\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { Link } from \"react-router-dom\";\nimport { SystemConfigService } from \"../../service/configService\";\nconst { SearchBar } = Search;\n\nconst ViewAllInstantAuditsStore = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [auditedPayment, setAuditedPayment] = useState(null);\n\n useEffect(() => {\n PaymentService.getAuditedInstantPaymentsStore(store_id)\n .then((response) => {\n // console.log(response.data.data);\n let AuditedPaymentResArray = [];\n // response.data.data.map((res, index) => {\n // return AuditedPaymentResArray.push({});\n // });\n setAuditedPayment(AuditedPaymentResArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n const columns = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"reportDate\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"message\",\n text: \"Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n \n
\n
\n\n \n
\n \n
\n \n {\n setSubmitting(true);\n console.log(values);\n InstantTransactionService.getInstantTransaction(values)\n .then((response) => {\n cogoToast.success(\"Retrieved successfully\", toastoptions);\n console.log(response.data.data.content);\n let responseArr = [];\n response.data.data.content.map((res, index) => {\n return responseArr.push({\n id: index,\n allocated_date: ConvertDateFormat(res.allocatedAt),\n amount: res.amount,\n name: `${res.firstName} ${\n res.lastName ? res.lastName : \"\"\n }`,\n email: res.email,\n employeeId: res.employeeId,\n locationName: res.locationName,\n manager: res.manager,\n status: res.status,\n });\n });\n setHistory(responseArr);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n Retrieving Transaction History
\n\n Please select your preferred start and end date using the form\n below and hit the Submit button to proceed.\n
\n\n
\n \n {history && (\n
\n \n
\n )}\n Transaction History
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(ViewAllInstantAuditsStore);\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const InstantAuditReportUpload = ({ setFieldValue }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n // const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({\n // Disable click and keydown behavior\n noClick: false,\n noKeyboard: true,\n accept: \".xlsx\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\n \"File format not supported. Use XLSX only\",\n toastoptions\n );\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\n \"You cannot upload more than 1 file at a time\",\n toastoptions\n );\n } else {\n setFieldValue(\"audit_report_attachment\", acceptedFiles[0]);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n \n Audited Payments\n
\n \n\n
\n \n
\n \n {auditedPayment && (\n
\n \n
\n )}\n Audited Payments
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n \n \n \n
\n \n\n {files.length <= 2 ? (\n \n ) : (\n \"\"\n )}\n \n );\n};\n","import React, { useState } from \"react\";\nimport { Spinner, Form } from \"react-bootstrap\";\nimport { useParams, withRouter } from \"react-router\";\nimport { Formik } from \"formik\";\nimport Swal from \"sweetalert2\";\nimport { PaymentService } from \"../../service/PaymentService\";\nimport { InstantAuditReportUpload } from \"../../components/InstantAuditReportUpload\";\nimport { Link } from \"react-router-dom\";\nimport NumberFormat from \"react-number-format\";\nimport { Utility } from \"../../Helpers/utils\";\n\nconst AddNewInstantAuditForStore = () => {\n let { store_id } = useParams();\n const [auditReady, setAuditReady] = useState(false);\n const [auditReport, setAuditReport] = useState(null);\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n return (\n \n \n
\n \n Drag & drop a file here or Click to upload\n
\n\n \n
\n )}\n \n \n );\n};\n\nexport default withRouter(AddNewInstantAuditForStore);\n","import Api from \"./Api\";\n\nexport class SalesService {\n static async getSalesReportExtractForStore(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`accounting/extract-sales-report/${data.store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async downloadSalesExtract(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`accounting/download-extract/${data.store_id}/${data.id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async updateSalesExtract(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`accounting/update-extract`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async accountReportUpload(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`accounting/generate-report`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async fetchSalesReportHistory(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/fetch-sales-report-history/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCompletedSalesReportForStore(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`payment/completed-report/${id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getSalesReportStatus(id, date) {\n return new Promise((resolve, reject) => {\n return Api.get(`closing/report-status`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createSalesReportComment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`accounting/create-comment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getSalesReportComment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`accounting/get-comment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPercentageSalesForStore(data) {\n return new Promise((resolve, reject) => {\n return Api.get(`accounting/retrieve-percentage-report/${data.store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPercentageSalesDetails(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `accounting/get-percentage-sales-details/${data.store_id}/${data.id}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","export const displayPaymentMethod = (name) => {\n let paymentName = \"\";\n switch (name) {\n case \"bartender\":\n paymentName = \"Bartender\";\n break;\n case \"togo\":\n paymentName = \"ToGo\";\n break;\n case \"bar_togo\":\n paymentName = \"Bartender and ToGo\";\n break;\n default:\n paymentName = \"None selected\";\n }\n\n return paymentName;\n};\n","import React, { useState, useEffect } from \"react\";\nimport { format } from \"date-fns\";\nimport { UserService } from \"../../../service/userService\";\n\nconst ReportNote = ({ note }) => {\n const [user, setUser] = useState(null);\n\n useEffect(() => {\n UserService.getEmployeeUsingId(note.created_by)\n .then((response) => {\n setUser(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [note.created_by]);\n return (\n \n
\n \n
\n\n Add New Record
\n\n \n \n \n
\n \n \n {!auditReady && (\n {\n // setSubmitting(true);\n console.log(values.audit_report_attachment);\n\n const data = new FormData();\n data.append(\n \"audit_report_attachment\",\n values.audit_report_attachment\n );\n\n PaymentService.uploadAuditReport(data)\n .then((response) => {\n setSubmitting(false);\n setAuditReport(response.data.data);\n setAuditReady(true);\n console.log(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Payment works\");\n }\n });\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n setFieldValue,\n isSubmitting,\n }) => (\n \n \n \n\n
\n\n {auditReady && (\n Upload a new record
\n\n \n Submit \n {isSubmitting ? (\n
\n \n )}\n \n )}\n \n
\n \n
\n\n {auditReport.previousData.length > 0 && (\n \n \n Details of the Audited report\n \n
\n \n {auditReport.todayData.length > 0 && (\n \n \n \n
\n
\n )}\n | Location | \nEmployee | \nDate | \nDate Processed | \nAmount | \nStatus | \n
|---|---|---|---|---|---|
| {report.location} | \n{report.employee} | \n{report.date} | \n{report.date_processed} | \n\n\n | \n\n \n {\" \"}\n {report.status === \"verified\"\n ? \"Verified\"\n : \"Not Verified\"}{\" \"}\n | \n
\n \n \n
\n
\n )}\n | Location | \nEmployee | \nDate | \nDate Processed | \nAmount | \nStatus | \n
|---|---|---|---|---|---|
| {report.location} | \n{report.employee} | \n{report.date} | \n{report.date_processed} | \n\n\n | \n \n {\" \"}\n {report.status === \"verified\"\n ? \"Verified\"\n : \"Not Verified\"}{\" \"}\n | \n
\n
\n );\n};\n\nexport default ReportNote;\n","import React, { useState, useEffect } from \"react\";\nimport Note from \"./ReportNote\";\nimport { Formik } from \"formik\";\nimport cogoToast from \"cogo-toast\";\nimport { Form } from \"react-bootstrap\";\nimport { UserService } from \"../../../service/userService\";\nimport { SalesService } from \"../../../service/SalesService\";\nimport ReportNote from \"./ReportNote\";\n// import CreateNote from \"./CreateNotes\";\n\nconst ReportNotes = ({ store, date }) => {\n const [addNewNote, setAddNewNote] = useState(false);\n const [notes, setNotes] = useState(null);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SalesService.getSalesReportComment({ store_id: store, report_date: date })\n .then((response) => {\n console.log(response.data.data, \"Report comment\");\n setNotes(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n \n
\n \n {user && (\n
\n \n {\" \"}\n {user.first_name} {user.last_name} :\n
\n )}\n \n {format(new Date(note.created_at), \"MM-dd-yyyy kk:mm:ss\")}\n {/* console.log(format(new Date(), 'yyyy/MM/dd kk:mm:ss')) */}\n \n\n
\n Comment :
\n\n {/*{note.note}
*/}\n {note.comment}\n\n {/* {!addNewNote && ( */}\n
\n \n {/* )} */}\n \n );\n};\n\nexport default ReportNotes;\n","import React, { useState } from \"react\";\nimport { pdfjs, Document, Page } from \"react-pdf/dist/entry.webpack\";\nimport { Modal, Button } from \"react-bootstrap\";\n\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n\nconst DepositPDFReader = ({ pdf }) => {\n const [numPages, setNumPages] = useState(0);\n const [previewMode, setPreviewMode] = useState(false);\n const [mdShow, setMdShow] = useState(false);\n\n const onDocumentLoadSuccess = ({ numPages }) => {\n setNumPages(numPages);\n };\n\n const printPDFhandler = () => {\n window.open(pdf.deposit_slip_url, \"PRINT\", \"height=400,width=600\");\n };\n\n return (\n \n
\n \n
\n )}\n\n \n
\n {!addNewNote && (\n Comments
\n\n {notes && notes.length > 0 ? (\n
\n \n {!addNewNote && (\n \n )}\n\n {addNewNote && (\n \n )}\n
\n ) : (\n \"\"\n )}\n\n {notes && notes.length > 0 ? (\n notes.map((note) => (\n
\n )}\n \n
\n ))\n ) : (\n \n {/*
\n \n {\n setSubmitting(false);\n SalesService.createSalesReportComment(values)\n .then((response) => {\n console.log(response.data);\n // setNotes(response.data.data);\n setNotes([...notes, response.data.data]);\n setAddNewNote(false);\n cogoToast.success(\n \"Comment created successfully\",\n toastoptions\n );\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n )}\n \n \n
\n \n
\n \n \n
\n \n \n \n Submit\n \n \n
\n \n
\n\n \n \n \n Please enter a comment\n \n \n
\n \n {addNewNote && (\n
\n )}\n \n {/*
\n \n {\n setSubmitting(false);\n SalesService.createSalesReportComment(values)\n .then((response) => {\n console.log(response.data);\n setNotes([...notes, response.data.data]);\n setAddNewNote(false);\n cogoToast.success(\n \"Notes created successfully\",\n toastoptions\n );\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n )}\n \n \n
\n \n
\n \n \n
\n \n \n \n Submit\n \n \n
\n \n
\n\n \n \n \n Please enter a comment\n \n \n
\n \n {/*
\n );\n};\n\nexport default DepositPDFReader;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { useReactToPrint } from \"react-to-print\";\nimport { Form } from \"react-bootstrap\";\nimport NumberFormat from \"react-number-format\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport cogoToast from \"cogo-toast\";\nimport { useHistory, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { SalesService } from \"../../service/SalesService\";\nimport { displayPaymentMethod } from \"../../components/Utils/DisplayPaymentMethod\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport ReportNotes from \"./ReportsComments/ReportNotes\";\nimport DepositPDFReader from \"./components/DepositPDFReader\";\nimport { PaymentService } from \"../../service/PaymentService\";\n\nclass SalesReportHistoryPDFDownload extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n salesReport: null,\n barTenderPayment: null,\n serverPayment: null,\n pendingPayments: null,\n scheduled: null,\n expenses: null,\n cashDepositData: null,\n atoDetails: null,\n doorDashDetails: null,\n expenseTotal: \"\",\n isLoading: true,\n totalBar: \"\",\n totalTipShare: \"\",\n totalBarTip: \"\",\n totalServerTip: \"\",\n totalInstantPay: \"\",\n emergencyExpenses: \"\",\n };\n }\n\n componentDidMount() {\n if (this.props.id !== \"undefined\" && this.props.date !== \"undefined\") {\n SalesService.fetchSalesReportHistory(this.props.id, this.props.date)\n .then((response) => {\n console.log(response.data.data);\n this.setState({ isLoading: false });\n let serverRes = response.data.data.expensesAmount;\n let expensesTotal = \"\";\n if (serverRes) {\n expensesTotal =\n parseFloat(serverRes.auto_truck != null ? serverRes.auto_truck : 0) +\n parseFloat(serverRes.cleaning != null ? serverRes.cleaning : 0) +\n parseFloat(serverRes.food_purchases != null ? serverRes.food_purchases : 0) +\n parseFloat(serverRes.office_supplies != null ? serverRes.office_supplies : 0) +\n parseFloat(serverRes.repair != null ? serverRes.repair : 0) +\n parseFloat(serverRes.rest_supplies != null ? serverRes.rest_supplies : 0) +\n parseFloat(serverRes.gift_promotion != null ? serverRes.gift_promotion : 0) +\n parseFloat(serverRes.other != null ? serverRes.other : 0) +\n parseFloat(\n serverRes.emergency_code_expenses != null ? serverRes.emergency_code_expenses : 0\n );\n }\n\n // total bar\n let barAmount = 0;\n let barTip = 0;\n let scheduledAmount = 0;\n let barTipshare = 0;\n let serverAmount = 0;\n let cateringAmount = 0;\n let atoAmount = 0;\n let doorDashAmount = 0;\n let togoAmount = 0;\n let othersAmount = 0;\n response.data.data.paymentResponse.bartenders.map((tip, index) => {\n barAmount += parseFloat(this.roundNumberUp(tip.amount));\n barTip += parseFloat(this.roundNumberUp(tip.tip));\n barTipshare += parseFloat(this.roundNumberUp(tip.tipshare));\n return tip;\n });\n\n response.data.data.paymentResponse.servers.map((serve, index) => {\n return (serverAmount += parseFloat(this.roundNumberUp(serve.amount)));\n });\n\n response.data.data.paymentResponse.scheduled.map((sch, index) => {\n return (scheduledAmount += parseFloat(this.roundNumberUp(sch.amount)));\n });\n\n response.data.data.paymentResponse.catering.map((cat, index) => {\n return (cateringAmount += parseFloat(this.roundNumberUp(cat.amount)));\n });\n\n response.data.data.paymentResponse.ato.map((ato, index) => {\n return (atoAmount += parseFloat(this.roundNumberUp(ato.amount)));\n });\n\n response.data.data.paymentResponse.doorDash.map((door, index) => {\n return (doorDashAmount += parseFloat(this.roundNumberUp(door.amount)));\n });\n\n response.data.data.paymentResponse.togo.map((togo, index) => {\n return (togoAmount += parseFloat(this.roundNumberUp(togo.amount)));\n });\n\n response.data.data.paymentResponse.others.map((other, index) => {\n return (othersAmount += parseFloat(this.roundNumberUp(other.amount)));\n });\n\n let totalInstant =\n parseFloat(this.roundNumberUp(barAmount)) +\n parseFloat(this.roundNumberUp(serverAmount)) +\n parseFloat(this.roundNumberUp(scheduledAmount)) +\n parseFloat(this.roundNumberUp(cateringAmount)) +\n parseFloat(this.roundNumberUp(atoAmount)) +\n parseFloat(this.roundNumberUp(doorDashAmount)) +\n parseFloat(this.roundNumberUp(togoAmount)) +\n parseFloat(this.roundNumberUp(othersAmount));\n\n this.setState({\n salesReport: response.data.data.salesReport,\n serverPayment: response.data.data.paymentResponse.servers,\n barTenderPayment: response.data.data.paymentResponse.bartenders,\n scheduled: response.data.data.paymentResponse.scheduled,\n cateringPayment: response.data.data.paymentResponse.catering,\n atoPayment: response.data.data.paymentResponse.ato,\n doorDashPayment: response.data.data.paymentResponse.doorDash,\n togoPayment: response.data.data.paymentResponse.togo,\n othersPayment: response.data.data.paymentResponse.others,\n pendingPayments: response.data.data.paymentResponse.pendingPayments,\n cashDepositData: response.data.data.deposits,\n expenseTotal: serverRes ? this.roundNumberUp(expensesTotal) : 0,\n expenses: response.data.data.expensesAmount,\n atoDetails: response.data.data.atoDetails,\n doorDashDetails: response.data.data.doorDashDetails,\n emergencyExpenses: response.data.data.emergencyExpenses,\n totalBar: barAmount,\n totalTipShare: barTipshare,\n totalBarTip: barTip,\n totalServerTip: serverAmount,\n totalAtoTip: atoAmount,\n totalDoorDashTip: doorDashAmount,\n totalTogoTip: togoAmount,\n totalCateringTip: cateringAmount,\n totalOthersTip: othersAmount,\n totalInstantPay: totalInstant,\n });\n })\n .catch((error) => {\n console.log(error);\n this.setState({ isLoading: false });\n });\n } else {\n cogoToast.error(\"No data to preview here\");\n setTimeout(() => {\n window.location.href = \"/laparrila/restaurant-manager/financials/view-store-report\";\n }, [2000]);\n }\n }\n roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n render() {\n const {\n salesReport,\n barTenderPayment,\n serverPayment,\n cateringPayment,\n atoPayment,\n doorDashPayment,\n togoPayment,\n othersPayment,\n expenses,\n expenseTotal,\n atoDetails,\n doorDashDetails,\n pendingPayments,\n scheduled,\n cashDepositData,\n isLoading,\n totalBar,\n totalTipShare,\n totalBarTip,\n totalAtoTip,\n totalDoorDashTip,\n totalCateringTip,\n totalTogoTip,\n totalOthersTip,\n totalServerTip,\n totalInstantPay,\n emergencyExpenses,\n } = this.state;\n return (\n */}\n {/* {\n setPreviewMode(false);\n setMdShow(false);\n }}\n >\n {\" \"}\n Close Preview{\" \"}\n \n )}\n \n\n \n {/*
*/}\n\n {previewMode && (\n {pdf.file_name}
*/}\n\n \n {/* */}\n {!previewMode && (\n \n {\n setPreviewMode(true);\n setMdShow(true);\n }}\n value={\" View Deposit Slip\"}\n />\n
\n )}\n\n {previewMode && (\n \n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n {/* Modal title */}\n \n\n \n \n {Array.from(new Array(numPages), (el, index) => (\n \n\n \n {\n printPDFhandler();\n }}\n >\n Print\n \n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n >\n Close Preview\n \n \n \n
\n )}\n \n
\n ) : (\n \n
\n\n \n
\n\n Closing Report
\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 Revenue
\n| Revenue | \nAmount | \n
|---|---|
| Net Sales | \n\n\n | \n
| Taxes ( Sales & Liquor ) | \n\n\n | \n
| Tips - Credit Cards | \n\n\n | \n
| Autogratuity | \n\n\n | \n
| Tip Share Collected | \n\n\n | \n
| Gift Card Sold | \n\n\n | \n
| Charities | \n\n\n | \n
| Total Revenues | \n\n\n | \n
\n \n \n
\n
\n\n | Total Credit and Gift Cards | \n\n\n | \n
\n
\n\n \n {\" \"}\n Online {doorDashDetails && doorDashDetails.amount > 0 ? \"/ Doordash\" : \"\"}{\" \"}\n Payments{\" \"}\n
\n {atoDetails ? (\n\n \n \n
\n
\n ) : (\n | Payment Method | \nAmount | \n
|---|---|
| {displayPaymentMethod(atoDetails.payment_method)} | \n\n\n | \n
\n
\n )}\n No Payments
\n\n {doorDashDetails && doorDashDetails.amount > 0 ? (\n <>\n
\n\n Door Dash Payments Details
\n\n\n \n \n
\n
\n \n ) : (\n \"\"\n )}\n | Payment Method | \nAmount | \n
|---|---|
| {displayPaymentMethod(doorDashDetails.payment_method)} | \n\n\n | \n
\n
\n\n Expenses
\n {expenseTotal ? (\n\n \n \n
\n
\n ) : (\n | Expenses | \nAmount | \n
|---|---|
| Auto and Truck | \n\n\n | \n
| Cleaning & Laundry | \n\n\n | \n
| Food Purchase | \n\n\n | \n
| Office Supplies | \n\n\n | \n
| Repair & Maintenance | \n\n\n | \n
| Rest. Supplies | \n\n\n | \n
| Gift Promotion | \n\n\n | \n
| Other | \n\n\n | \n
| Emergency Code Expenses | \n\n\n | \n
| Total Expenses | \n\n\n | \n
\n
\n )}\n No Expenses
\n\n
\n Emergency Expenses
\n {emergencyExpenses ? (\n\n \n \n
\n
\n ) : (\n | Emergency Code | \n {/*Amount | */}\n
|---|---|
| \n {\" \"}\n {exp.emergency_code}{\" \"}\n | \n\n {/*\n | */}\n
\n
\n )}\n No Emergency Expense(s)
\n\n
\n \n \n \n
\n\n \n \n
\n
\n\n Tips paid to bartenders
\n| Number | \nBartender | \nDeclared Tips | \nTipshare | \nTips | \nTotal | \n
|---|---|---|---|---|---|
| {tip.payrollEmployeeId} | \n\n {tip.firstName}\n {/* {tip.lastName} */}\n | \n\n | \n \n | \n \n | \n \n | \n
| Total Tipshare | \nTotal Tips | \nTotal For Bartender | \n
|---|---|---|
| \n | \n \n | \n\n \n | \n
\n \n \n
\n\n \n \n
\n
\n\n Tips paid to servers
\n| Number | \nServer | \nTips | \n
|---|---|---|
| {serve.payrollEmployeeId} | \n\n {serve.firstName} {serve.lastName}\n | \n\n\n | \n
| Total Tips For Server | \n\n\n | \n
\n {atoPayment && atoPayment.length > 0 ? (\n
\n\n \n \n \n
\n\n \n \n
\n
\n ) : (\n \"\"\n )}\n Tips paid For ATO (Online)
\n| Number | \nEmployee | \nTips | \n
|---|---|---|
| {ato.payrollEmployeeId} | \n\n {ato.firstName} {ato.lastName}\n | \n\n\n | \n
| Total Tips For ATO Interface | \n\n\n | \n
\n {doorDashPayment && doorDashPayment.length > 0 ? (\n
\n\n \n \n \n
\n\n \n \n
\n
\n ) : (\n \"\"\n )}\n Tips paid For Door Dash
\n| Number | \nEmployee | \nTips | \n
|---|---|---|
| {door.payrollEmployeeId} | \n\n {door.firstName} {door.lastName}\n | \n\n\n | \n
| Total Tips For Door Dash | \n\n\n | \n
\n {togoPayment && togoPayment.length > 0 ? (\n
\n\n \n \n \n
\n\n \n \n
\n
\n ) : (\n \"\"\n )}\n Tips paid For ToGo
\n| Number | \nEmployee | \nDeclared Tips | \nTips | \n
|---|---|---|---|
| {togo.payrollEmployeeId} | \n\n {togo.firstName} {togo.lastName}\n | \n\n\n | \n\n \n | \n
| Total Tips For Togo | \n\n\n | \n
\n {cateringPayment && cateringPayment.length > 0 ? (\n
\n\n \n \n \n
\n\n \n \n
\n
\n ) : (\n \"\"\n )}\n Tips paid For Catering
\n| Number | \nEmployee | \nTips | \n
|---|---|---|
| {cat.payrollEmployeeId} | \n\n {cat.firstName} {cat.lastName}\n | \n\n\n | \n
| Total Tips For Catering | \n\n\n | \n
\n {othersPayment && othersPayment.length > 0 ? (\n
\n\n \n \n \n
\n\n \n \n
\n
\n ) : (\n \"\"\n )}\n Tips paid For others (Coach Server)
\n| Number | \nEmployee | \nTips | \n
|---|---|---|
| {others.payrollEmployeeId} | \n\n {others.firstName} {others.lastName}\n | \n\n\n | \n
| Total Tips For Others ( Coach Server) | \n\n\n | \n
\n {scheduled && scheduled.length > 0 ? (\n
\n\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n Paid scheduled details
\n| Number | \nName | \nTips | \n
|---|---|---|
| {pay.payrollEmployeeId} | \n\n {\" \"}\n {pay.firstName} {pay.lastName}{\" \"}\n | \n\n\n | \n
\n \n \n
\n
\n\n Total Instant Pay
\n| Total Instant Pay | \n\n\n | \n
\n {pendingPayments && pendingPayments.length > 0 ? (\n
\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n Failed Instant Pay Transactions
\n| Number | \nName | \nTips | \n
|---|---|---|
| {pay.payrollEmployeeId} | \n\n {\" \"}\n {pay.firstName} {pay.lastName}{\" \"}\n | \n\n\n | \n
\n
\n \n {/* {cashDepositData && ( */}\n
\n \n \n \n
*/}\n
\n {/* )} */}\n \n
\n {/* \n
\n \n
\n \n \n \n
\n
\n\n {/* {cashDepositData.over_or_short && ( */}\n \n
\n\n Deposit
\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
\n | \n \n \n \n \n \n \n $\n \n | \n\n \n {cashDepositData &&\n cashDepositData.overage &&\n cashDepositData.shortage ? (\n \n \n \n ) : (\n \"\"\n )}\n\n {cashDepositData &&\n !cashDepositData.overage &&\n cashDepositData.shortage ? (\n \n \n \n $\n \n \n \n \n ) : (\n \"\"\n )}\n\n {cashDepositData &&\n !cashDepositData.shortage &&\n cashDepositData.overage ? (\n \n \n \n $\n \n \n \n \n ) : (\n \"\"\n )}\n \n \n \n $\n \n | \n
\n {cashDepositData && cashDepositData.explanations ? (\n
\n {/* )} */}\n \n \n \n
\n ) : (\n \"\"\n )}\n Reason for difference in deposit amount
\n| Cash to be deposit | \n\n\n | \n
\n \n
\n )}\n \n \n \n\n
\n );\n};\n\nexport default withRouter(ViewReportHistory);\n","import React, { useRef } from \"react\";\nimport { useReactToPrint } from \"react-to-print\";\nimport { Form } from \"react-bootstrap\";\nimport NumberFormat from \"react-number-format\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport cogoToast from \"cogo-toast\";\nimport { ExpensesService } from \"../../service/ExpenseService\";\nimport { useHistory, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\n\nclass EmergencyReportHistoryPDFDownload extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n emergencyReport: null,\n isLoading: true,\n };\n }\n\n componentDidMount() {\n if (this.props.id !== \"undefined\" && this.props.date !== \"undefined\") {\n let data = { store_id: this.props.id, report_date: this.props.date };\n ExpensesService.getEmergencyExpensesForAStorePDF(data)\n .then((response) => {\n this.setState({\n emergencyReport: response.data.data,\n isLoading: false,\n });\n })\n .catch((error) => {\n console.log(error);\n this.setState({ isLoading: false });\n });\n } else {\n cogoToast.error(\"No data to preview here\");\n setTimeout(() => {\n window.location.href =\n \"/laparrila/restaurant-manager/financials/view-store-report\";\n }, [2000]);\n }\n }\n roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n render() {\n const { emergencyReport, isLoading } = this.state;\n return (\n \n
\n \n \n \n \n \n \n \n\n {\n setPreviewMode(true);\n setMdShow(true);\n }}\n >\n Add or View Comments\n \n\n {depositPDF && (\n \n )}\n
\n \n
\n \n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n id=\"reportNoteModalWrapper\"\n >\n \n \n\n \n {/* \n Print\n */}\n {\n setMdShow(false);\n setPreviewMode(false);\n }}\n >\n Close Preview\n \n \n \n
\n \n
\n \n {emergencyReport && emergencyReport.length > 0 ? (\n
\n ) : (\n \n
\n\n \n \n
\n\n Emergency Report
\n\n \n \n Parrilla #\n \n \n\n \n \n Date\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n Code \n Hours \n Tips Owed \n Employee Name \n Base Location \n \n \n \n {emergencyReport &&\n emergencyReport.map((tip, index) => (\n \n {tip.emergency_code} \n {tip.total_hours} \n \n \n {tip.employee_name} \n {tip.base_location} \n \n ))}\n \n \n
\n Emergency Report
\n\n
\n )}\n \n ) : (\n This is an empty report
\n\n \n
\n )}\n \n \n \n
\n );\n};\n\nexport default withRouter(ViewEmergencyReportHistory);\n","import PendingPayment from \"../financials/PendingPayments\";\nimport ViewPendingPaymentsStore from \"../financials/StorePendingPayments\";\nimport DeletedPayment from \"../financials/DeletedPayments\";\nimport ViewDeletedPaymentsStore from \"../financials/StoreDeletedPayments\";\nimport ScheduledPayment from \"../financials/ScheduledPayments\";\nimport ViewScheduledPaymentsStore from \"../financials/StoreScheduledPayments\";\nimport PaymentHistories from \"../financials/PaymentHistory\";\nimport ViewPaymentHistoriesStore from \"../financials/StorePaymentHistories\";\nimport ExpensesView from \"../financials/ExpensesViewer\";\nimport ViewExpensesStore from \"../financials/StoreExpenses\";\nimport ViewExpensesStoreDoc from \"../financials/StoreExpensesDoc\";\nimport ReportHistoriesView from \"../financials/ReportsHistories\";\nimport ViewReportStoreList from \"../financials/StoreReportList\";\nimport ViewStoreReportHistories from \"../financials/StoreReportHistories\";\nimport EmergencyCodeReport from \"../financials/emergency/EmergencyCodeReport\";\nimport InstantAudits from \"../financials/InstantAudits\";\nimport InstantTransactionHistory from \"../financials/InstantTransaction\";\nimport ViewAllInstantAuditsStore from \"../financials/ViewAllInstantAuditsStore\";\nimport AddNewInstantAudit from \"../financials/AddNewInstantAuditForStore\";\nimport SalesReportPDF from \"../financials/ViewReportHistory\";\nimport EmergencyReportPDF from \"../financials/ViewEmergencyReport\";\n\nconst financialsRoutes = [\n { path: \"/financials/pending-payments\", component: PendingPayment },\n { path: \"/financials/deleted-payments\", component: DeletedPayment },\n { path: \"/financials/scheduled-payments\", component: ScheduledPayment },\n { path: \"/financials/expenses-viewers\", component: ExpensesView },\n { path: \"/financials/view-expenses-store/:store_id\", component: ViewExpensesStore },\n { path: \"/financials/view-store-report\", component: ViewReportStoreList },\n { path: \"/financials/view-report-store/:store_id/:id\", component: ReportHistoriesView },\n {\n path: \"/financials/view-report-histories-store/:store_id\",\n component: ViewStoreReportHistories,\n },\n { path: \"/financials/store/doc/:store_id/:expense_id\", component: ViewExpensesStoreDoc },\n {\n path: \"/financials/view-pending-payments-store/:store_id\",\n component: ViewPendingPaymentsStore,\n },\n {\n path: \"/financials/view-deleted-payments-store/:store_id\",\n component: ViewDeletedPaymentsStore,\n },\n {\n path: \"/financials/view-scheduled-payments-store/:store_id\",\n component: ViewScheduledPaymentsStore,\n },\n {\n path: \"/financials/view-payment-histories-store/:store_id\",\n component: ViewPaymentHistoriesStore,\n },\n { path: \"/financials/payment-history\", component: PaymentHistories },\n { path: \"/financials/view-closing-report\", component: SalesReportPDF },\n { path: \"/financials/view-emergency-report\", component: EmergencyReportPDF },\n { path: \"/financials/emergency-code-report\", component: EmergencyCodeReport },\n { path: \"/financials/instant-audits\", component: InstantAudits },\n { path: \"/financials/instant-transaction-history\", component: InstantTransactionHistory },\n {\n path: \"/financials/view-all-instant-audits-store/:store_id\",\n component: ViewAllInstantAuditsStore,\n },\n { path: \"/financials/add-new-instant-audits/:store_id\", component: AddNewInstantAudit },\n];\n\nexport default financialsRoutes;\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router-dom\";\n\nexport class HREmployees extends Component {\n render() {\n return (\n \n \n \n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default withRouter(HREmployees);\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router-dom\";\n\nexport class HRManagement extends Component {\n render() {\n return (\n \n
\n \n \n
\n
\n \n
\n
\n \n Payroll
\n\n \n
\n\n \n \n
\n\n \n \n
\n \n
\n );\n }\n}\n\nexport default withRouter(HRManagement);\n","import HREmployees from \"../hr/HREmployees\";\nimport HRManagement from \"../hr/HRManagement\";\n\nconst hrRoutes = [\n { path: \"/hr/employees\", component: HREmployees },\n { path: \"/hr/management\", component: HRManagement },\n];\n\nexport default hrRoutes;\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const FileUpload = ({ setFieldValue, fieldName, acceptedTypes, label }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n noClick: false,\n noKeyboard: true,\n accept: acceptedTypes,\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(`File format not supported. Use only: ${acceptedTypes}`, toastoptions);\n return;\n }\n if (acceptedFiles.length === 0) {\n cogoToast.error(\"No files uploaded\", toastoptions);\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\"You cannot upload more than 1 file at a time\", toastoptions);\n } else {\n setFieldValue(fieldName, acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n \n \n
\n
\n \n
\n
\n \n Payroll
\n\n \n
\n\n \n \n
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n\n {files.length > 0 && (\n \n )}\n \n );\n};\n","import React from \"react\";\nimport { FileUpload } from \"./FileUpload\";\n\nexport const SalesReportUpload = ({ setFieldValue }) => {\n return (\n \n \n
\n \n \n
\n Drag & drop a file here or Click to upload
\n\n
\n \n );\n};\n\nexport default EmergencyCodeDetails;\n","import React from \"react\";\nimport { FileUpload } from \"./FileUpload\";\n\nexport const TipIncomeReportUpload = ({ setFieldValue }) => {\n return (\n \n {emergencyCodes && emergencyCodes.length > 0 && !emergencyCodeCreated && (\n
\n \n
\n )}\n \n
\n \n
\n Emergency Code(s)
\n \n \n Please enter the details for the Emergency code(s) listed below ( Click on\n submit to save your changes)\n \n \n\n {\n setSubmitting(true);\n\n ExpensesService.createEmergencyExpenses(values)\n .then((response) => {\n console.log(response.data.data);\n setSubmitting(false);\n if (response.data.data.length > 0) {\n setEmergencyCodeCreated(true);\n }\n setEmergencyCodesDetails(response.data.data);\n })\n .catch((error) => {\n setSubmitting(false);\n console.log(error);\n });\n }}\n >\n {({ values, errors, touched, handleSubmit, isSubmitting, setFieldValue }) => (\n \n )}\n \n
\n \n {emergencyCodesDetails && emergencyCodesDetails.length > 0 && (\n \n
\n )}\n \n
\n \n
\n Emergency Code(s)
\n \n \n Emergency Code Details\n \n \n\n \n \n
\n\n
\n | Code | \n {/*Hours | */}\nName | \nHours | \nTips Owed | \nEmployee Name | \nBase Location | \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 handleCancelEmergencyCode(salesReport.report_date, salesReport.owner);\n }}\n >\n Cancel Emergency Code \n \n
\n No comps data available
;\n }\n\n return (\n\n \n \n
\n
\n );\n};\n\nexport default CompsTable;\n","import React, { useState, useEffect } from \"react\";\nimport { SalesReportUpload } from \"./components/SalesReportUpload\";\nimport { Formik } from \"formik\";\nimport { Spinner, Form } from \"react-bootstrap\";\nimport { UserService } from \"../../../service/userService\";\nimport NumberFormat from \"react-number-format\";\nimport Swal from \"sweetalert2\";\nimport { LaborInfoReportUpload } from \"./components/LaborInfoReportUpload\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport EmergencyCodeDetails from \"./components/EmergencyCodeDetails\";\nimport { TipIncomeReportUpload } from \"./components/TipIncomeReportUpload\";\nimport CompsTable from \"./components/CompsTable\";\n\nconst SalesReportStage = () => {\n const [reportReady, setReportReady] = useState(false);\n const [salesReport, setSalesReport] = useState(null);\n const [laborInfoDetails, setLaborInfoDetails] = useState(null);\n const [emergencyCodeReady, setEmergencyCodeReady] = useState(false);\n\n const roundNumberUp = (num) => (Math.round(num * 100) / 100).toFixed(2);\n\n useEffect(() => {\n const storedSalesReport = localStorage.getItem(\"salesReport\");\n const storedLaborInfoDetails = localStorage.getItem(\"laborInfoDetails\");\n\n if (storedSalesReport) {\n setSalesReport(JSON.parse(storedSalesReport));\n setReportReady(true);\n setEmergencyCodeReady(true);\n }\n\n if (storedLaborInfoDetails) {\n setLaborInfoDetails(JSON.parse(storedLaborInfoDetails));\n }\n\n localStorage.removeItem(\"newCompletedSalesReport\");\n }, []);\n\n const handleSubmit = (values, { setSubmitting }) => {\n setSubmitting(true);\n const data = new FormData();\n\n if (\n values.sales_report_attachement.length > 0 &&\n values.labor_info_report_attachement.length > 0 &&\n values.tip_income_report.length > 0\n ) {\n // Append files to FormData\n values.sales_report_attachement.forEach((file) =>\n data.append(\"sales_report_attachement[]\", file, file.name)\n );\n values.labor_info_report_attachement.forEach((file) =>\n data.append(\"labor_info_report_attachement[]\", file, file.name)\n );\n values.tip_income_report.forEach((file) =>\n data.append(\"tip_income_report[]\", file, file.name)\n );\n\n UserService.uploadSalesReport(data)\n .then((response) => {\n const {\n reportInfo,\n laborInfoDetails: laborDetails,\n tipIncomeData,\n storeDetails,\n } = response.data.data;\n\n // Update state\n setSalesReport(reportInfo);\n setLaborInfoDetails(laborDetails);\n setReportReady(true);\n setEmergencyCodeReady(true);\n\n // Save data to localStorage\n localStorage.setItem(\"salesReport\", JSON.stringify(reportInfo));\n localStorage.setItem(\"storeDetails\", JSON.stringify(storeDetails));\n localStorage.setItem(\"laborInfoDetails\", JSON.stringify(laborDetails));\n localStorage.setItem(\"otherEmpdetails\", JSON.stringify(tipIncomeData.diff));\n localStorage.setItem(\"tipIncomeReport\", JSON.stringify(tipIncomeData));\n localStorage.setItem(\"mergedEmpDetails\", JSON.stringify(tipIncomeData.mergedEmpDetails));\n localStorage.setItem(\"cateringPayments\", JSON.stringify(tipIncomeData.cateringPayments));\n localStorage.setItem(\"togoPayments\", JSON.stringify(tipIncomeData.togoPayments));\n localStorage.setItem(\"atoDoorDashTips\", JSON.stringify(tipIncomeData.atoDoorDashTips));\n localStorage.setItem(\"laborBartenders\", JSON.stringify(tipIncomeData.laborBartenders));\n\n // Update emergency tips in labor details\n const updatedLaborDetails = { ...laborDetails };\n tipIncomeData.updatedEmergencyDetails.forEach((detail) => {\n if (detail.emergency_code === 999220) {\n updatedLaborDetails.emergencyCodes.barCodes[0].tipsOwed = detail.tip_owed;\n }\n });\n localStorage.setItem(\"laborInfoDetails\", JSON.stringify(updatedLaborDetails));\n setLaborInfoDetails(updatedLaborDetails);\n\n setSubmitting(false);\n })\n .catch((error) => {\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error.response?.data?.message || \"An error occurred\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n });\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Check all inputs\",\n icon: \"error\",\n html: \"Kindly upload all the required files (Sales Report File, Labor File & Tip income Files)\",\n confirmButtonText: \"Ok\",\n });\n }\n };\n\n const handleReset = () => {\n setReportReady(false);\n setSalesReport(null);\n setEmergencyCodeReady(false);\n\n // Clear specific localStorage items\n const keysToRemove = [\n \"salesReport\",\n \"tipDetailsReport\",\n \"tipDetailsBartender\",\n \"laborInfoDetails\",\n \"barTenderPayment\",\n \"cashDepositData\",\n \"tipIncomeReport\",\n \"storeDetails\",\n \"mergedEmpDetails\",\n \"otherEmpdetails\",\n \"togoCalculatedPayments\",\n \"atoPaymentDetails\",\n \"cateringPayments\",\n \"atoOption\",\n \"togoPayments\",\n \"atoDoorDashTips\",\n \"laborBartenders\",\n \"doorDashPaymentDetails\",\n ];\n keysToRemove.forEach((key) => localStorage.removeItem(key));\n };\n\n return (\n | Comps | \nQuantity | \nAmount | \n
|---|---|---|
| {comp.comps_name || \"N/A\"} | \n\n | \n \n | \n
\n
\n \n {salesReport && `Store: ${getStoreName(salesReport.owner)} (LP ${salesReport.owner})`}\n \n {!reportReady && (\n\n {({ setFieldValue, handleSubmit, isSubmitting }) => (\n \n )}\n \n )}\n
\n\n {reportReady && (\n Daily Sales Report
\n {salesReport && `Date: ${salesReport.report_date}`}\n\n \n {salesReport && `Store: ${getStoreName(salesReport.owner)} (LP ${salesReport.owner})`}\n \n {!reportReady && (\n
\n
\n )}\n\n {emergencyCodeReady && (\n \n \n Summary of Sales report (Click on Cancel to upload a new one or next to proceed)\n \n {salesReport && (\n
\n \n \n \n
\n\n
\n )}\n | Revenue | \nAmount | \n
|---|---|
| {item.label} | \n\n | \n
\n \n
\n \n \n \n
\n
\n );\n};\n\nexport default BartenderPageBox;\n","import React from \"react\";\nimport { Form } from \"react-bootstrap\";\n\nconst roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n};\n\nconst BartenderPageBoxAll = ({\n totalTipShare,\n amountToBeDistributed,\n instantAllTotal,\n}) => {\n return (\n | \n | \n | \n Total Tip share \n \n \n \n $\n \n | \n\n \n \n Amount left to be distributed\n \n\n \n \n \n $\n \n \n Amount to be distributed\n \n \n \n \n $\n \n | \n\n \n Instant Pay Total\n \n \n \n $\n \n | \n
\n \n \n
\n
\n );\n};\n\nexport default BartenderPageBoxAll;\n","import React, { useState } from \"react\";\nimport NumberFormat from \"react-number-format\";\nimport { Form } from \"react-bootstrap\";\nimport {\n RoundNumberUp,\n RoundNumberUpAccurately,\n} from \"../../Utils/RoundNumberUp\";\n\nconst ShowHourBreakDown = ({\n laborPaymentDetails,\n totalAmMin,\n codeAmAmount,\n totalBreakMin,\n codeBreakAmount,\n totalPmMin,\n codePmAmount,\n}) => {\n const [showBreakDetails, setShowBreakDetails] = useState(false);\n\n return (\n | \n | \n | \n Total Tip share \n \n \n \n $\n \n | \n\n \n \n Amount to be distributed\n \n \n \n \n $\n \n | \n\n \n Instant Pay Total\n \n \n \n $\n \n | \n
\n
\n )}\n \n );\n};\n\nexport default ShowHourBreakDown;\n","import { Formik } from \"formik\";\nimport React from \"react\";\nimport NumberFormat from \"react-number-format\";\nimport { Form } from \"react-bootstrap\";\nimport { RoundNumberUp } from \"../../Utils/RoundNumberUp\";\n\nconst BarPaymentCreated = () => {\n return (\n \n {!showBreakDetails && (\n setShowBreakDetails(true)}\n style={{ float: \"right\", marginBottom: \"5px\" }}\n >\n {\" \"}\n View Breakdown\n \n )}\n
\n\n {showBreakDetails && (\n \n setShowBreakDetails(false)}\n class=\"btn-sm btn btn-primary\"\n style={{ float: \"right\", marginBottom: \"5px\" }}\n >\n Hide Breakdown\n \n\n \n \n \n
\n\n
\n | Employee Name | \nAM Mins | \nBREAK Mins | \nPM Mins | \nMinutes | \nAmount / Mins | \nAM ($) | \nBREAK ($) | \nPM ($) | \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 | SHIFT | \nTOTAL MINUTES | \nTOTAL TIPS | \nTOTAL $ MINS | \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 {({ values, error, touched, handleChange, handleSubmit, isSubmitting }) => (\n \n )}\n \n
\n );\n};\n\nexport default BarPaymentCreated;\n","import React from \"react\";\nimport { Form } from \"react-bootstrap\";\n\nconst BartenderEmergencyList = ({ barEmergencyCodeDetails }) => {\n return (\n \n \n
\n \n );\n};\n\nexport default BartenderEmergencyList;\n","import { Field, FieldArray, Formik } from \"formik\";\nimport React from \"react\";\nimport { ExpensesService } from \"../../../../service/ExpenseService\";\nimport { Spinner } from \"react-bootstrap\";\n\nexport const EmergencyCodeTable = ({\n barEmergencyCodes,\n salesReport,\n setBarEmergencyAmount,\n setBarEmergencyCodeCreated,\n setBarEmergencyCodeDetails,\n}) => (\n \n
\n \n
\n Emergency Code(s)
\n \n \n Emergency Code Details\n \n \n\n \n \n
\n
\n | Code | \n {/*Hours | */}\nHours | \nTipshare | \nTips Owed | \nEmployee Name | \nBase Location | \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","import React from \"react\";\nimport { Field } from \"formik\";\nimport { RoundNumberUp } from \"../../../../components/Utils/RoundNumberUp\";\nimport { Form } from \"react-bootstrap\";\n\nconst BartenderTipsTable = ({ tipSummary }) => {\n return (\n | Emp Number | \nEmployee Name | \nDeclared Tips | \nTipshare | \nTips Owed | \nInstant Pay Total | \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 No tips data available\n | \n
\n {storeDetails && storeDetails.payments_options !== \"manual\" && (\n
\n ) : (\n \n
\n )}\n\n {storeDetails && storeDetails.payments_options === \"pay_by_hour\" ? (\n \n \n
\n\n \n Bartender\n \n Tips calculated based on number of hours worked\n \n
\n\n\n {!barPaymentCreated && (\n
\n )}\n \n \n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n prop,\n setFieldValue,\n }) => (\n \n )}\n \n\n
\n\n \n {barEmergencyCodes && barEmergencyCodes.length === 1 ? (\n \n {\n console.log(values);\n setSubmitting(true);\n }}\n >\n {({ handleSubmit, isSubmitting }) => (\n
\n ) : (\n \"\"\n )}\n \n \n
\n )}\n \n \n
\n \n {barPaymentCreated && (\n
\n \n \n
\n )}\n \n
\n \n {barPaymentCreated && (\n \n Cancel \n \n )}\n
\n \n
\n \n {\" \"}\n Bartender{\" \"}\n \n Please click on the Submit button before moving to the next step\n \n
\n\n {!barPaymentCreated && (\n
\n \n )}\n \n\n \n {\n console.log(values);\n setSubmitting(true);\n console.log(isNaN(values.tipSummary[0].tip_owed));\n\n if (!isNaN(values.tipSummary[0].tip_owed)) {\n let pay_total = 0;\n let owed_tips = 0;\n values.tipSummary.map((val, index) => {\n if (val.tip_owed !== undefined && !isNaN(val.tip_owed)) {\n console.log(val.tip_owed);\n return (owed_tips += parseFloat(val.tip_owed));\n } else {\n return val;\n }\n });\n\n values.tipSummary.map((val, index) => {\n if (val.tip_owed !== undefined && !isNaN(val.tip_owed)) {\n console.log(val.tip_owed);\n return (pay_total += parseFloat(roundNumberUp(val.instant_pay_total)));\n } else {\n return val;\n }\n });\n\n if (\n parseFloat(\n roundNumberUp(\n parseFloat(roundNumberUp(owed_tips)) +\n (barEmergencyAmount\n ? parseFloat(RoundNumberUp(barEmergencyAmount))\n : 0)\n )\n ) == parseFloat(roundNumberUp(amountToBeDistributed))\n ) {\n setInstantPaytotal(parseFloat(roundNumberUp(pay_total)));\n setSubmitting(false);\n localStorage.setItem(\"barTenderPayment\", JSON.stringify(values));\n\n // Check to disbale appropriate button\n if (storeDetails && storeDetails.payments_options !== \"manual\") {\n let btn_next = document.getElementsByTagName(\"button\")[6];\n if (btn_next) {\n btn_next.disabled = false;\n }\n } else {\n let btn_next = document.getElementsByTagName(\"button\")[5];\n if (btn_next) {\n btn_next.disabled = false;\n }\n }\n\n let pay_group = document.getElementById(\"instant_pay_total_group\");\n pay_group.classList.add(\"instant_pay_total_group\");\n\n setBarPaymentCreated(true);\n\n Swal.fire({\n title: \"Updated!\",\n text: `The total amount that will be submitted to instant pay for all bartenders is ${parseFloat(\n roundNumberUp(pay_total)\n )}`,\n icon: \"success\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n }\n });\n } else {\n Swal.fire({\n title: \"Error!\",\n text: `Total tips owed cannot be more or less than the amount to be distributed. Please submit emergency code if you have any`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n setShowBalanceAlert(false);\n }\n });\n setSubmitting(false);\n }\n } else {\n cogoToast.error(\"Tips owed cannot be empty\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n prop,\n setFieldValue,\n }) => (\n
\n \n {/* barEmergencyCodes?.length > 0 && !barEmergencyCodeCreated */}\n {/* // Show only if bartender emergency bartender is not more than 1 */}\n {barEmergencyCodes?.length > 0 && !barEmergencyCodeCreated && (\n
\n\n {barEmergencyCodeDetails && barEmergencyCodeDetails.length > 0 && (\n \n
\n \n )}\n \n\n \n {barPaymentCreated && (\n
\n \n
\n )}\n \n
\n\n {barEmergencyCodeDetails && barEmergencyCodeDetails.length > 0 && (\n \n {barPaymentCreated && (\n {\n localStorage.removeItem(\"barTenderPayment\");\n setBarPaymentCreated(false);\n setInstantPaytotal(0);\n setAmountLeft(0);\n // let btn = document.getElementsByTagName(\"button\")[6];\n // if (btn) {\n // btn.disabled = true;\n // }\n\n ExpensesService.deleteEmergencyCodeForAStore(\n barEmergencyCodeDetails ? barEmergencyCodeDetails : []\n )\n .then((response) => {\n console.log(response.data.data);\n setBarEmergencyCodeCreated(false);\n setBarEmergencyCodeDetails([]);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }}\n >\n Cancel \n \n )}\n
\n \n
\n \n
\n\n {totalExpenses <= 0 && (\n Expenses
\n\n setCreateExpensesModal(true)}\n disabled={!salesReport}\n >\n {\" \"}\n Create Expenses\n \n
\n )}\n \n);\n\nexport default ExpensesHeader;\n","export const calculateExpensesTotal = (expenses) => {\n const expenseKeys = [\n \"auto_truck\",\n \"cleaning\",\n \"food_purchases\",\n \"office_supplies\",\n \"repair\",\n \"rest_supplies\",\n \"gift_promotion\",\n \"emergency_code_expenses\",\n \"other\",\n ];\n\n return expenseKeys.reduce((total, key) => total + parseFloat(expenses[key] || 0), 0);\n};\n","import React from \"react\";\nimport { Modal, Form, Button } from \"react-bootstrap\";\nimport DatePickerField from \"../../../../../components/Datepicker\";\n\nconst CreateExpensesModal = ({\n initialValues,\n handleChange,\n handleSubmit,\n isSubmitting,\n createExpensesModal,\n setCreateExpensesModal,\n enableExpensesDetailsField,\n addExpensesDetails,\n}) => (\n \n \n
\n \n);\n\nexport default CreateExpensesModal;\n","import React from \"react\";\n\nconst roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n};\n\nconst ExpensesTableRow = ({ name, label, value, handleChange, editMode }) => (\n \n
\n \n $\n
\n \n You are either yet to provide the details of expenses or uploaded the Sales Report for\n today\n
\n \n );\n }\n\n // Utility to prepare initial values for Formik\n const getInitialValues = () => {\n const defaultValues = {\n id: \"\",\n store_id: \"\",\n store: \"\",\n date: \"\",\n manager_name: \"\",\n auto_truck: \"\",\n auto_truck_receipt_url: [],\n cleaning: \"\",\n cleaning_receipt_url: [],\n food_purchases: \"\",\n food_purchases_receipt_url: [],\n office_supplies: \"\",\n office_supplies_receipt_url: [],\n repair: \"\",\n repair_receipt_url: [],\n rest_supplies: \"\",\n rest_supplies_receipt_url: [],\n gift_promotion: \"\",\n gift_promotion_receipt_url: [],\n emergency_code_expenses: \"\",\n other: \"\",\n expenses_details: \"\",\n other_receipt_url: [],\n };\n return expenses\n ? {\n ...defaultValues,\n ...expenses,\n store_id: parseInt(expenses.store_id) || \"\",\n }\n : defaultValues;\n };\n\n return (\n\n {\n console.log(\"Clicked\");\n setSubmitting(true);\n handleEditExpenses(values, setSubmitting);\n }}\n >\n {({ values, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default ShowExpensesForm;\n","import { Formik } from \"formik\";\nimport React from \"react\";\nimport { Form } from \"react-bootstrap\";\n\nconst roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n};\n\nconst InputField = ({ label, name, value, onChange, disabled }) => (\n \n \n
\n )}\n \n \n {expenses && !editMode && (\n
\n \n {\n setEditMode(true);\n }}\n >\n {\" \"}\n Edit Expenses \n \n
\n )}\n \n \n \n \n
\n);\n\nexport const DepositForm = ({\n initialValues,\n onSubmit,\n alohaDeposit,\n totalExpenses,\n depositCalculated,\n editDepositMode,\n enterOverageOrShort,\n overOrShort,\n setEnterOverageOrShort,\n setOverOrShort,\n setEditDepositMode,\n}) => (\n <>\n \n
\n \n $\n
\n \n setEditDepositMode(false)}\n >\n Edit Deposit{\" \"}\n \n
\n )}\n \n )}\n \n {salesReport ? (\n
\n);\n\nexport default DepositFormSection;\n","import React, { useEffect, useState } from \"react\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { ExpensesService } from \"../../../service/ExpenseService\";\nimport DepositAlert from \"./components/DepositAlert\";\nimport ExpensesHeader from \"./components/ExpensesHeader\";\nimport { calculateExpensesTotal } from \"./utils/calculateExpensesTotal\";\nimport CreateExpensesModal from \"./components/modals/CreateExpensesModal\";\nimport ShowExpensesForm from \"./components/ShowExpensesForm\";\nimport DepositFormSection from \"./components/DepositFormSection\";\n\nconst ExpensesStage = () => {\n const [salesReport, setSalesReport] = useState(null);\n const [expenses, setExpenses] = useState(null);\n const [createExpensesModal, setCreateExpensesModal] = useState(false);\n const [editMode, setEditMode] = useState(false);\n const [depositCalculated, setDepositCalculated] = useState(\"\");\n const [alohaDeposit, setAlohaDeposit] = useState(\"\");\n const [totalExpenses, setTotalExpenses] = useState(\"\");\n const [overOrShort, setOverOrShort] = useState(\"\");\n const [enterOverageOrShort, setEnterOverageOrShort] = useState(false);\n const [editDepositMode, setEditDepositMode] = useState(false);\n const [showDepositAlert, setShowDepositAlert] = useState(false);\n const [depositAlertMessage, setDepositAlertMessage] = useState(\"\");\n const [cashDepositData, setCashDepositData] = useState(null);\n const [cashDepositAvailable, setCashDepositAvailable] = useState(false);\n const [addExpensesDetails, setAddExpensesDetails] = useState(false);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const enableExpensesDetailsField = () => {\n setAddExpensesDetails(true);\n };\n\n const handleCancelDepositData = async (report_date, store_id) => {\n const data = { report_date, store_id };\n\n try {\n const cancelResponse = await ExpensesService.cancelDepositData(data);\n console.log(cancelResponse.data.data);\n\n resetState();\n\n const salesReport = getSalesReportFromLocalStorage();\n if (salesReport) {\n await handleSalesReportData(salesReport);\n }\n } catch (error) {\n console.error(error);\n }\n };\n\n // Resets the state values to their initial state\n const resetState = () => {\n setCashDepositData(null);\n setOverOrShort(\"\");\n setEditDepositMode(false);\n setCashDepositAvailable(false);\n };\n\n // Retrieves the sales report from localStorage\n const getSalesReportFromLocalStorage = () => {\n const salesReport = localStorage.getItem(\"salesReport\");\n return salesReport ? JSON.parse(salesReport) : null;\n };\n\n // Handles updating state and fetching new data based on the sales report\n const handleSalesReportData = async (salesReport) => {\n try {\n setSalesReport(salesReport);\n setAlohaDeposit(roundNumberUp(parseFloat(salesReport.deposit_calculated)));\n\n // Fetch and update deposit data\n const depositData = await fetchDepositData(salesReport);\n if (depositData) {\n setCashDepositData(depositData);\n setCashDepositAvailable(true);\n setEditDepositMode(true);\n }\n\n // Fetch and update expenses\n const expenses = await fetchExpensesForDate(salesReport);\n updateExpensesAndCalculatedDeposit(expenses, salesReport);\n } catch (error) {\n console.error(error);\n }\n };\n\n // Fetches deposit data\n const fetchDepositData = async (salesReport) => {\n try {\n const response = await ExpensesService.getDepositData(\n salesReport.owner,\n salesReport.report_date\n );\n console.log(response.data.data);\n return response.data.data;\n } catch (error) {\n console.error(error);\n return null;\n }\n };\n\n // Fetches expenses for a given date\n const fetchExpensesForDate = async (salesReport) => {\n try {\n const response = await ExpensesService.getExpensesForADate(\n salesReport.report_date,\n salesReport.owner\n );\n return response.data.data || {};\n } catch (error) {\n console.error(error);\n return {};\n }\n };\n\n // Updates state based on fetched expenses and sales report data\n const updateExpensesAndCalculatedDeposit = (expenses, salesReport) => {\n const totalExpenses = calculateTotalExpenses(expenses);\n setExpenses(expenses);\n setTotalExpenses(roundNumberUp(totalExpenses));\n setDepositCalculated(\n roundNumberUp(parseFloat(salesReport.deposit_calculated) - parseFloat(totalExpenses))\n );\n\n updateUIForTotalDeposit();\n localStorage.setItem(\"expenses\", JSON.stringify(expenses));\n };\n\n // Calculates the total expenses from the server response\n const calculateTotalExpenses = (serverRes) => {\n const expenseKeys = [\n \"auto_truck\",\n \"cleaning\",\n \"food_purchases\",\n \"office_supplies\",\n \"repair\",\n \"rest_supplies\",\n \"gift_promotion\",\n \"emergency_code_expenses\",\n \"other\",\n ];\n\n return expenseKeys.reduce((total, key) => {\n return total + parseFloat(serverRes[key] || 0);\n }, 0);\n };\n\n // Updates the UI for the total deposit calculation\n const updateUIForTotalDeposit = () => {\n const totalDepositElement = document.getElementById(\"total_deposit_cal\");\n if (totalDepositElement) {\n totalDepositElement.classList.add(\"instant_pay_total_group\");\n\n setTimeout(() => {\n totalDepositElement.classList.remove(\"instant_pay_total_group\");\n }, 2000);\n }\n };\n\n const handleCreateExpenses = (values, { setSubmitting }) => {\n setSubmitting(true);\n\n if (values.store_id) {\n const data = new FormData();\n Object.entries(values).forEach(([key, value]) => data.append(key, value));\n\n ExpensesService.createExpenses(data)\n .then((response) => {\n const serverResponse = response.data.data;\n setSubmitting(false);\n setCreateExpensesModal(false);\n setExpenses(serverResponse);\n\n const expensesTotal = calculateExpensesTotal(serverResponse);\n\n setDepositCalculated(\n roundNumberUp(parseFloat(salesReport.deposit_calculated) - parseFloat(expensesTotal))\n );\n\n setEditDepositMode(false);\n setCashDepositAvailable(false);\n localStorage.removeItem(\"cashDepositData\");\n })\n .catch((error) => {\n console.log(error);\n cogoToast.error(error.response.data.message, toastoptions);\n })\n .finally(() => setSubmitting(false));\n }\n };\n\n const handleEditExpenses = async (values, { setSubmitting }) => {\n try {\n const response = await ExpensesService.editExpenses(values);\n const serverRes = response.data.data;\n setEditMode(false);\n setExpenses(serverRes);\n const expensesTotal = calculateExpensesTotal(serverRes);\n\n if (cashDepositData) {\n handleCancelDepositData(cashDepositData.report_date, cashDepositData.store_id);\n setEditDepositMode(false);\n setCashDepositAvailable(false);\n }\n setEditDepositMode(false);\n setCashDepositAvailable(false);\n\n setAlohaDeposit(roundNumberUp(salesReport.deposit_calculated));\n setTotalExpenses(roundNumberUp(expensesTotal));\n\n setDepositCalculated(\n roundNumberUp(parseFloat(salesReport.deposit_calculated) - parseFloat(expensesTotal))\n );\n\n if (\n typeof document.getElementById(\"total_deposit_cal\") != \"undefined\" &&\n document.getElementById(\"total_deposit_cal\") != null\n ) {\n document.getElementById(\"total_deposit_cal\").classList.add(\"instant_pay_total_group\");\n\n setTimeout(() => {\n document.getElementById(\"total_deposit_cal\").classList.remove(\"instant_pay_total_group\");\n }, [2000]);\n }\n\n cogoToast.success(\"Updated successfully\", toastoptions);\n } catch (error) {\n console.log(error);\n }\n };\n\n const depositDataInitialValues = (salesReport) => ({\n store_id: salesReport ? salesReport.owner : \"\",\n date: salesReport ? salesReport.report_date : \"\",\n deposit_cal: depositCalculated ? depositCalculated : 0,\n cash_to_deposit: \"\",\n reason_for_short_or_over: \"\",\n aloha_deposit: alohaDeposit,\n total_expenses: totalExpenses,\n sales_deposit_calculated: depositCalculated,\n });\n\n const handleDepositDataForm = (values, { setSubmitting }) => {\n setSubmitting(true);\n\n if (values.cash_to_deposit) {\n if (\n parseFloat(values.cash_to_deposit) != roundNumberUp(parseFloat(depositCalculated)) &&\n !values.reason_for_short_or_over\n ) {\n setSubmitting(false);\n setShowDepositAlert(true);\n\n setDepositAlertMessage(\n `Please explain the ${\n overOrShort && overOrShort < 0 ? \" shortage \" : \" overage \"\n } of the deposit amount`\n );\n } else {\n // console.log(values);\n const cashDepositData = {\n deposit_calculated: depositCalculated ? roundNumberUp(parseFloat(depositCalculated)) : 0,\n cash_to_deposit: parseFloat(roundNumberUp(values.cash_to_deposit)),\n reason_for_short_or_over: values.reason_for_short_or_over,\n aloha_deposit: alohaDeposit ? parseFloat(roundNumberUp(alohaDeposit)) : 0,\n total_expenses: totalExpenses ? parseFloat(roundNumberUp(totalExpenses)) : 0,\n sales_deposit_calculated: depositCalculated\n ? parseFloat(roundNumberUp(depositCalculated))\n : 0,\n over_or_short:\n parseFloat(roundNumberUp(values.cash_to_deposit)) !==\n parseFloat(roundNumberUp(depositCalculated))\n ? overOrShort\n : \"\",\n store_id: salesReport ? salesReport.owner : \"\",\n date: salesReport ? salesReport.report_date : \"\",\n };\n\n ExpensesService.createDepositData(cashDepositData)\n .then((response) => {\n console.log(response.data.data);\n setCashDepositData(response.data.data);\n setCashDepositAvailable(true);\n setEditDepositMode(true);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }\n } else {\n setShowDepositAlert(true);\n setDepositAlertMessage(\"Please enter cash to deposit\");\n setSubmitting(false);\n }\n };\n\n useEffect(() => {\n const enableButton = () => {\n const btn = document.querySelector(\".progress_btn\");\n if (btn && btn.disabled) {\n btn.disabled = false;\n }\n };\n\n const fetchCashDepositData = () => {\n const cashDepositData = localStorage.getItem(\"cashDepositData\");\n if (cashDepositData) {\n const parsedData = JSON.parse(cashDepositData);\n console.log(parsedData);\n setCashDepositData(parsedData);\n setCashDepositAvailable(true);\n }\n };\n\n const fetchSalesReportData = async () => {\n const salesReport = localStorage.getItem(\"salesReport\");\n if (salesReport) {\n const parsedReport = JSON.parse(salesReport);\n setSalesReport(parsedReport);\n setAlohaDeposit(roundNumberUp(parseFloat(parsedReport.deposit_calculated)));\n\n try {\n const depositDataResponse = await ExpensesService.getDepositData(\n parsedReport.owner,\n parsedReport.report_date\n );\n if (depositDataResponse.data.data) {\n setCashDepositData(depositDataResponse.data.data);\n setCashDepositAvailable(true);\n setEditDepositMode(true);\n }\n } catch (error) {\n console.error(\"Error fetching deposit data:\", error);\n }\n\n try {\n const expensesResponse = await ExpensesService.getExpensesForADate(\n parsedReport.report_date,\n parsedReport.owner\n );\n if (expensesResponse.data.data) {\n updateExpensesAndDeposit(expensesResponse.data.data, parsedReport);\n } else {\n setTotalExpenses(roundNumberUp(0));\n setDepositCalculated(\n roundNumberUp(parseFloat(parsedReport.deposit_calculated) - parseFloat(0))\n );\n }\n } catch (error) {\n console.error(\"Error fetching expenses:\", error);\n }\n }\n };\n\n const updateExpensesAndDeposit = (serverRes, salesReport) => {\n const totalExpenses = calculateTotalExpenses(serverRes);\n setExpenses(serverRes);\n setTotalExpenses(roundNumberUp(totalExpenses));\n setDepositCalculated(\n roundNumberUp(parseFloat(salesReport.deposit_calculated) - parseFloat(totalExpenses))\n );\n updateUIForTotalDeposit();\n localStorage.setItem(\"expenses\", JSON.stringify(serverRes));\n };\n\n const calculateTotalExpenses = (serverRes) => {\n const expenseKeys = [\n \"auto_truck\",\n \"cleaning\",\n \"food_purchases\",\n \"office_supplies\",\n \"repair\",\n \"rest_supplies\",\n \"gift_promotion\",\n \"emergency_code_expenses\",\n \"other\",\n ];\n\n return expenseKeys.reduce((total, key) => {\n return total + parseFloat(serverRes[key] || 0);\n }, 0);\n };\n\n const updateUIForTotalDeposit = () => {\n const totalDepositElement = document.getElementById(\"total_deposit_cal\");\n if (totalDepositElement) {\n totalDepositElement.classList.add(\"instant_pay_total_group\");\n setTimeout(() => {\n totalDepositElement.classList.remove(\"instant_pay_total_group\");\n }, 2000);\n }\n };\n\n const preventNumberScroll = () => {\n document.addEventListener(\"wheel\", (event) => {\n const activeElement = document.activeElement;\n if (activeElement.type === \"number\" && activeElement.classList.contains(\"noscroll\")) {\n activeElement.blur();\n }\n });\n };\n\n enableButton();\n fetchCashDepositData();\n fetchSalesReportData();\n preventNumberScroll();\n }, [depositCalculated]);\n\n return (\n \n {!cashDepositAvailable ? (\n {}}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n ) : (\n \n
\n )}\n \n )}\n \n
\n\n {cashDepositData && (\n \n \n \n
\n
\n\n {cashDepositData && cashDepositData.overage && (\n \n
\n\n Deposit
\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
\n | \n \n \n \n \n \n \n $\n \n | \n\n \n {cashDepositData && cashDepositData.overage && (\n \n \n \n )}\n\n {cashDepositData && cashDepositData.shortage && (\n \n \n \n $\n \n \n \n \n )}\n \n \n \n $\n \n | \n
\n \n \n
\n )}\n\n {cashDepositData && cashDepositData.shortage && (\n Please explain the over of the deposit amount
\n\n \n \n
\n )}\n Please explain the short of the deposit amount
\n\n {\n handleCancelDepositData(\n cashDepositData.report_date,\n cashDepositData.store_id\n );\n setEditDepositMode(false);\n setCashDepositAvailable(false);\n }}\n >\n \n Cancel Deposit Details\n \n
\n )}\n You are yet to upload a Sales Report
\n )}\n \n
\n\n \n \n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n )}\n\n \n
\n \n \n \n
\n\n \n \n
\n
\n );\n};\n\nexport default TipSummaryTable;\n","import React, { useState } from \"react\";\nimport { Formik, FieldArray, Field } from \"formik\";\nimport { RoundNumberUp } from \"../../../../components/Utils/RoundNumberUp\";\nimport { Form } from \"react-bootstrap\";\n\nconst OtherEmployeesTable = ({ title, data, removeItem, calculateNewTotalTip }) => {\n const [editMode, setEditMode] = useState(true);\n\n return (\n {title}
\n| Employee Number | \nEmployee Name | \nTips Owed | \n
|---|---|---|
| {item.employee_number || item.togo_code || item.number} | \n{item.employee_name || item.togo_name || item.bar_name} | \n\n | \n
| Total Tips Owed | \n\n | \n
\n
\n );\n};\n\nexport default OtherEmployeesTable;\n","import React from \"react\";\n\nconst UploadRequiredFiles = () => {\n return (\n \n {\n setEditMode(true);\n }}\n enableReinitialize\n >\n {({ values, handleSubmit, setFieldValue }) => (\n \n )}\n \n
\n \n \n Go back to the previous step, click Cancel and upload all files.\n \n
\n );\n};\n\nexport default UploadRequiredFiles;\n","import React, { useState, useEffect } from \"react\";\nimport TipSummaryTable from \"./components/TipSummaryTable\";\nimport OtherEmployeesTable from \"./components/OtherEmployeesTable\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport UploadRequiredFiles from \"./components/UploadRequiredFiles\";\n\nconst TipIncomeReportStage = () => {\n const [tipIncomeReady, setTipIncomeReady] = useState(false);\n const [tipIncomeReport, setTipIncomeReport] = useState(null);\n const [salesReport, setSalesReport] = useState(null);\n const [totalShare, setTotalShare] = useState(0);\n const [totalTipsOwed, setTotalTipsOwed] = useState(0);\n const [totalTogoTips, setTotalTogoTips] = useState(0);\n const [otherEmpDetails, setOtherEmpDetails] = useState(null);\n\n const RemoveItem = (tipRemove, i) => {\n let totalTipOwed = 0;\n let filteredReport = otherEmpDetails.filter(function (tip) {\n return tip !== tipRemove;\n });\n\n filteredReport.map((empDetails, i) => {\n if (empDetails.tip_owed !== undefined && !isNaN(empDetails.tip_owed)) {\n totalTipOwed += parseFloat(empDetails.tip_owed);\n }\n return empDetails;\n });\n\n let newTotalShare = totalTipOwed + totalShare;\n\n setTotalShare(newTotalShare);\n setOtherEmpDetails(filteredReport);\n localStorage.setItem(\"otherEmpdetails\", JSON.stringify(filteredReport));\n };\n\n const calculateNewTotalTip = (otherEmpDetails) => {\n let totalTipOwed = 0;\n otherEmpDetails.map((empDetails, i) => {\n if (empDetails.tip_owed !== undefined && !isNaN(empDetails.tip_owed)) {\n totalTipOwed += parseFloat(empDetails.tip_owed);\n }\n return empDetails;\n });\n\n let newTotalShare = totalTipOwed + totalShare;\n\n setTotalShare(newTotalShare);\n setOtherEmpDetails(otherEmpDetails);\n localStorage.setItem(\"otherEmpdetails\", JSON.stringify(otherEmpDetails));\n };\n\n useEffect(() => {\n const storedTipIncomeReport = JSON.parse(localStorage.getItem(\"tipIncomeReport\"));\n const storedSalesReport = JSON.parse(localStorage.getItem(\"salesReport\"));\n const storedOtherEmpDetails = JSON.parse(localStorage.getItem(\"otherEmpdetails\"));\n\n if (storedTipIncomeReport) {\n const incomeTotal = storedTipIncomeReport.bar.reduce((sum, bar) => sum + bar.tip_owed, 0);\n const totalServerShare = storedTipIncomeReport.server.reduce(\n (sum, server) => sum + server.tip_owed,\n 0\n );\n const totalTogoTips = storedTipIncomeReport.togoPayments.togo_tips.reduce(\n (sum, togo) => sum + togo.tips,\n 0\n );\n\n setTipIncomeReport(storedTipIncomeReport);\n setTotalTipsOwed(incomeTotal);\n setTotalShare(\n totalServerShare + (storedOtherEmpDetails?.reduce((sum, emp) => sum + emp.tip_owed, 0) || 0)\n );\n setTotalTogoTips(totalTogoTips);\n setTipIncomeReady(true);\n }\n\n if (storedSalesReport) {\n setSalesReport(storedSalesReport);\n }\n\n if (storedOtherEmpDetails) {\n setOtherEmpDetails(storedOtherEmpDetails);\n }\n }, []);\n\n const handleCancel = () => {\n setTipIncomeReady(false);\n setTipIncomeReport(null);\n setOtherEmpDetails(null);\n\n // Clear localStorage data\n [\"tipIncomeReport\", \"otherEmpdetails\", \"mergedBreakdown\"].forEach((key) =>\n localStorage.removeItem(key)\n );\n };\n\n return (\n Server / Bar / ToGo / Coach Server
\n \n {salesReport ? `Date: ${salesReport.report_date}` : \"\"}\n \n\n \n \n {salesReport ? `Store: ${getStoreName(salesReport.owner)} (LP ${salesReport.owner})` : \"\"}\n \n \n\n \n To cancel, go back to the previous step and click Cancel\n \n\n {!tipIncomeReady && (\n
\n
\n )}\n \n
\n \n
\n\n \n \n
\n \n {\n setSubmitting(true);\n console.log(values);\n\n PaymentService.postIssues(values)\n .then((response) => {\n console.log(response.data.data);\n\n Swal.fire({\n title: \"Successful!\",\n text: \"Thanks\",\n icon: \"success\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n localStorage.removeItem(\"salesReport\");\n localStorage.removeItem(\"tipDetailsReport\");\n localStorage.removeItem(\"tipDetailsBartender\");\n localStorage.removeItem(\"tipIncomeReport\");\n localStorage.removeItem(\"barTenderPayment\");\n localStorage.removeItem(\"cateringPayments\");\n localStorage.removeItem(\"laborInfoDetails\");\n localStorage.removeItem(\"mergedEmpDetails\");\n localStorage.removeItem(\"togoPayments\");\n\n localStorage.removeItem(\"doorDashPaymentDetails\");\n localStorage.removeItem(\"togoCalculatedPayments\");\n localStorage.removeItem(\"otherEmpdetails\");\n localStorage.removeItem(\"laborBartenders\");\n localStorage.removeItem(\"atoPaymentDetails\");\n localStorage.removeItem(\"storeDetails\");\n localStorage.removeItem(\"atoDoorDashTips\");\n localStorage.removeItem(\"atoOption\");\n localStorage.removeItem(\"expenses\");\n history.push(\"/dashboard\");\n }\n });\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n setShowIssuesModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n \n )\n}\n\nexport default ShowIssuesModal;","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\n\nconst FailedPaymentsList = ({ failedPayments, }) => {\n\n const failedColumn = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: true,\n },\n {\n dataField: \"amount\",\n text: \"Amount\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"errorMessage\",\n text: \"Error Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"payrollEmployeeId\",\n order: \"desc\",\n },\n ];\n\n\n\n return (\n <>\n \n
\n \n )\n}\n\nexport default FailedPaymentsList;","import React from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\n\nconst SuccessfulPaymentsList = ({ successfulPayments }) => {\n const successfulColumn = [\n {\n dataField: \"payrollEmployeeId\",\n text: \"Employee Id\",\n sort: false,\n },\n {\n dataField: \"amount\",\n text: \"amount\",\n sort: true,\n },\n {\n dataField: \"allocationDate\",\n text: \"Allocation Date\",\n sort: true,\n },\n {\n dataField: \"firstName\",\n text: \"First Name\",\n sort: true,\n },\n {\n dataField: \"lastName\",\n text: \"Last Name\",\n sort: true,\n },\n {\n dataField: \"paymentMessage\",\n text: \"Payment Message\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n formatter: () => {\n return ;\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"payrollEmployeeId\",\n order: \"desc\",\n },\n ];\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {\" \"}\n Failed Payment\n {failedPayments && failedPayments.length > 1\n ? \"s\"\n : \"\"}{\" \"}\n ( Queued as pending)\n
\n\n
\n \n {\" \"}\n Someone from accounting will reach out to you\n
\n\n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n \n )\n}\n\nexport default SuccessfulPaymentsList;","import React from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport FailedPaymentsList from \"./FailedPaymentsModalList\";\nimport SuccessfulPaymentsList from \"./SuccessfulPaymentsModalList\";\n\n\nconst PaymentMadeModal = ({\n handleModalClose,\n madePaymentModal,\n successfulPayments,\n failedPayments,\n isSubmitting\n}) => {\n return (\n <>\n \n
\n \n
\n \n
\n \n {\" \"}\n Successful Payment\n {successfulPayments &&\n successfulPayments.length > 1\n ? \"s\"\n : \"\"}\n
\n\n
\n \n {\" \"}\n The following list has been scheduled for\n payment\n
\n\n \n {(props) => (\n
\n \n
\n )}\n \n \n \n Payment History \n \n\n \n \n\n \n {\" \"}\n handleModalClose()}\n >\n Proceed \n {isSubmitting ? (\n \n ) : (\n \"\"\n )}\n \n \n \n
\n \n \n )\n}\n\nexport default PaymentMadeModal;","import React from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { RoundNumberUp } from \"../../../../components/Utils/RoundNumberUp\";\n\n\nconst PaymentListContainer = ({ index, tips }) => {\n return (\n <>\n \n
\n \n {successfulPayments && (\n
\n\n \n {failedPayments && (\n
\n \n
\n \n \n $\n \n
\n\n \n
\n\n \n \n \n
\n\n
\n Server
\n| Number | \nServer | \nInstantPay Tips | \n
|---|---|---|
| {serve.employee_number} | \n{serve.employee_name} | \n\n
\n {atoPaymentDetails ? (\n
\n\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n Online Tips ATO
\n| Number | \n\n Employee\n | \nTips Owed | \n {/**/}\n |
|---|---|---|---|
| {ato.employeeId} | \n{ato.name} | \n
\n {otherPayments && otherPayments.length > 0 ? (\n
\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n Other Employees ( Coach Server, others )
\n| Number | \n\n Employee\n | \nTips Owed | \n {/**/}\n |
|---|---|---|---|
| {emp.employee_number} | \n{emp.employee_name} | \n
\n \n \n
\n\n
\n Bartender
\n| Number | \nBartender | \nTips | \n
|---|---|---|
| {tip.employee_number} | \n{tip.name} | \n
\n {cateringPayments ? (\n
\n\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n Catering
\n| Number | \n\n Employee\n | \nTips Owed | \n {/**/}\n |
|---|---|---|---|
| {cat.employee_number} | \n{cat.employee_name} | \n
\n {togoPayments ? (\n
\n \n \n \n
\n
\n ) : (\n \"\"\n )}\n TOGO
\n| Number | \n\n Employee\n | \nTips Owed | \n {/**/}\n |
|---|---|---|---|
| {togo.employee_number} | \n{togo.employee_name} | \n\n
\n {scheduledPayment && scheduledPayment.length > 0 && (\n
\n \n );\n};\n\nexport default AllPaymentsList;\n","import React, { useEffect, useState } from \"react\";\nimport { Tabs, Tab, Spinner } from \"react-bootstrap\";\nimport \"moment-timezone\";\nimport moment from \"moment\";\nimport { PaymentService } from \"../../../service/PaymentService\";\nimport { Utility } from \"../../../Helpers/utils\";\nimport Swal from \"sweetalert2\";\nimport { useHistory } from \"react-router\";\nimport { ConvertDateFormat } from \"../../../components/ConvertDateFormat\";\nimport ShowIssuesModal from \"./components/modals/ShowIssuesModal\";\nimport PaymentMadeModal from \"./components/modals/PaymentMadeModal\";\nimport AllPaymentsList from \"./components/AllPaymentsList\";\n// import { withRouter } from \"react-router\";\n// const { SearchBar } = Search;\n\nconst InstantPayPayment = () => {\n const [barTenderPayment, setBarTenderPayment] = useState(null);\n const [tipIncomeReport, setTipIncomeReport] = useState(null);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [salesReport, setSalesReport] = useState(null);\n // const [madePayment, setMadePayment] = useState(false);\n const [madePaymentModal, setMadePaymentModal] = useState(false);\n const [successfulPayments, setSuccessfulPayments] = useState(null);\n const [failedPayments, setFailedPayments] = useState(null);\n const [scheduledPayment, setScheduledPayment] = useState(null);\n const [otherPayments, setOtherPayments] = useState(null);\n const [togoPayments, setTogoPayments] = useState(null);\n const [atoPaymentDetails, setAtoPaymentDetails] = useState(null);\n const [doorDashPaymentDetails, setDoorDashPaymentDetails] = useState(null);\n const [cateringPayments, setCateringPayments] = useState(null);\n const [cateringResponses, setCateringResponses] = useState(null);\n const [coachServerEmployees, setCoachServerEmployees] = useState(null);\n const [extractedServers, setExtractedServers] = useState(null);\n const [showIssuesModal, setShowIssuesModal] = useState(false);\n\n const user = Utility.getUser();\n let history = useHistory();\n\n useEffect(() => {\n var btn = document.getElementsByTagName(\"button\")[5];\n if (btn) {\n if (btn.disabled) {\n btn.disabled = false;\n }\n }\n\n if (JSON.parse(localStorage.getItem(\"tipIncomeReport\"))) {\n console.log(JSON.parse(localStorage.getItem(\"tipIncomeReport\")));\n setTipIncomeReport(JSON.parse(localStorage.getItem(\"tipIncomeReport\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"otherEmpdetails\"))) {\n console.log(JSON.parse(localStorage.getItem(\"otherEmpdetails\")));\n setOtherPayments(JSON.parse(localStorage.getItem(\"otherEmpdetails\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"cateringPayments\"))) {\n console.log(JSON.parse(localStorage.getItem(\"cateringPayments\")));\n setCateringPayments(JSON.parse(localStorage.getItem(\"cateringPayments\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"atoPaymentDetails\"))) {\n console.log(JSON.parse(localStorage.getItem(\"atoPaymentDetails\")));\n setAtoPaymentDetails(JSON.parse(localStorage.getItem(\"atoPaymentDetails\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"doorDashPaymentDetails\"))) {\n console.log(JSON.parse(localStorage.getItem(\"doorDashPaymentDetails\")));\n setDoorDashPaymentDetails(JSON.parse(localStorage.getItem(\"doorDashPaymentDetails\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"togoCalculatedPayments\"))) {\n console.log(JSON.parse(localStorage.getItem(\"togoCalculatedPayments\")));\n setTogoPayments(JSON.parse(localStorage.getItem(\"togoCalculatedPayments\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"togoPayments\"))) {\n if (\n JSON.parse(localStorage.getItem(\"togoPayments\")).togoTotalTips &&\n !JSON.parse(localStorage.getItem(\"togoCalculatedPayments\"))\n ) {\n Swal.fire({\n title: \"Warning\",\n text: \"You are yet to compute and submit ToGo payments\",\n icon: \"warning\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"redirection should work\");\n window.location.reload();\n // setShowIssuesModal(true);\n // Swal.close();\n }\n });\n }\n }\n\n if (JSON.parse(localStorage.getItem(\"atoDoorDashTips\"))) {\n if (\n JSON.parse(localStorage.getItem(\"atoDoorDashTips\")).atoTips &&\n !JSON.parse(localStorage.getItem(\"atoPaymentDetails\"))\n ) {\n Swal.fire({\n title: \"Warning\",\n text: \"You are yet to submit Online / Doordash payments\",\n icon: \"warning\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"redirection should work\");\n window.location.reload();\n // setShowIssuesModal(true);\n // Swal.close();\n }\n });\n }\n }\n\n if (JSON.parse(localStorage.getItem(\"laborInfoDetails\"))) {\n console.log(JSON.parse(localStorage.getItem(\"laborInfoDetails\")).cateringResponses);\n setCateringResponses(JSON.parse(localStorage.getItem(\"laborInfoDetails\")).cateringResponses);\n\n setExtractedServers(JSON.parse(localStorage.getItem(\"tipIncomeReport\")).server);\n\n setCoachServerEmployees(JSON.parse(localStorage.getItem(\"tipIncomeReport\")).diff);\n }\n\n if (JSON.parse(localStorage.getItem(\"barTenderPayment\"))) {\n console.log(JSON.parse(localStorage.getItem(\"barTenderPayment\")));\n setBarTenderPayment(JSON.parse(localStorage.getItem(\"barTenderPayment\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"salesReport\"))) {\n const salesReport = JSON.parse(localStorage.getItem(\"salesReport\"));\n PaymentService.getScheduledPayment(salesReport.owner)\n .then((response) => {\n console.log(response.data.data);\n setScheduledPayment(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n setSalesReport(JSON.parse(localStorage.getItem(\"salesReport\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"expenses\"))) {\n console.log(JSON.parse(localStorage.getItem(\"expenses\")));\n const exp_tot = JSON.parse(localStorage.getItem(\"expenses\"));\n console.log(exp_tot);\n }\n }, []);\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const handleModalClose = () => {\n setMadePaymentModal(false);\n history.push(\"/financials/view-store-report\");\n };\n\n const instantPayPayment = () => {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to process all payments. Please note that no further changes can be made to this report. Click yes to proceed!\",\n icon: \"question\",\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Yes\",\n allowOutsideClick: false,\n allowEscapeKey: false,\n }).then((result) => {\n if (result.isConfirmed) {\n setIsSubmitting(true);\n if (JSON.parse(localStorage.getItem(\"newCompletedSalesReport\"))) {\n localStorage.removeItem(\"newCompletedSalesReport\");\n }\n Swal.fire({\n title: \"In progress\",\n text: \"Please wait...\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n onOpen: () => {\n Swal.showLoading();\n },\n });\n\n let today = moment.tz(new Date(), \"America/New_York\");\n let barPaymentData = [];\n let serverPaymentData = [];\n let coachServerPaymentData = [];\n let scheduledPaymentData = [];\n let cateringPaymentData = [];\n let togoPaymentData = [];\n let atoPaymentData = [];\n let doorDashPaymentData = [];\n let barPaymentTotal = 0;\n let serverPaymentTotal = 0;\n let coachServerPaymentTotal = 0;\n let scheduledPaymentTotal = 0;\n let cateringPaymentTotal = 0;\n let togoPaymentTotal = 0;\n let atoPaymentTotal = 0;\n let doorDashPaymentTotal = 0;\n\n // bartenders\n if (barTenderPayment) {\n barTenderPayment.tipSummary.map((bar, index) => {\n let splitName = bar.name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n barPaymentTotal += parseFloat(roundNumberUp(bar.instant_pay_total));\n barPaymentData.push({\n payrollEmployeeId: `${bar.employee_number}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"bartender\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(bar.instant_pay_total)),\n tip: parseFloat(roundNumberUp(bar.tip_owed)),\n tipshare: parseFloat(roundNumberUp(bar.total_tipshare_received)),\n declaredTips: parseFloat(roundNumberUp(bar.declared_tips)),\n });\n return barPaymentData;\n });\n }\n\n // servers\n tipIncomeReport.server.map((server, index) => {\n let splitName = server.employee_name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n serverPaymentTotal += parseFloat(roundNumberUp(server.tip_owed));\n serverPaymentData.push({\n payrollEmployeeId: `${server.employee_number}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"server\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(server.tip_owed)),\n });\n return serverPaymentData;\n });\n\n // catering\n if (cateringPayments) {\n cateringPayments.map((cat, index) => {\n let splitName = cat.employee_name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n cateringPaymentTotal += parseFloat(roundNumberUp(cat.tip_owed));\n cateringPaymentData.push({\n payrollEmployeeId: `${cat.employee_number}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"catering\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(cat.tip_owed)),\n });\n return cateringPaymentData;\n });\n }\n\n // ToGo\n if (togoPayments) {\n togoPayments.togoPaymentDetails.map((togo, index) => {\n let splitName = togo.employee_name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n togoPaymentTotal += parseFloat(roundNumberUp(togo.tipshare_received));\n togoPaymentData.push({\n payrollEmployeeId: `${togo.employee_number}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"togo\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(togo.tipshare_received)),\n declaredTips: parseFloat(roundNumberUp(togo.declared_tips)),\n });\n return togoPaymentData;\n });\n }\n\n // ATO Payments\n if (atoPaymentDetails) {\n atoPaymentDetails.map((ato, index) => {\n let splitName = ato.name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n atoPaymentTotal += parseFloat(roundNumberUp(ato.tipShareReceived));\n atoPaymentData.push({\n payrollEmployeeId: `${ato.employeeId}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"ato\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(ato.tipShareReceived)),\n });\n return atoPaymentData;\n });\n }\n\n // Door Dash Payments\n if (doorDashPaymentDetails) {\n doorDashPaymentDetails.map((door, index) => {\n let splitName = door.name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n doorDashPaymentTotal += parseFloat(roundNumberUp(door.tipShareReceived));\n doorDashPaymentData.push({\n payrollEmployeeId: `${door.employeeId}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"doorDash\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(door.tipShareReceived)),\n });\n return doorDashPaymentData;\n });\n }\n\n // other payments ( TOGO and others)\n if (otherPayments) {\n otherPayments.map((server, index) => {\n let splitName = server.employee_name.split(\" \");\n let firstName, lastName;\n if (splitName.length > 2) {\n firstName = splitName[0];\n lastName = splitName[1] + \" \" + splitName[2];\n } else {\n firstName = splitName[0];\n lastName = splitName[1];\n }\n coachServerPaymentTotal += parseFloat(roundNumberUp(server.tip_owed));\n coachServerPaymentData.push({\n payrollEmployeeId: `${server.employee_number}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"others\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName,\n lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(server.tip_owed)),\n });\n return coachServerPaymentData;\n });\n }\n\n // scheduled payments\n if (scheduledPayment) {\n scheduledPayment.map((sch, index) => {\n scheduledPaymentTotal += parseFloat(roundNumberUp(sch.amount));\n scheduledPaymentData.push({\n payrollEmployeeId: `${sch.payrollEmployeeId}`,\n externalLocationId: salesReport ? salesReport.owner : \"\",\n employeeType: \"scheduled\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n employeeInfo: {\n firstName: sch.firstName,\n lastName: sch.lastName,\n },\n paymentType: \"Tips\",\n payDisbursementDateTime: today.format(),\n allocationDate: today.format(\"yyyy-MM-DD\"),\n amount: parseFloat(roundNumberUp(sch.amount)),\n });\n\n return scheduledPaymentData;\n });\n }\n\n let payData = {\n paymentDetails: barPaymentData.concat(\n serverPaymentData,\n scheduledPaymentTotal > 0 ? scheduledPaymentData : [],\n coachServerPaymentTotal > 0 ? coachServerPaymentData : [],\n cateringPaymentTotal > 0 ? cateringPaymentData : [],\n togoPaymentTotal > 0 ? togoPaymentData : [],\n atoPaymentTotal > 0 ? atoPaymentData : [],\n doorDashPaymentTotal > 0 ? doorDashPaymentData : []\n ),\n paid_by_slug: user ? user.slug : null,\n manager_name: salesReport ? salesReport.printed_by : \"\",\n store_id: salesReport ? salesReport.owner : \"\",\n store_location: salesReport ? salesReport.location : \"\",\n report_date: salesReport ? salesReport.report_date : \"\",\n };\n\n console.log(payData);\n const totalPaymentSent =\n parseFloat(barPaymentTotal) +\n parseFloat(serverPaymentTotal) +\n (scheduledPaymentTotal > 0 ? parseFloat(scheduledPaymentTotal) : 0) +\n (coachServerPaymentTotal > 0 ? parseFloat(coachServerPaymentTotal) : 0) +\n (cateringPaymentTotal > 0 ? parseFloat(cateringPaymentTotal) : 0) +\n (togoPaymentTotal > 0 ? parseFloat(togoPaymentTotal) : 0) +\n (atoPaymentTotal > 0 ? parseFloat(atoPaymentTotal) : 0) +\n (doorDashPaymentTotal > 0 ? parseFloat(doorDashPaymentTotal) : 0);\n\n PaymentService.payTip(payData)\n .then((response) => {\n console.log(response.data.data);\n\n // setMadePayment(true);\n const instantSuccessRes = response.data.data.content.successes;\n const instantErrorRes = response.data.data.content.errors;\n\n console.log(instantSuccessRes, instantErrorRes);\n let errorAmount = 0;\n // let totalSuccessAmount = 0;\n let errorPaymentArray = [];\n let successPaymentArray = [];\n\n if (instantSuccessRes.length > 0) {\n instantSuccessRes.map((val, index) => {\n // totalSuccessAmount += val.amount;\n successPaymentArray.push({\n _uuid: val._uuid,\n allocationDate: val.allocatedAt,\n amount: val.amount,\n balance: val.balance,\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n clientId: val.clientId,\n locationId: val.locationId,\n referenceId: val.referenceId,\n paymentMessage: val.processingResult.message,\n employeeInfo: {\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n },\n externalLocationId: val.raw.externalLocationId,\n payDisbursementDateTime: val.processAt,\n paymentType: \"Tips\",\n payrollEmployeeId: val.raw.employeeId,\n processingResult: {\n code: val.processingResult.code,\n message: val.processingResult.message,\n },\n });\n return successPaymentArray;\n });\n } else {\n console.log(\"Success is less than 1\");\n }\n if (instantErrorRes.length > 0) {\n instantErrorRes.map((val, index) => {\n errorAmount += parseFloat(val.amount);\n errorPaymentArray.push({\n allocationDate: val.allocatedAt,\n amount: val.amount,\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n employeeInfo: {\n firstName: val.raw.firstName,\n lastName: val.raw.lastName,\n },\n externalLocationId: val.raw.externalLocationId,\n payDisbursementDateTime: val.processAt,\n paymentType: \"Tips\",\n payrollEmployeeId: val.raw.employeeId,\n errorMessage: val.failureReason.message,\n failureReason: {\n code: val.failureReason.code,\n message: val.failureReason.message,\n },\n });\n return errorPaymentArray;\n });\n } else {\n console.log(\"Error is less than 1\");\n }\n\n const totalFailedAmount = parseFloat(errorAmount);\n\n const differencesInTransaction =\n parseFloat(totalPaymentSent) - parseFloat(totalFailedAmount);\n\n const paymentHistoryData = {\n successful: successPaymentArray,\n failedPending: errorPaymentArray,\n scheduled: scheduledPayment,\n totalPaymentSent,\n totalFailedAmount,\n differencesInTransaction,\n storeId: salesReport ? salesReport.owner : \"\",\n reportDate: salesReport ? salesReport.report_date : \"\",\n storeLocation: salesReport ? salesReport.location : \"\",\n paid_by_slug: user ? user.slug : null,\n // depositData: depositData ? depositData : null,\n cateringResponses: cateringResponses ? cateringResponses : [],\n coachServerEmployees: coachServerEmployees ? coachServerEmployees : [],\n extractedServers: extractedServers ? extractedServers : [],\n cateringPayments: cateringPayments ? cateringPayments : [],\n };\n\n console.log(paymentHistoryData, \"This is payment history\");\n\n Swal.fire({\n title: \"Almost done\",\n text: \"Processing files and sending emails...\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n onOpen: () => {\n Swal.showLoading();\n },\n });\n\n PaymentService.proccessInstantPayResponse(paymentHistoryData)\n .then((response) => {\n console.log(response.data.data, \"This is the final report\");\n\n let successRes = response.data.data.success;\n let failedRes = response.data.data.failed;\n\n setFailedPayments(failedRes);\n setSuccessfulPayments(successRes);\n\n if (successRes.length > 0 && failedRes.length < 1) {\n setMadePaymentModal(false);\n setIsSubmitting(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"All payments have been scheduled successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"redirection should work\");\n // Clear data from storage\n localStorage.removeItem(\"salesReport\");\n localStorage.removeItem(\"tipDetailsReport\");\n localStorage.removeItem(\"tipDetailsBartender\");\n localStorage.removeItem(\"tipIncomeReport\");\n localStorage.removeItem(\"barTenderPayment\");\n localStorage.removeItem(\"cateringPayments\");\n localStorage.removeItem(\"laborInfoDetails\");\n localStorage.removeItem(\"mergedEmpDetails\");\n localStorage.removeItem(\"togoPayments\");\n\n localStorage.removeItem(\"doorDashPaymentDetails\");\n localStorage.removeItem(\"togoCalculatedPayments\");\n localStorage.removeItem(\"otherEmpdetails\");\n localStorage.removeItem(\"laborBartenders\");\n localStorage.removeItem(\"atoPaymentDetails\");\n localStorage.removeItem(\"storeDetails\");\n localStorage.removeItem(\"atoDoorDashTips\");\n localStorage.removeItem(\"atoOption\");\n localStorage.removeItem(\"expenses\");\n\n // history.push(\"/form-manager/preview-closing-report\");\n history.push(\"/financials/view-closing-report\", {\n store_id: response.data.data.finalSalesReport.owner,\n report_date: ConvertDateFormat(\n response.data.data.finalSalesReport.report_date\n ),\n });\n }\n });\n } else {\n Swal.close();\n setMadePaymentModal(true);\n setIsSubmitting(false);\n localStorage.removeItem(\"salesReport\");\n localStorage.removeItem(\"tipDetailsReport\");\n localStorage.removeItem(\"tipDetailsBartender\");\n localStorage.removeItem(\"tipIncomeReport\");\n localStorage.removeItem(\"barTenderPayment\");\n localStorage.removeItem(\"cateringPayments\");\n localStorage.removeItem(\"laborInfoDetails\");\n localStorage.removeItem(\"mergedEmpDetails\");\n localStorage.removeItem(\"togoPayments\");\n\n localStorage.removeItem(\"doorDashPaymentDetails\");\n localStorage.removeItem(\"togoCalculatedPayments\");\n localStorage.removeItem(\"otherEmpdetails\");\n localStorage.removeItem(\"laborBartenders\");\n localStorage.removeItem(\"atoPaymentDetails\");\n localStorage.removeItem(\"storeDetails\");\n localStorage.removeItem(\"atoDoorDashTips\");\n localStorage.removeItem(\"atoOption\");\n localStorage.removeItem(\"expenses\");\n }\n })\n .catch((error) => {\n console.log(error);\n console.log(\"Processing payment responses failed\");\n });\n })\n .catch((error) => {\n console.log(error);\n setIsSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: \"Could not process payment at this time. Please click on the button below to send messages to site administrator\",\n icon: \"info\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"redirection should work\");\n setShowIssuesModal(true);\n Swal.close();\n }\n });\n });\n }\n });\n };\n\n return (\n \n \n \n
\n
\n )}\n Scheduled Payments
\n| Number | \nBartender | \nTips | \n
|---|---|---|
| {tip.payrollEmployeeId} | \n\n {tip.firstName} {tip.lastName}{\" \"}\n | \n\n
\n
\n\n \n
\n \n
\n \n {/* \n \n \n \n\n
\n Basic Tab
*/}\n\n {\n instantPayPayment();\n }}\n >\n {\" \"}\n Process All Payment \n {isSubmitting ?
\n \n {madePaymentModal && (\n
\n\n \n {showIssuesModal && (\n
\n \n \n \n
\n
\n );\n};\n\nexport default TogoPreview;\n","import React, { useEffect, useState } from \"react\";\nimport { Formik, FieldArray, Field } from \"formik\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { RoundNumberUp, RoundNumberUp4 } from \"../../../components/Utils/RoundNumberUp\";\nimport Swal from \"sweetalert2\";\nimport TogoPreview from \"../../../components/ClosingReports/togo/TogoPreview\";\n\nconst PayToGo = () => {\n const [togoTips, setTogoTips] = useState(0);\n const [togoEmployee, setTogoEmployee] = useState(null);\n const [paymentDetails, setPaymentDetails] = useState(null);\n const [salesReport, setSalesReport] = useState(null);\n const [tipsCreated, setTipsCreated] = useState(false);\n const [equalPay, setEqualPay] = useState(false);\n const [tipsLeft, setTipsLeft] = useState(0);\n\n useEffect(() => {\n if (JSON.parse(localStorage.getItem(\"salesReport\"))) {\n console.log(JSON.parse(localStorage.getItem(\"salesReport\")));\n setSalesReport(JSON.parse(localStorage.getItem(\"salesReport\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"togoCalculatedPayments\"))) {\n console.log(JSON.parse(localStorage.getItem(\"togoCalculatedPayments\")), \"Calculatedddd\");\n\n setTipsLeft(0);\n setTipsCreated(true);\n setPaymentDetails(JSON.parse(localStorage.getItem(\"togoCalculatedPayments\")));\n }\n\n if (JSON.parse(localStorage.getItem(\"togoPayments\"))) {\n console.log(JSON.parse(localStorage.getItem(\"togoPayments\")));\n let togoTips = JSON.parse(localStorage.getItem(\"togoPayments\")).togo_tips;\n let totalTogoTips = 0;\n togoTips.map((togo, index) => {\n return (totalTogoTips += togo.tips);\n });\n setTogoTips(totalTogoTips);\n\n setTogoEmployee(JSON.parse(localStorage.getItem(\"togoPayments\")).togoEmployees);\n }\n }, []);\n\n const calculateTipAmount = (e, index, togoPaymentDetails) => {\n let tot_tips_cal = 0;\n togoPaymentDetails.map((pay, index) => {\n if (pay.tipshare_received !== undefined && !isNaN(pay.tipshare_received)) {\n tot_tips_cal += parseFloat(pay.tipshare_received);\n }\n\n return pay;\n });\n\n let new_cal_tips_left =\n parseFloat(RoundNumberUp(togoTips)) - parseFloat(RoundNumberUp(tot_tips_cal));\n\n if (!isNaN(new_cal_tips_left)) {\n setTipsLeft(new_cal_tips_left);\n }\n };\n\n const handleTogoEqualTips = () => {\n let tips = RoundNumberUp(togoTips);\n let totalEmployees = togoEmployee.length;\n let equalAmount = tips / totalEmployees;\n let newEmployeeArr = [];\n\n togoEmployee.map((emp, index) => {\n return newEmployeeArr.push({\n employee_name: emp.employee_name,\n employee_number: emp.employee_number,\n declared_tips: emp.declared_tips,\n tipshare_received: RoundNumberUp4(equalAmount, 4),\n });\n });\n\n setTogoEmployee(newEmployeeArr);\n setEqualPay(true);\n console.log([equalAmount, newEmployeeArr], \"new emp\");\n };\n\n const cancelTogoEqualTips = () => {\n let newEmployeeArr = [];\n\n togoEmployee.map((emp, index) => {\n return newEmployeeArr.push({\n employee_name: emp.employee_name,\n employee_number: emp.employee_number,\n declared_tips: emp.declared_tips,\n tipshare_received: 0,\n });\n });\n\n setTogoEmployee(newEmployeeArr);\n setEqualPay(false);\n setTipsLeft(0);\n };\n\n return (\n | Emp Number | \nEmployee Name | \nDeclared Tips | \nTips | \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 PayToGo;\n","import React from \"react\";\nimport { Formik } from \"formik\";\nimport Swal from \"sweetalert2\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { UserService } from \"../../../../service/userService\";\nimport { RoundNumberUp } from \"../../../../components/Utils/RoundNumberUp\";\n\nconst TipDistributionForm = ({\n salesReport,\n atoTips,\n doorDashTips,\n atoConfig,\n doorDashConfig,\n onSubmitSuccess,\n}) => {\n const handleSubmit = (values, { setSubmitting }) => {\n console.log(parseFloat(values.atoTips), \"ATOOOOOOO\");\n if (values.doorDashTips && !values.doorDashConfig) {\n Swal.fire({\n title: \"Error\",\n text: \"Please select an option for Door Dash\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n });\n setSubmitting(false);\n return;\n }\n\n if (values.atoTips && !values.atoConfig) {\n Swal.fire({\n title: \"Error\",\n text: \"Please select an option for ATO\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n });\n setSubmitting(false);\n return;\n }\n\n const payload = {\n ...values,\n atoTips: parseFloat(RoundNumberUp(values.atoTips, 2)),\n doorDashTips: parseFloat(values.doorDashTips),\n };\n\n UserService.uploadAtoDoorDashTips(payload)\n .then((response) => {\n console.log(\"Submission Response:\", response.data.data);\n onSubmitSuccess(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n Swal.fire({\n title: \"Error\",\n text: error.response?.data?.message || \"An error occurred\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n });\n setSubmitting(false);\n });\n };\n\n return (\n \n \n \n
\n \n TOGO\n \n Tips calculated for ToGo Employees\n \n
\n\n\n
\n \n
\n \n {!tipsCreated && togoEmployee && togoEmployee.length > 0 ? (\n \n
\n\n {!tipsCreated && togoEmployee && togoEmployee.length > 0 && (\n \n Total Tips : {togoTips ? RoundNumberUp(togoTips) : \"\"} \n
\n\n \n Tips Left : {tipsLeft ? RoundNumberUp(tipsLeft) : \"\"} \n
\n \n {!equalPay && (\n {\n handleTogoEqualTips();\n }}\n >\n Divide Equally\n \n )}\n\n {equalPay && (\n {\n cancelTogoEqualTips();\n }}\n >\n Cancel Equal Amount\n \n )}\n
\n )}\n \n {\n setSubmitting(true);\n\n let calculated_tip_total = 0;\n\n if (values) {\n values.togoPaymentDetails.map((tip, index) => {\n return (calculated_tip_total += parseFloat(tip.tipshare_received));\n });\n\n if (\n parseFloat(RoundNumberUp(togoTips)) ==\n parseFloat(RoundNumberUp(calculated_tip_total))\n ) {\n setSubmitting(false);\n setPaymentDetails(values);\n setTipsCreated(true);\n localStorage.setItem(\"togoCalculatedPayments\", JSON.stringify(values));\n } else {\n Swal.fire({\n title: \"Error!\",\n text: `Calculated tips cannot be more or less than the amount to be distributed.`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n setSubmitting(false);\n console.log(\"Yeah\");\n }\n });\n }\n }\n\n console.log(values);\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n ) : (\n \"\"\n )}\n\n {tipsCreated && (\n \n
\n )}\n \n
\n\n \n
\n \n {\n localStorage.removeItem(\"togoCalculatedPayments\");\n setTipsCreated(false);\n }}\n >\n Cancel \n \n
\n \n onSubmit(values.tips)}>\n {({ values, handleSubmit }) => (\n \n )}\n \n
\n );\n};\n\nexport default PaymentDetailsTable;\n","import React, { useEffect, useState } from \"react\";\nimport Swal from \"sweetalert2\";\nimport { RoundNumberUp } from \"../../../components/Utils/RoundNumberUp\";\nimport TipDistributionForm from \"./components/TipDistributionForm\";\nimport PaymentDetailsTable from \"./components/PaymentDetailsTable\";\n\nconst PayATODoorDash = () => {\n const [salesReport, setSalesReport] = useState(null);\n const [atoPaymentReady, setAtoPaymentReady] = useState(false);\n const [doorDashPaymentReady, setDoorDashPaymentReady] = useState(false);\n const [atoPaymentDetails, setAtoPaymentDetails] = useState(null);\n const [editMode, setEditMode] = useState(false);\n const [atoTips, setAtoTips] = useState(0);\n const [doorDashTips, setDoorDashTips] = useState(0);\n const [atoConfig, setAtoConfig] = useState(null);\n const [doorDashConfig, setDoorDashConfig] = useState(null);\n\n useEffect(() => {\n const storedSalesReport = JSON.parse(localStorage.getItem(\"salesReport\"));\n const storedTips = JSON.parse(localStorage.getItem(\"atoDoorDashTips\"));\n const storedAtoDetails = JSON.parse(localStorage.getItem(\"atoPaymentDetails\"));\n const storedDoorDashDetails = JSON.parse(localStorage.getItem(\"doorDashPaymentDetails\"));\n\n if (storedSalesReport) setSalesReport(storedSalesReport);\n if (storedTips) {\n setAtoTips(storedTips.atoTips);\n setDoorDashTips(storedTips.doorDashTips);\n }\n if (storedAtoDetails?.length > 0) {\n setAtoPaymentDetails(storedAtoDetails);\n setAtoPaymentReady(true);\n setAtoConfig(storedAtoDetails[0].paymentOption);\n }\n if (storedDoorDashDetails?.length > 0) {\n setDoorDashPaymentReady(true);\n setDoorDashConfig(storedDoorDashDetails[0].paymentOption);\n }\n }, []);\n\n const handleSubmitTips = (updatedDetails) => {\n const totalTips = updatedDetails.reduce(\n (sum, item) => sum + parseFloat(item.tipShareReceived),\n 0\n );\n\n if (parseFloat(RoundNumberUp(totalTips, 2)) === parseFloat(RoundNumberUp(atoTips, 2))) {\n setAtoPaymentDetails(updatedDetails);\n localStorage.setItem(\"atoPaymentDetails\", JSON.stringify(updatedDetails));\n setEditMode(false);\n } else {\n Swal.fire({\n title: \"Error\",\n text: `Total tips must equal ${RoundNumberUp(atoTips)}`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n });\n }\n };\n\n return (\n \n \n \n\n {!atoPaymentReady && (\n {\n setAtoPaymentReady(true);\n setDoorDashPaymentReady(true);\n setAtoPaymentDetails(data.atoPaymentDetails);\n localStorage.setItem(\"atoPaymentDetails\", JSON.stringify(data.atoPaymentDetails));\n localStorage.setItem(\n \"doorDashPaymentDetails\",\n JSON.stringify(data.doorDashPaymentDetails)\n );\n }}\n />\n )}\n\n {atoPaymentReady && atoPaymentDetails && (\n setEditMode(true)}\n onCancel={() => {\n setEditMode(false);\n setAtoPaymentReady(false);\n setAtoPaymentDetails(null);\n setDoorDashPaymentReady(false);\n localStorage.removeItem(\"atoPaymentDetails\");\n }}\n onSubmit={handleSubmitTips}\n />\n )}\n
\n );\n};\n\nexport default PayATODoorDash;\n","import React, { useMemo } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport MultiStep from \"react-multistep\";\nimport SalesReportStage from \"./closingReport/SalesReportStage\";\nimport PayBarStage from \"./closingReport/PayBarStage\";\nimport ExpensesStage from \"./closingReport/ExpensesStage\";\nimport TipIncomeReportStage from \"./closingReport/TipIncomeReportStage\";\nimport InstantPayPayment from \"./closingReport/InstantPayPayment\";\nimport PayToGo from \"./closingReport/PayToGo\";\nimport PayATODoorDash from \"./closingReport/PayATODoorDash\";\n\nconst ClosingReport = () => {\n const steps = useMemo(\n () => [\n { name: \". Sales Report\", component: Online Tips / Door Dash
\n Cumulation of tips for both Online Orders and DoorDash\n\n
\n );\n};\n\nexport default withRouter(ClosingReport);\n","import React, { useEffect } from \"react\";\nimport { withRouter, Link, useHistory } from \"react-router-dom\";\nimport { Utility } from \"../../../../Helpers/utils\";\n\nconst RestaurantManagerForm = () => {\n const history = useHistory();\n\n useEffect(() => {\n const user = Utility.getUser();\n\n if (!user) {\n history.push(\"/home/login\");\n }\n }, []);\n\n return (\n \n
\n\n \n \n Learn How \n \n
\n\n \n\n
\n\n \n {\" \"}\n \n Click here to go back\n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default withRouter(RestaurantManagerForm);\n","import React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { Link } from \"react-router-dom\";\nimport { PaymentService } from \"../../../service/PaymentService\";\nimport { Modal, Button, Form } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport Swal from \"sweetalert2\";\n\nconst { SearchBar } = Search;\n\nconst ClosingReportIssues = () => {\n const [issuesList, setIssuesList] = useState(null);\n const [showUpdateModal, setShowUpdateModal] = useState(false);\n const [storeId, setStoreId] = useState(null);\n\n useEffect(() => {\n PaymentService.retrieveOpenedIssues()\n .then((response) => {\n console.log(response.data.data);\n let issuesArray = [];\n\n response.data.data.map((res, index) => {\n return issuesArray.push({\n id: res.id,\n store_id: res.store_id,\n submitted_by_slug: res.submitted_by_slug,\n status: res.status,\n priority: res.priority,\n info: res.info,\n report_date: res.report_date,\n type: res.type,\n });\n });\n\n setIssuesList(issuesArray);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleClosingIssues = (row, e) => {\n console.log(row);\n setShowUpdateModal(true);\n setStoreId(row.id);\n };\n\n const columns = [\n {\n dataField: \"store_id\",\n text: \"Store Id\",\n sort: true,\n },\n {\n dataField: \"submitted_by_slug\",\n text: \"Submitted By\",\n sort: true,\n },\n {\n dataField: \"status\",\n text: \"Status\",\n sort: true,\n },\n\n {\n dataField: \"priority\",\n text: \"Priority\",\n sort: true,\n },\n {\n dataField: \"type\",\n text: \"Type\",\n sort: true,\n },\n {\n dataField: \"info\",\n text: \"Info\",\n sort: true,\n style: {\n whiteSpace: \"normal\",\n },\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n Restaurant Manager
\n\n
\n\n \n \n
\n \n Closing Report\n
\n \n \n
\n \n
\n \n \n ![\"logo\"]({require(\"../../../../assets/images/lcfood.jpg\")})
\n
\n \n \n
\n \n Food & Supplies Catalog
\n\n \n
\n\n \n \n ![\"logo\"]({require(\"../../../../assets/images/crunchtime-team.png\")})
\n \n
\n \n \n \n handleClosingIssues(row, e)}\n >\n Close\n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default ClosingReportIssues;\n","import ClosingReport from \"../form-manager/ClosingReport\";\nimport RestaurantManager from \"../form-manager/closingReport/components/RestaurantManager\";\nimport ClosingReportIssues from \"../form-manager/ClosingReportIssues/ClosingReportIssues\";\n\nconst formManagerRoutes = [\n { path: \"/form-manager/closing-report\", component: ClosingReport },\n { path: \"/form-manager/restaurant-manager\", component: RestaurantManager },\n { path: \"/form-manager/closing-report-issues\", component: ClosingReportIssues },\n];\n\nexport default formManagerRoutes;\n","import React from \"react\";\nimport { withRouter, Link, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\n\nconst Domain = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n \n
\n \n
\n\n \n
\n \n {issuesList && (\n
\n \n
\n )}\n Closing Report Issues
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {showUpdateModal && (\n
\n \n {\n setSubmitting(true);\n console.log(values);\n\n PaymentService.updateClosingReportIssues(values)\n .then((response) => {\n console.log(response.data.data);\n\n Swal.fire({\n title: \"Successful!\",\n text: response.data.message,\n icon: \"success\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n enableReinitialize={true}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n setShowUpdateModal(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n style={{ top: \"200px\" }}\n backdrop=\"static\"\n >\n \n \n )}\n \n
\n )}\n \n {\n setSubmitting(true);\n if (values.domain_name && values.url) {\n SystemConfigService.createDomain(values.domain_name, values.url)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Domain created successfully\",\n toastoptions\n );\n history.push(\"/system-configuration/view-domains\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.url[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(Domain);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewDomains = () => {\n const [domains, setDomains] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getDomains()\n .then((response) => {\n console.log(response.data);\n setDomains(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n Domains
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n\n \n {/* */}\n \n
\n \n Fill the details below to create a domain\n
\n\n
\n );\n};\n\nexport default withRouter(ViewDomains);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\n\nconst ViewDomain = () => {\n const [editMode, setEditMode] = useState(false);\n const [domain, setDomain] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getDomain(id)\n .then((response) => {\n console.log(response.data);\n setDomain(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n\n \n
\n \n \n Domains{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n Portal configuration\n \n \n \n \n \n
\n \n \n \n
\n \n {domains ? (\n domains.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n \n {value.active ? \"Active\" : \"Inactive\"}\n \n\n {\n setSubmitting(true);\n SystemConfigService.updateDomain(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\"Domain updated successfully\", toastoptions);\n setEditMode(false);\n history.push(\"/system-configuration/view-domains\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewDomain);\n","import React from \"react\";\nimport { withRouter, Link, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\n\nconst JobCode = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {domain && (\n
\n\n {domain && (\n \n {\" \"}\n Domain / {domain.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n setSubmitting(true);\n if (values.name) {\n SystemConfigService.createJobCode(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Job Code created successfully\",\n toastoptions\n );\n history.push(\"/system-configuration/view-job-codes\");\n }\n })\n .catch((error) => {\n console.log(error.response.data.message);\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(JobCode);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewJobCode = () => {\n const [jobCodes, setJobCodes] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getJobCodes()\n .then((response) => {\n console.log(response.data);\n setJobCodes(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n Job Codes
\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 Fill the details below to create a job code\n
\n\n
\n );\n};\n\nexport default withRouter(ViewJobCode);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\n\nconst ViewJobCode = () => {\n const [editMode, setEditMode] = useState(false);\n const [jobCode, setJobCode] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getJobCode(id)\n .then((response) => {\n console.log(response.data);\n setJobCode(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n\n \n
\n \n \n Job Codes{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n Portal configuration\n \n \n \n \n \n
\n \n \n \n
\n \n {jobCodes ? (\n jobCodes.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n
\n \n {\" \"}\n {value.name}\n
\n\n {\n setSubmitting(true);\n SystemConfigService.updateJobCode(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"Job Code updated successfully\",\n toastoptions\n );\n setEditMode(false);\n history.push(\"/system-configuration/view-job-codes\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewJobCode);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, Link, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { UserService } from \"../../../service/userService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport InputMask from \"react-input-mask\";\n\nconst Store = () => {\n const [employees, setEmployees] = useState(null);\n const [corporations, setCorporations] = useState(null);\n\n const history = useHistory();\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n console.log(response, \"GETTING EMPLOYEES\");\n setEmployees(response.data.data.activeEmployees);\n })\n .catch((error) => {\n console.log(error.response);\n });\n\n SystemConfigService.getCorporations()\n .then((response) => {\n setCorporations(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {jobCode && (\n
\n\n {jobCode && (\n \n {\" \"}\n Job Code / {jobCode.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n setSubmitting(true);\n if (\n values.name &&\n values.address &&\n values.city &&\n values.state &&\n values.email &&\n values.location_id\n ) {\n SystemConfigService.createStore(values)\n .then((response) => {\n console.log(response);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\"Store created successfully\", toastoptions);\n localStorage.setItem(\"storeDetails\", JSON.stringify(response.data.data));\n history.push(\"/system-configuration/view-stores\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n if (error.response.data.errors.email) {\n cogoToast.error(error.response.data.errors.email[0], toastoptions);\n }\n if (error.response.data.errors.area) {\n cogoToast.error(error.response.data.errors.area[0], toastoptions);\n }\n if (error.response.data.errors.name) {\n cogoToast.error(error.response.data.errors.name[0], toastoptions);\n }\n if (error.response.data.errors.address) {\n cogoToast.error(error.response.data.errors.address[0], toastoptions);\n }\n if (error.response.data.errors.city) {\n cogoToast.error(error.response.data.errors.city[0], toastoptions);\n }\n if (error.response.data.errors.state) {\n cogoToast.error(error.response.data.errors.state[0], toastoptions);\n }\n\n if (error.response.data.errors.location_id) {\n cogoToast.error(error.response.data.errors.location_id[0], toastoptions);\n }\n setSubmitting(false);\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the required fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(Store);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewStores = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n Store
\n \n\n
\n )}\n \n \n
\n \n
\n \n
\n Fill the details below to create a store
\n {/*Basic form elements
*/}\n \n\n
\n );\n};\n\nexport default withRouter(ViewStores);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { UserService } from \"../../../service/userService\";\nimport InputMask from \"react-input-mask\";\n\nconst ViewStore = () => {\n const [editMode, setEditMode] = useState(false);\n const [store, setStore] = useState(null);\n const [employees, setEmployees] = useState(null);\n const [corporations, setCorporations] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getStore(id)\n .then((response) => {\n console.log(response.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n useEffect(() => {\n UserService.getEmployees()\n .then((response) => {\n console.log(response.data.data, \"employees details\");\n setEmployees(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getCorporations()\n .then((response) => {\n setCorporations(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n \n \n Stores {\" \"}\n \n \n ( Click on the box for details ) \n \n
\n \n \n Portal configuration\n \n \n \n \n \n
\n \n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n {\n setSubmitting(true);\n console.log(values, \"The values\");\n SystemConfigService.updateStore(values)\n .then((response) => {\n console.log(response.data.data);\n localStorage.setItem(\n \"storeDetails\",\n JSON.stringify(response.data.data)\n );\n setSubmitting(false);\n cogoToast.success(\"Store updated successfully\", toastoptions);\n setEditMode(false);\n // history.push(\"/system-configuration/view-stores\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewStore);\n","import React from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\n\nconst Corporation = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {store && (\n
\n\n {store && (\n \n {\" \"}\n Store / {store.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n setSubmitting(true);\n if (values.name && values.headquarters_address && values.state) {\n SystemConfigService.createCorporation(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Corporation created successfully\",\n toastoptions\n );\n history.push(\"/system-configuration/view-corporations\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(Corporation);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewCorporations = () => {\n const [corporations, setCorporations] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getCorporations()\n .then((response) => {\n console.log(response.data);\n setCorporations(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n Corporation
\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 \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 \n \n
\n \n Fill the details below to create a Corporation\n
\n\n
\n );\n};\n\nexport default withRouter(ViewCorporations);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\n\nconst ViewCorporation = () => {\n const [editMode, setEditMode] = useState(false);\n const [corporation, setCorporation] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getCorporation(id)\n .then((response) => {\n console.log(response.data.data);\n setCorporation(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n\n \n
\n \n \n Corporations{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n Portal configuration\n \n \n \n \n \n
\n \n \n \n
\n \n {corporations ? (\n corporations.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.headquarters_address}
\n {value.state}\n
\n {\n setSubmitting(true);\n SystemConfigService.updateCorporation(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"Corporation updated successfully\",\n toastoptions\n );\n setEditMode(false);\n history.push(\"/system-configuration/view-corporations\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewCorporation);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { UserService } from \"../../../service/userService\";\nimport Select from \"react-select\";\n\nconst District = () => {\n const history = useHistory();\n\n const [districtManagers, setDistrictManagers] = useState(null);\n const [rManagersOptions, setRManagersOptions] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n const [defaultStores, setDefaultStores] = useState(null);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n UserService.getDistrictManagers()\n .then((response) => {\n setDistrictManagers(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n\n let rManagerOptionsArray = [];\n UserService.getRestaurantManagers()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n let name = `${i.first_name} ${i.last_name}`;\n return rManagerOptionsArray.push({\n value: i.slug,\n label: name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setRManagersOptions(rManagerOptionsArray);\n })\n .catch((error) => {\n console.log(error);\n });\n\n let storeOptionsArray = [];\n SystemConfigService.getStores()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n return storeOptionsArray.push({\n value: i.location_id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setStoreOptions(storeOptionsArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n {corporation && (\n
\n\n {corporation && (\n \n {\" \"}\n Corporation / {corporation.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n setSubmitting(true);\n if (\n values.name &&\n values.manager &&\n values.restaurant_managers.length > 0 &&\n values.store_selected.length > 0\n ) {\n SystemConfigService.createDistrict(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"District created successfully\",\n toastoptions\n );\n history.push(\"/system-configuration/view-districts\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n // cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n );\n};\n\nexport default withRouter(District);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewDistricts = () => {\n const [districts, setDistricts] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getDistricts()\n .then((response) => {\n console.log(response.data);\n setDistricts(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n District
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n\n \n \n \n \n\n {districtManagers &&\n districtManagers.map((man, index) => (\n \n ))}\n \n \n\n \n \n\n {\n console.log(opt);\n setFieldValue(\"restaurant_managers\", opt);\n }}\n name=\"store_selected\"\n options={rManagersOptions ? rManagersOptions : null}\n disabled={isSubmitting}\n />\n \n\n \n \n\n {\n console.log(opt);\n setFieldValue(\"store_selected\", opt);\n }}\n name=\"store_selected\"\n options={storeOptions}\n defaultValue={defaultStores}\n />\n \n\n \n \n
\n \n Fill the details below to create a District\n
\n\n
\n );\n};\n\nexport default withRouter(ViewDistricts);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { UserService } from \"../../../service/userService\";\nimport Select from \"react-select\";\n\nconst ViewDistrict = () => {\n const [editMode, setEditMode] = useState(false);\n const [district, setDistrict] = useState(null);\n const [districtManagers, setDistrictManagers] = useState(null);\n const [rManagersOptions, setRManagersOptions] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n const [defaultMan, setDefaultMan] = useState(null);\n const [defaultStore, setDefaultStore] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n let defaultOptionsArray = [];\n let defaultStoreOptions = [];\n SystemConfigService.getDistrict(id)\n .then((response) => {\n console.log(response.data.data, \"This is the district\");\n\n response.data.data.restaurant_manager.map((i, index) => {\n return defaultOptionsArray.push({\n value: i.value,\n label: i.name,\n });\n });\n\n response.data.data.store_selected.map((i, index) => {\n return defaultStoreOptions.push({\n value: i.value,\n label: i.name,\n });\n });\n setDefaultMan(defaultOptionsArray);\n setDefaultStore(defaultStoreOptions);\n setDistrict(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n UserService.getDistrictManagers()\n .then((response) => {\n setDistrictManagers(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n\n let storeOptionsArray = [];\n SystemConfigService.getStores()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n return storeOptionsArray.push({\n value: i.location_id,\n label: i.name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setStoreOptions(storeOptionsArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n let rManagerOptionsArray = [];\n UserService.getRestaurantManagers()\n .then((response) => {\n let val = response.data.data;\n val.map((i, index) => {\n let name = `${i.first_name} ${i.last_name}`;\n return rManagerOptionsArray.push({\n value: i.slug,\n label: name.replace(/\\w\\S*/g, (w) =>\n w.replace(/^\\w/, (c) => c.toUpperCase())\n ),\n });\n });\n setRManagersOptions(rManagerOptionsArray);\n })\n .catch((error) => {\n console.log(error);\n });\n }, [id]);\n\n return (\n \n
\n\n \n
\n \n \n Districts{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n Portal configuration\n \n \n \n \n \n
\n \n \n \n
\n \n {districts ? (\n districts.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.manager}
\n {/* {value.state} */}\n
\n
\n )}\n \n
\n Districts not found
\n\n {\n setSubmitting(true);\n SystemConfigService.updateDistrict(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"District updated successfully\",\n toastoptions\n );\n setEditMode(false);\n history.push(\"/system-configuration/view-districts\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewDistrict);\n","import React from \"react\";\nimport { Col, Row, Nav, Tab } from \"react-bootstrap\";\nimport { withRouter } from \"react-router-dom\";\nimport ViewDomains from \"./domain/ViewDomains\";\nimport JobCodes from \"./job-code/ViewJobCodes\";\nimport Corporations from \"./corporation/ViewCorporations\";\nimport Stores from \"./store/ViewStores\";\nimport Districts from \"./district/ViewDistricts\";\n\nconst SystemConfig = () => {\n return (\n \n {district && (\n
\n\n {district && (\n \n {\" \"}\n District / {district.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default withRouter(SystemConfig);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\n\nconst CreateBonusConfig = () => {\n const history = useHistory();\n\n const [storeOptions, setStoreOptions] = useState(null);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n
\n Portal Configuration
\n \n\n
\n \n
\n \n
\n \n {/*
\n System Configuration
*/}\n {/*The list of settings items
*/}\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n {\n setSubmitting(true);\n SystemConfigService.createBonusConfig(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\"Created successfully\", toastoptions);\n history.push(\"/system-configuration/bonus/default-page\");\n }\n })\n .catch((error) => {\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(CreateBonusConfig);\n","import React from \"react\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nconst DefaultPage = () => {\n return (\n \n
\n\n \n
\n \n \n \n \n
\n \n
\n Bonus Payout
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n
\n \n Percentage Configuration for Bonus Payout\n
\n\n
\n\n \n \n \n \n \n \n \n\n {storeOptions &&\n storeOptions.map((s, index) => (\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 \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 \n
\n );\n};\n\nexport default withRouter(DefaultPage);\n","import { Formik } from \"formik\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport Swal from \"sweetalert2\";\n\nconst KpiKitchen = () => {\n const [editMode, setEditMode] = useState(false);\n const [config, setConfig] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getBonusKpi(\"kitchen\")\n .then((response) => {\n setConfig(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n \n \n
\n\n \n
\n \n \n
\n \n \n \n
\n View Configuration
\n\n \n
\n \n
\n \n \n
\n \n \n \n
\n Create Configuration
\n\n {config ? (\n {\n setSubmitting(true);\n let totalPercentage = 100;\n let currentTotal =\n parseFloat(values.food_cost) +\n parseFloat(values.kitchen_labor_cost) +\n parseFloat(values.reviews) +\n parseFloat(values.net_profit) +\n parseFloat(values.evaluation_from_staff);\n\n if (currentTotal === totalPercentage) {\n SystemConfigService.updateOrCreateBonusKpi(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Updated successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n setEditMode(false);\n }\n });\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n } else {\n Swal.fire({\n title: \"Error\",\n text: \"Total percentage cannot be more or less than 100%\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n setSubmitting(false);\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default KpiKitchen;\n","import cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport Swal from \"sweetalert2\";\n\nconst KpiFoh = () => {\n const [editMode, setEditMode] = useState(false);\n const [config, setConfig] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getBonusKpi(\"foh\")\n .then((response) => {\n console.log(response);\n setConfig(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n )}\n \n ) : (\n \n
\n \n
\n \n
\n \n \n {!editMode && (\n
\n \n {\n setEditMode(true);\n }}\n className=\"btn btn-primary btn-rounded\"\n >\n Edit\n \n
\n )}\n \n
\n )}\n Record Not Found
\n\n {config ? (\n {\n setSubmitting(true);\n let totalPercentage = 100;\n let currentTotal =\n parseFloat(values.labor_cost) +\n parseFloat(values.sales) +\n parseFloat(values.reviews) +\n parseFloat(values.net_profit) +\n parseFloat(values.evaluation_from_staff);\n\n if (currentTotal === totalPercentage) {\n SystemConfigService.updateOrCreateBonusKpi(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Updated successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n setEditMode(false);\n }\n });\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n } else {\n Swal.fire({\n title: \"Error\",\n text: \"Total percentage cannot be more or less than 100%\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n setSubmitting(false);\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default KpiFoh;\n","import { Formik } from \"formik\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport Swal from \"sweetalert2\";\n\nconst KpiBeverage = () => {\n const [editMode, setEditMode] = useState(false);\n const [config, setConfig] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getBonusKpi(\"beverage\")\n .then((response) => {\n console.log(response);\n setConfig(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n )}\n \n ) : (\n \n
\n \n
\n \n
\n \n \n {!editMode && (\n
\n \n {\n setEditMode(true);\n }}\n className=\"btn btn-primary btn-rounded\"\n >\n Edit\n \n
\n )}\n \n
\n )}\n Record Not Found
\n\n {config ? (\n {\n setSubmitting(true);\n let totalPercentage = 100;\n let currentTotal =\n parseFloat(values.alcohol_cost) +\n parseFloat(values.alcohol_sales) +\n parseFloat(values.reviews) +\n parseFloat(values.net_profit) +\n parseFloat(values.evaluation_from_staff);\n\n if (currentTotal === totalPercentage) {\n SystemConfigService.updateOrCreateBonusKpi(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Updated successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n setEditMode(false);\n }\n });\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n } else {\n Swal.fire({\n title: \"Error\",\n text: \"Total percentage cannot be more or less than 100%\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n setSubmitting(false);\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default KpiBeverage;\n","import { Formik } from \"formik\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../../../service/configService\";\nimport Swal from \"sweetalert2\";\n\nconst KpiGeneral = () => {\n const [editMode, setEditMode] = useState(false);\n const [config, setConfig] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getBonusKpi(\"general\")\n .then((response) => {\n setConfig(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n )}\n \n ) : (\n \n
\n \n
\n \n
\n \n \n {!editMode && (\n
\n \n {\n setEditMode(true);\n }}\n className=\"btn btn-primary btn-rounded\"\n >\n Edit\n \n
\n )}\n \n
\n )}\n Record Not Found
\n\n
\n );\n};\n\nexport default KpiGeneral;\n","import React from \"react\";\nimport { Col, Row, Nav, Tab } from \"react-bootstrap\";\nimport { withRouter } from \"react-router-dom\";\nimport ViewKitchenManager from \"./manager/Kitchen\";\nimport ViewFohManager from \"./manager/Foh\";\nimport ViewBeverageManager from \"./manager/Beverage\";\nimport ViewGeneralManager from \"./manager/General\";\n\nconst KPIDefaultPage = () => {\n return (\n \n {config ? (\n {\n setSubmitting(true);\n let totalPercentage = 100;\n let currentTotal =\n parseFloat(values.food_cost) +\n parseFloat(values.alcohol_cost) +\n parseFloat(values.labor_cost) +\n parseFloat(values.sales) +\n parseFloat(values.reviews) +\n parseFloat(values.net_profit) +\n parseFloat(values.evaluation_from_staff);\n\n if (currentTotal === totalPercentage) {\n SystemConfigService.updateOrCreateBonusKpi(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n Swal.fire({\n title: \"Good Job!\",\n text: \"Updated successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n setEditMode(false);\n }\n });\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n } else {\n Swal.fire({\n title: \"Error\",\n text: \"Total percentage cannot be more or less than 100%\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n setSubmitting(false);\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n \n
\n )}\n \n ) : (\n \n
\n \n
\n \n
\n \n \n {!editMode && (\n
\n \n {\n setEditMode(true);\n }}\n className=\"btn btn-primary btn-rounded\"\n >\n Edit\n \n
\n )}\n \n
\n )}\n Record not found
\n\n
\n );\n};\n\nexport default withRouter(KPIDefaultPage);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst StoreList = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n
\n Bonus Payout Configuration
\n \n\n
\n \n
\n \n
\n \n
\n \n The list of settings for Bonus Payout KPI for managers\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 withRouter(StoreList);\n","import React, { useState, useEffect } from \"react\";\nimport { Form, Button, Spinner } from \"react-bootstrap\";\nimport { withRouter, Link, useHistory, useParams } from \"react-router-dom\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { Formik } from \"formik\";\nimport cogoToast from \"cogo-toast\";\n\nconst ViewBonusConfig = () => {\n const [editMode, setEditMode] = useState(false);\n const [config, setConfig] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n SystemConfigService.configBonusForStore(id)\n .then((response) => {\n console.log(response.data);\n setConfig(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n \n \n \n \n
\n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n {\n setSubmitting(true);\n SystemConfigService.createBonusConfig(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\"Updated successfully\", toastoptions);\n setEditMode(false);\n history.push(\"/system-configuration/bonus/default-page\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewBonusConfig);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewStates = () => {\n const [states, setStates] = useState(null);\n\n useEffect(() => {\n EmployeeConfigService.getStates()\n .then((response) => {\n console.log(response.data);\n setStates(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n {config ? (\n \n
\n \n \n \n \n\n {\n setEditMode(true);\n }}\n className=\"btn btn-primary btn-rounded\"\n >\n Edit\n \n
\n \n
\n )}\n \n ) : (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n )}\n Record Not Found
\n\n
\n );\n};\n\nexport default withRouter(ViewStates);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewMaritalStatuses = () => {\n const [maritalStatuses, setMaritalStatuses] = useState(null);\n\n useEffect(() => {\n EmployeeConfigService.getMaritalStatuses()\n .then((response) => {\n console.log(response.data);\n setMaritalStatuses(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n \n \n States \n \n ( Click on the box for details )\n \n
\n \n \n \n Employee configuration\n \n \n \n \n \n \n
\n \n \n \n
\n \n {states &&\n states.map((value, index) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.state_code}
\n {/* {value.state} */}\n
\n
\n );\n};\n\nexport default withRouter(ViewMaritalStatuses);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewGenders = () => {\n const [genders, setGenders] = useState(null);\n\n useEffect(() => {\n EmployeeConfigService.getGenders()\n .then((response) => {\n console.log(response.data);\n setGenders(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n \n \n Marital Statuses{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n \n Employee configuration\n \n \n \n \n \n \n
\n \n \n \n
\n \n {maritalStatuses &&\n maritalStatuses.map((value, index) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.description}
\n {/* {value.state} */}\n
\n
\n );\n};\n\nexport default withRouter(ViewGenders);\n","import React, { useState, useEffect } from \"react\";\nimport { Tab } from \"react-bootstrap\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewEthnics = () => {\n const [ethnics, setEthnics] = useState(null);\n\n useEffect(() => {\n EmployeeConfigService.getEthnics()\n .then((response) => {\n console.log(response.data);\n setEthnics(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n \n \n Genders{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n \n Employee configuration\n \n \n \n \n \n \n
\n \n \n \n
\n \n {genders &&\n genders.map((value, index) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.description}
\n {/* {value.state} */}\n
\n
\n );\n};\n\nexport default withRouter(ViewEthnics);\n","import React from \"react\";\nimport { Col, Row, Nav, Tab } from \"react-bootstrap\";\nimport { withRouter } from \"react-router-dom\";\nimport ViewStates from \"../employee-configuration/state/ViewStates\";\nimport ViewMaritalStatuses from \"../employee-configuration/marital-status/ViewMaritalStatuses\";\nimport ViewGenders from \"../employee-configuration/gender/ViewGenders\";\nimport ViewEthnics from \"./ethnic/ViewEthnics\";\n\nconst employeeConfig = () => {\n return (\n \n
\n\n \n
\n \n \n Ethnics{\" \"}\n \n \n ( Click on the box for details )\n \n
\n \n \n \n Employee configuration\n \n \n \n \n \n \n
\n \n \n \n
\n \n {ethnics &&\n ethnics.map((value, index) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n \n \n \n \n
\n {value.name}
\n\n {\" \"}\n {value.description}
\n {/* {value.state} */}\n
\n
\n );\n};\n\nexport default withRouter(employeeConfig);\n","import React from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst States = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n
\n\n \n
\n
\n Employee Configuration
\n \n\n
\n \n
\n \n
\n \n {/*
\n System Configuration
*/}\n {/*The list of settings items
*/}\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n {\n if (values.name && values.state_code) {\n EmployeeConfigService.createState(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\"State created successfully\", toastoptions);\n history.push(\"/employee-configuration/view-states\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(States);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewState = () => {\n const [editMode, setEditMode] = useState(false);\n const [state, setState] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n EmployeeConfigService.getState(id)\n .then((response) => {\n console.log(response.data.data);\n setState(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n State
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n\n \n \n
\n \n Fill the details below to create a State\n
\n\n {\n setSubmitting(true);\n EmployeeConfigService.updateState(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\"State updated successfully\", toastoptions);\n setEditMode(false);\n history.push(\"/employee-configuration/view-states\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewState);\n","import React from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst MaritalStatuses = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {state && (\n
\n\n {state && (\n \n {\" \"}\n State / {state.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n if (values.name) {\n EmployeeConfigService.createMaritalStatus(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Marital Status created successfully\",\n toastoptions\n );\n history.push(\"/employee-configuration/view-marital-statuses\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(MaritalStatuses);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewMaritalStatus = () => {\n const [editMode, setEditMode] = useState(false);\n const [maritalStatus, setMaritalStatus] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n EmployeeConfigService.getMaritalStatus(id)\n .then((response) => {\n console.log(response.data.data);\n setMaritalStatus(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n Marital Status
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n\n \n \n
\n \n Fill the details below to create a Corporation\n
\n\n {\n setSubmitting(true);\n EmployeeConfigService.updateMaritalStatus(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\n \"Marital Status updated successfully\",\n toastoptions\n );\n setEditMode(false);\n history.push(\"/employee-configuration/view-marital-statuses\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewMaritalStatus);\n","import React from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst Genders = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {maritalStatus && (\n
\n\n {maritalStatus && (\n \n {\" \"}\n / {maritalStatus.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n if (values.name) {\n EmployeeConfigService.createGender(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Gender created successfully\",\n toastoptions\n );\n history.push(\"/employee-configuration/view-genders\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(Genders);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewGender = () => {\n const [editMode, setEditMode] = useState(false);\n const [gender, setGender] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n EmployeeConfigService.getGender(id)\n .then((response) => {\n console.log(response.data.data);\n setGender(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n Gender
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n\n \n \n
\n \n Fill the details below to create a Gender\n
\n\n {\n setSubmitting(true);\n EmployeeConfigService.updateGender(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\"Gender updated successfully\", toastoptions);\n setEditMode(false);\n history.push(\"/employee-configuration/view-genders\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewGender);\n","import React from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { Form } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst Ethnics = () => {\n const history = useHistory();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n {gender && (\n
\n\n {gender && (\n \n {\" \"}\n / {gender.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n \n {\n if (values.name) {\n EmployeeConfigService.createEthnic(values)\n .then((response) => {\n console.log(response.data);\n if (response.data.success) {\n setSubmitting(false);\n cogoToast.success(\n \"Ethnic created successfully\",\n toastoptions\n );\n history.push(\"/employee-configuration/view-ethnics\");\n }\n })\n .catch((error) => {\n if (error.response.data.errors) {\n cogoToast.error(\n error.response.data.errors.name[0],\n toastoptions\n );\n }\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n cogoToast.error(\"Please fill all the fields\", toastoptions);\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting }) => (\n
\n );\n};\n\nexport default withRouter(Ethnics);\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, useParams, Link } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { Formik } from \"formik\";\nimport { Button, Form, Spinner } from \"react-bootstrap\";\nimport { EmployeeConfigService } from \"../../../../service/employeeConfigService\";\n\nconst ViewEthnic = () => {\n const [editMode, setEditMode] = useState(false);\n const [ethnic, setEthnic] = useState(null);\n\n const history = useHistory();\n let { id } = useParams();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n EmployeeConfigService.getEthnic(id)\n .then((response) => {\n console.log(response.data.data);\n setEthnic(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [id]);\n\n return (\n \n
\n Ethnic
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n\n \n \n
\n \n Fill the details below to create an Ethnic\n
\n\n {\n setSubmitting(true);\n EmployeeConfigService.updateEthnic(values)\n .then((response) => {\n console.log(response);\n setSubmitting(false);\n cogoToast.success(\"Ethnic updated successfully\", toastoptions);\n setEditMode(false);\n history.push(\"/employee-configuration/view-ethnics\");\n })\n .catch((error) => {\n console.log(error.response);\n cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewEthnic);\n","import Domains from \"../system-configuration/domain/Domains\";\nimport ViewDomains from \"../system-configuration/domain/ViewDomains\";\nimport ViewDomain from \"../system-configuration/domain/ViewDomain\";\nimport JobCodes from \"../system-configuration/job-code/JobCodes\";\nimport ViewJobCodes from \"../system-configuration/job-code/ViewJobCodes\";\nimport ViewJobCode from \"../system-configuration/job-code/ViewJobCode\";\nimport Store from \"../system-configuration/store/Store\";\nimport ViewStores from \"../system-configuration/store/ViewStores\";\nimport ViewStore from \"../system-configuration/store/ViewStore\";\nimport Corporations from \"../system-configuration/corporation/Corporations\";\nimport ViewCorporations from \"../system-configuration/corporation/ViewCorporations\";\nimport ViewCorporation from \"../system-configuration/corporation/ViewCorporation\";\nimport Districts from \"../system-configuration/district/Districts\";\nimport ViewDistricts from \"../system-configuration/district/ViewDistricts\";\nimport ViewDistrict from \"../system-configuration/district/ViewDistrict\";\nimport SystemConfig from \"../system-configuration/SystemConfig\";\nimport CreateBonusPayoutConfig from \"../system-configuration/bonus/CreateBonusConfig\";\nimport BonusPayoutConfigDefault from \"../system-configuration/bonus/Default\";\nimport BonusKPIConfigDefault from \"../system-configuration/bonus/kpi/Default\";\nimport BonusPayoutStoreList from \"../system-configuration/bonus/StoreList\";\nimport BonusPayoutConfig from \"../system-configuration/bonus/ViewBonusConfig\";\nimport EmployeeConfiguration from \"../system-configuration/employee-configuration/EmployeesConfig\";\nimport States from \"../system-configuration/employee-configuration/state/States\";\nimport ViewStates from \"../system-configuration/employee-configuration/state/ViewStates\";\nimport ViewState from \"../system-configuration/employee-configuration/state/ViewState\";\nimport MaritalStatuses from \"../system-configuration/employee-configuration/marital-status/MaritalStatuses\";\nimport ViewMaritalStatuses from \"../system-configuration/employee-configuration/marital-status/ViewMaritalStatuses\";\nimport ViewMaritalStatus from \"../system-configuration/employee-configuration/marital-status/ViewMaritalStatus\";\nimport Genders from \"../system-configuration/employee-configuration/gender/Genders\";\nimport ViewGenders from \"../system-configuration/employee-configuration/gender/ViewGenders\";\nimport ViewGender from \"../system-configuration/employee-configuration/gender/ViewGender\";\nimport Ethnics from \"../system-configuration/employee-configuration/ethnic/Ethnics\";\nimport ViewEthnics from \"../system-configuration/employee-configuration/ethnic/ViewEthnics\";\nimport ViewEthnic from \"../system-configuration/employee-configuration/ethnic/ViewEthnic\";\n\nconst systemConfigurationRoutes = [\n { path: \"/system-configuration/domains\", component: Domains },\n { path: \"/system-configuration/view-domains\", component: ViewDomains },\n { path: \"/system-configuration/view-domain/:id\", component: ViewDomain },\n { path: \"/system-configuration/job-codes\", component: JobCodes },\n { path: \"/system-configuration/view-job-codes\", component: ViewJobCodes },\n { path: \"/system-configuration/view-job-code/:id\", component: ViewJobCode },\n { path: \"/system-configuration/store\", component: Store },\n { path: \"/system-configuration/view-stores\", component: ViewStores },\n { path: \"/system-configuration/view-store/:id\", component: ViewStore },\n { path: \"/system-configuration/corporations\", component: Corporations },\n { path: \"/system-configuration/view-corporations\", component: ViewCorporations },\n { path: \"/system-configuration/view-corporation/:id\", component: ViewCorporation },\n { path: \"/system-configuration/districts\", component: Districts },\n { path: \"/system-configuration/view-districts\", component: ViewDistricts },\n { path: \"/system-configuration/view-district/:id\", component: ViewDistrict },\n { path: \"/system-configuration/all\", component: SystemConfig },\n { path: \"/system-configuration/bonus/create-config\", component: CreateBonusPayoutConfig },\n { path: \"/system-configuration/bonus/default-page\", component: BonusPayoutConfigDefault },\n { path: \"/system-configuration/kpis/default\", component: BonusKPIConfigDefault },\n { path: \"/system-configuration/bonus/view\", component: BonusPayoutStoreList },\n { path: \"/system-configuration/bonus/view-config/:id\", component: BonusPayoutConfig },\n { path: \"/system-configuration/employee\", component: EmployeeConfiguration },\n { path: \"/employee-configuration/states\", component: States },\n { path: \"/employee-configuration/view-states\", component: ViewStates },\n { path: \"/employee-configuration/view-state/:id\", component: ViewState },\n { path: \"/employee-configuration/marital-statuses\", component: MaritalStatuses },\n { path: \"/employee-configuration/view-marital-statuses\", component: ViewMaritalStatuses },\n { path: \"/employee-configuration/view-marital-status/:id\", component: ViewMaritalStatus },\n { path: \"/employee-configuration/genders\", component: Genders },\n { path: \"/employee-configuration/view-genders\", component: ViewGenders },\n { path: \"/employee-configuration/view-gender/:id\", component: ViewGender },\n { path: \"/employee-configuration/ethnics\", component: Ethnics },\n { path: \"/employee-configuration/view-ethnics\", component: ViewEthnics },\n { path: \"/employee-configuration/view-ethnic/:id\", component: ViewEthnic },\n];\n\nexport default systemConfigurationRoutes;\n","import Api from \"./Api\";\nimport { Utility } from \"../Helpers/utils\";\n\nexport class AuthService {\n static async getAuth() {\n return new Promise((resolve, reject) => {\n return Api.get(\"auth/user\")\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async firstLogin(email, password) {\n return new Promise((resolve, reject) => {\n return Api.post(\"auth/first-login\", { email, password })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async login(email, password) {\n return new Promise((resolve, reject) => {\n return Api.post(\"auth/login\", { email, password })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async adminLogin(email, password) {\n return new Promise((resolve, reject) => {\n return Api.post(\"auth/admin/login\", { email, password })\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async sendResetEmail(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"password/email\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async resetPassword(data) {\n return new Promise((resolve, reject) => {\n return Api.post(\"password/reset\", data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async logout() {\n const response = await Api.get(\"auth/logout\");\n\n if (response.data.success) {\n Utility.unSetToken();\n Utility.unSetUser();\n window.localStorage.clear();\n window.sessionStorage.clear();\n delete Api.defaults.headers.common[\"Authorization\"];\n }\n }\n}\n","import React, { createContext, useState, useEffect, useContext } from \"react\";\nimport { Utility } from \"../Helpers/utils\";\nimport { AuthService } from \"../service/authService\";\n\nconst AuthContext = createContext();\n\nexport const AuthProvider = ({ children }) => {\n const [user, setUser] = useState(() => Utility.getUser());\n const [token, setToken] = useState(() => Utility.getToken());\n const isAuthenticated = !!user && !!token;\n\n useEffect(() => {\n if (user && token) {\n Utility.setUser(user);\n Utility.setToken(token);\n }\n }, [user, token]);\n\n const login = async (email, password) => {\n const response = await AuthService.login(email, password);\n\n if (response.data.success) {\n const userData = response.data.data.user;\n\n if (!userData.first_login) {\n Utility.setUser(userData);\n Utility.setToken(response.data.data.access_token);\n setUser(userData);\n setToken(response.data.data.access_token);\n }\n\n return userData;\n } else {\n throw new Error(response.data.message);\n }\n };\n\n const logout = () => {\n setUser(null);\n setToken(null);\n Utility.unSetUser();\n Utility.unSetToken();\n localStorage.clear();\n sessionStorage.clear();\n };\n\n const updateUser = (updatedUser) => {\n setUser(updatedUser);\n Utility.setUser(updatedUser);\n };\n\n return (\n \n {ethnic && (\n
\n\n {ethnic && (\n \n {\" \"}\n / {ethnic.name} \n
\n )}\n \n\n
\n )}\n \n )}\n \n
\n \n
\n \n
\n \n \n
\n {error}
}\n \n
\n )}\n \n );\n};\n\nexport default Login;\n","import React, { Component } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Form } from 'react-bootstrap';\nimport cogoToast from 'cogo-toast';\nimport { AuthService } from '../../service/authService';\nimport { Utility } from '../../Helpers/utils';\n\nexport class AdminLogin extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n email: '',\n password: '',\n submitted: false\n }\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n toastoptions = {\n hideAfter: 5,\n position: 'top-right',\n heading: 'Attention'\n }\n\n handleChange(e) {\n const { name, value } = e.target;\n this.setState({ [name]: value})\n }\n\n\n handleSubmit(e) {\n e.preventDefault();\n\n this.setState({ submitted: true });\n const { email, password } = this.state;\n\n if (email && password) {\n AuthService.adminLogin(email, password)\n .then(response => {\n if (response.data.success) {\n if (response.data.data?.user.first_login) {\n cogoToast.warning('You have to change your password before logging in', this.toastoptions)\n this.props.history.push('/first-login', { email })\n } else {\n Utility.setUser(response.data.data?.user)\n Utility.setToken(response.data.data?.access_token);\n cogoToast.success('User logged in successfully', this.toastoptions);\n this.props.history.push('/dashboard')\n }\n }\n })\n .catch(error => {\n cogoToast.error(error.response.data.message, this.toastoptions);\n })\n } else {\n cogoToast.error('Please enter all the credentials', this.toastoptions)\n }\n }\n\n render() {\n const { email, password, submitted } = this.state;\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n ![\"logo\"]({require(\"../../assets/images/la-parrila-logo.png\")})
\n \n
\n \n \n Hello! let's get started
\nSign in to continue.
\n\n
\n )\n }\n}\n\nexport default withRouter(AdminLogin)\n","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Spinner } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { AuthService } from \"../../service/authService\";\n\nconst ForgotPassword = () => {\n const [email, setEmail] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n\n const toastOptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleChange = (e) => {\n setEmail(e.target.value);\n };\n\n const sendPasswordResetLink = async (e) => {\n e.preventDefault();\n setSubmitted(true);\n\n if (!email) {\n cogoToast.error(\"Enter your email address\", toastOptions);\n setSubmitted(false);\n return;\n }\n\n try {\n const data = { email };\n const response = await AuthService.sendResetEmail(data);\n cogoToast.success(response.data.message, toastOptions);\n } catch (error) {\n const errorMessage = error.response?.data?.message || \"An error occurred. Please try again.\";\n cogoToast.error(errorMessage, toastOptions);\n } finally {\n setSubmitted(false);\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n Hello! Administrator
\nSign in to continue.
\n\n
\n );\n};\n\nexport default ForgotPassword;\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport queryString from \"query-string\";\nimport cogoToast from \"cogo-toast\";\nimport { AuthService } from \"../../service/authService\";\n\nexport class ResetPassword extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n email: queryString.parse(this.props.location.search).email,\n token: this.props.match.params.token,\n password: \"\",\n password_confirmation: \"\",\n submitted: \"\",\n };\n\n this.handleChange = this.handleChange.bind(this);\n this.resetPassword = this.resetPassword.bind(this);\n }\n\n componentDidMount() {\n console.log(this.props.match.params.token);\n console.log(queryString.parse(this.props.location.search).email);\n }\n\n toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n handleChange(e) {\n const { name, value } = e.target;\n this.setState({ [name]: value });\n }\n\n resetPassword(e) {\n e.preventDefault();\n\n this.setState({ submitted: true });\n const { email, token, password, password_confirmation } = this.state;\n\n if (password && password_confirmation) {\n if (password !== password_confirmation) {\n cogoToast.error(\"Passwords do not match\", this.toastoptions);\n } else {\n let data = { email, token, password, password_confirmation };\n\n AuthService.resetPassword(data)\n .then((response) => {\n console.log(response.data);\n cogoToast.success(\n \"Password reset successfully. Please login\",\n this.toastoptions\n );\n this.props.history.push(\"/home/login\");\n })\n .catch((error) => {\n console.log(error.response.data);\n if (error.response.data.errors.password) {\n cogoToast.error(\n error.response.data.errors.password[0],\n this.toastoptions\n );\n }\n cogoToast.error(error.response.data.message, this.toastoptions);\n });\n }\n } else {\n cogoToast.error(\"Enter your passwords\", this.toastoptions);\n }\n }\n\n render() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n
\n \n \n Forgot password?
\nDon't worry. It is easy to reset
\n\n
\n );\n }\n}\n\nexport default withRouter(ResetPassword);\n","import Login from \"../user-pages/Login\";\nimport AdminLogin from \"../user-pages/AdminLogin\";\nimport ForgotPassword from \"../user-pages/ForgotPassword\";\nimport ResetPassword from \"../user-pages/ResetPassword\";\nimport FirstTimeLogin from \"../user-pages/FirstTimeLogin\";\n\nconst userPagesRoutes = [\n { path: \"/home/login\", component: Login },\n { path: \"/home/admin/login\", component: AdminLogin },\n { path: \"/password/forgot-password\", component: ForgotPassword },\n { path: \"/password/reset-password/:token\", component: ResetPassword },\n { path: \"/auth/first-login\", component: FirstTimeLogin },\n];\n\nexport default userPagesRoutes;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useHistory, withRouter } from \"react-router-dom\";\nimport { Spinner } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { AuthService } from \"../../service/authService\";\nimport InputField from \"../../components/common/InputField\";\nimport { Utility } from \"../../Helpers/utils\";\n\nconst FirstTimeLogin = (props) => {\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [passwordConfirmation, setPasswordConfirmation] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n\n const history = useHistory();\n\n const toastOptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n // Populate the email from props\n useEffect(() => {\n const emailFromState = props.history.location.state?.email;\n if (emailFromState) setEmail(emailFromState);\n }, [props.history.location.state]);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setSubmitted(true);\n\n if (!password || !passwordConfirmation) {\n cogoToast.error(\"Please enter all the credentials\", toastOptions);\n setSubmitted(false);\n return;\n }\n\n if (password !== passwordConfirmation) {\n cogoToast.error(\"Passwords do not match\", toastOptions);\n setSubmitted(false);\n return;\n }\n\n try {\n const response = await AuthService.firstLogin(email, password);\n console.log(response, \"RESPONSE\");\n if (response.data.success) {\n // const userData = response.data.data;\n // Utility.setUser(userData);\n cogoToast.success(\"Password changed successfully\", toastOptions);\n history.push(\"/home/login\");\n }\n } catch (error) {\n const errorMessage = error.response?.data?.message || \"An error occurred. Please try again.\";\n cogoToast.error(errorMessage, toastOptions);\n setSubmitted(false);\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n {/* Forgot password?
*/}\n\n Please set a new password\n
\n\n \n
\n\n \n \n
\n\n \n {/* RESET PASSWORD */}\n \n
\n \n \n Go to login\n \n
\n \n \n
\n );\n};\n\nexport default withRouter(FirstTimeLogin);\n","import React, { useEffect, useState } from \"react\";\n\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nconst CateringPayment = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n
\n \n \n Please set a new password
\n\n
\n );\n};\n\nexport default withRouter(CateringPayment);\n","export const CateringCode = [\n \"999100\",\n \"999101\",\n \"999102\",\n \"999103\",\n \"999104\",\n \"999105\",\n \"999106\",\n \"999107\",\n \"999108\",\n \"999109\",\n \"999110\",\n \"999111\",\n \"999112\",\n \"999113\",\n \"999114\",\n \"999115\",\n \"999116\",\n \"999117\",\n \"999118\",\n \"999119\",\n \"999120\",\n];\n","import Api from \"./Api\";\n\nexport class CateringService {\n static async createCateringPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/create`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async editCateringPayment(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/edit`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCateringPaymentForEdit(catering_id, store_id, catering_code) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `catering/get-catering-edit/${catering_id}/${store_id}/${catering_code}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCateringPayment(date, store_id) {\n return new Promise((resolve, reject) => {\n return Api.get(`catering/get-catering-details/${store_id}/${date}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllCateringPayment(store_id) {\n return new Promise((resolve, reject) => {\n return Api.get(`catering/get-all-catering-details/${store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getFile(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/getFile`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getScheduledCatering(store_id) {\n return new Promise((resolve, reject) => {\n return Api.get(`catering/get-scheduled-catering/${store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getPendingCatering(store_id) {\n return new Promise((resolve, reject) => {\n return Api.get(`catering/get-pending-catering/${store_id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async scheduleCatering(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/schedule-catering-store`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async unScheduleCatering(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/unschedule-catering-store`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async scheduleAllCatering(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/schedule-all-catering`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async cancelCatering(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/cancel-catering`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllCateringPayments() {\n return new Promise((resolve, reject) => {\n return Api.get(`catering/get-all-catering`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async cateringRecords(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`catering/get-catering-records`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Form } from \"react-bootstrap\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { CateringCode } from \"../../Helpers/constant\";\nimport { CateringService } from \"../../service/CateringService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport Swal from \"sweetalert2\";\nimport getStoreName from \"../../components/StoreNameUsingId\";\nimport AppSpinner from \"../../components/Spinner\";\n\nconst { SearchBar } = Search;\n\nconst CateringPaymentCode = () => {\n let { store_id } = useParams();\n let history = useHistory();\n const [cateringPayments, setCateringPayments] = useState(null);\n const [createNewCatering, setCreateNewCatering] = useState(false);\n\n const handleAction = (code, i, id) => {\n console.log(code, i, id);\n // history.push(\"/financials/\")\n\n history.push(\"/catering/configure-catering-payment-store\", {\n store_id: id,\n code: code,\n });\n };\n\n const handleEditCateringReport = (row) => {\n console.log(row.storeId, row.id, row.cateringCode);\n history.push(\"/catering/edit-catering-payment\", {\n store_id: row.storeId,\n id: row.id,\n code: row.cateringCode,\n });\n };\n\n const cancelCatering = (row, e) => {\n Swal.fire({\n title: \"Are you sure?\",\n text: `You are about to delete a catering event`,\n icon: \"warning\",\n showCancelButton: true,\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n e.target.innerHTML = `Loading...`;\n // console.log(row.storeId, row.id, row.cateringCode);\n let data = {\n store_id: row.storeId,\n id: row.id,\n catering_code: row.cateringCode,\n };\n\n CateringService.cancelCatering(data)\n .then((response) => {\n console.log(response.data.data);\n Swal.fire({\n title: \"Successful!\",\n text: response.data.message,\n icon: \"success\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n window.location.reload();\n }\n });\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n // setShowBalanceAlert(false);\n }\n });\n };\n\n const handleFileFetching = (row) => {\n let data = {\n date: row.cateringDate,\n store_id: row.storeId,\n };\n CateringService.getFile(data)\n .then((response) => {\n console.log(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n };\n\n useEffect(() => {\n console.log(CateringCode);\n CateringService.getAllCateringPayment(store_id)\n .then((response) => {\n console.log(response.data.data);\n let cateringArray = [];\n response.data.data.map((res, index) => {\n return cateringArray.push({\n id: res.id,\n storeId: res.store_id,\n location: `#Laparrilla ${res.store_id}`,\n cateringCode: res.catering_code,\n cateringDate: ConvertDateFormat(res.catering_date),\n dropOffAmount: res.drop_off_amount,\n employeeForDropOff: res.drop_off_radio_option,\n numbersOfEmployees: res.number_of_employees,\n employees: res.employee_number,\n });\n });\n setCateringPayments(cateringArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const columns = [\n {\n dataField: \"cateringCode\",\n text: \"Catering Code\",\n sort: true,\n },\n {\n dataField: \"cateringDate\",\n text: \"Catering Date\",\n sort: true,\n },\n {\n dataField: \"dropOffAmount\",\n text: \"Drop Off Amount\",\n sort: true,\n },\n {\n dataField: \"employeeForDropOff\",\n text: \"Employee Drop Off\",\n sort: true,\n },\n {\n dataField: \"numbersOfEmployees\",\n text: \"Number of Employees\",\n sort: true,\n },\n {\n dataField: \"employees\",\n text: \"Employees\",\n sort: true,\n },\n {\n dataField: \"Action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Catering Tips Payment \n \n \n \n ( Click on the box to create the tips payment for Catering, for\n each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n handleEditCateringReport(row)}\n >\n Edit\n \n\n {\n e.persist();\n cancelCatering(row, e);\n }}\n >\n Cancel\n \n\n {/* Use the backend logic here to structure how to schedule catering */}\n {/* handleFileFetching(row)}\n >\n Fetch\n */}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(CateringPaymentCode);\n","import React, { Component, useState } from \"react\";\nimport { useParams, withRouter, Link, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport ReactTags from \"react-tag-autocomplete\";\nimport { CateringService } from \"../../service/CateringService\";\nimport cogoToast from \"cogo-toast\";\nimport DatePicker from \"react-datepicker\";\nimport Swal from \"sweetalert2\";\n\nconst CreateCatering = () => {\n const currentDate = () => {\n // const dateTimeWithZone = new Date().toLocaleString(\"en-US\", {\n // timeZone: \"America/New_York\",\n // });\n\n // let agreedDate = new Date(dateTimeWithZone);\n // return agreedDate;\n return new Date(Date.now());\n };\n\n const [tags, setTags] = useState([]);\n // const [date, setDate] = useState(new Date(Date.now()));\n const [date, setDate] = useState(\n new Date(Date.now()).toISOString().slice(0, 10)\n );\n let { store_id } = useParams();\n let history = useHistory();\n\n const minDate = new Date(Date.now());\n\n // const minDate = new Date(\n // new Date(Date.now()).toLocaleString(\"en-US\", {\n // timeZone: \"America/New_York\",\n // })\n // );\n\n // console.log(minDate, \"Minimum date\");\n\n const handleTagChange = (t) => {\n setTags(t);\n };\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\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 {!createNewCatering && (\n
\n \n {cateringPayments ? (\n cateringPayments.length > 0 ? (\n
\n )}\n \n
\n ) : (\n \n
\n \n Catering Event Details for {getStoreName(store_id)}\n
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n )\n ) : (\n \n {\" \"}\n Catering has not been scheduled for this particular store{\" \"}\n
\n\n
\n );\n};\n\nclass TagsInput extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: [],\n };\n }\n\n handleDelete(i) {\n const tags = this.state.tags.slice(0);\n tags.splice(i, 1);\n this.setState({ tags });\n }\n\n handleAddition(tag) {\n const tags = [].concat(this.state.tags, tag);\n if (tags.length <= this.props.limit) {\n this.setState({ tags });\n }\n }\n\n componentDidMount() {\n console.log(this.props.limit);\n }\n\n render() {\n return (\n \n \n \n \n
\n \n
\n \n {\n setSubmitting(true);\n let data = {\n values,\n tags,\n };\n\n console.log(data, \"Data to submit\");\n\n if (\n data.tags.length > 0 &&\n values.number_of_employees == data.tags.length\n ) {\n console.log(data);\n\n CateringService.createCateringPayment(data)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n cogoToast.success(\n \"Catering payment created successfully\",\n toastoptions\n );\n setTimeout(() => {\n history.push(\"/catering/catering-payment\");\n }, 200);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n // cogoToast.error(error.response.data.message, toastoptions);\n setSubmitting(false);\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: \"Please check the employee numbers.\",\n icon: \"error\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n Configure Payment
\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 \n \n\n \n \n {\" \"}\n Catering Date{\" \"}\n \n\n \n\n \n \n \n \n \n \n \n \n\n {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\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 {values.number_of_employees &&\n values.number_of_employees !== \"DEFAULT\" ? (\n \n \n\n \n ) : (\n \"\"\n )}\n\n {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\n \n \n {tags &&\n tags.map((t, index) => (\n \n ) : (\n \"\"\n )}\n\n \n \n
\n \n Fill the details below to complete\n
*/}\n\n
\n \n {\n console.log(e.target);\n const { name, value } = e.target;\n console.log([name, value]);\n\n setDate(value);\n // handleChangeDate\n setFieldValue(\n `catering_date`,\n value ? value : \"\"\n );\n }}\n />\n {/* {\n console.log(d1);\n\n setDate(d1);\n // handleChangeDate\n // setFieldValue(`catering_date`, d1 ? d1 : \"\");\n }}\n /> */}\n
\n \n \n
\n ))}\n \n
\n );\n};\n\nexport default withRouter(PendingList);\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { CateringCode } from \"../../Helpers/constant\";\nimport { CateringService } from \"../../service/CateringService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nconst { SearchBar } = Search;\n\nconst CateringPending = () => {\n let { store_id } = useParams();\n let history = useHistory();\n const [pendingCateringPayments, setPendingCateringPayments] = useState(null);\n\n const handleScheduleCateringReport = (row) => {\n console.log(row.storeId, row.id, row.cateringCode);\n // history.push(\"/catering/edit-catering-payment\", {\n // store_id: row.storeId,\n // id: row.id,\n // code: row.cateringCode,\n // });\n };\n\n useEffect(() => {\n console.log(CateringCode);\n CateringService.getPendingCatering(store_id)\n .then((response) => {\n console.log(response.data.data);\n let pendingCateringArray = [];\n response.data.data.map((res, index) => {\n return pendingCateringArray.push({\n id: res.id,\n storeId: res.store_id,\n location: `#Laparrilla ${res.store_id}`,\n cateringCode: res.catering_code,\n cateringDate: ConvertDateFormat(res.catering_date),\n dropOffAmount: res.drop_off_amount,\n employeeForDropOff: res.drop_off_radio_option,\n numbersOfEmployees: res.number_of_employees,\n employees: res.employee_number,\n });\n });\n setPendingCateringPayments(pendingCateringArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const columns = [\n {\n dataField: \"cateringCode\",\n text: \"Catering Code\",\n sort: true,\n },\n {\n dataField: \"cateringDate\",\n text: \"Catering Date\",\n sort: true,\n },\n {\n dataField: \"dropOffAmount\",\n text: \"Drop Off Amount\",\n sort: true,\n },\n {\n dataField: \"employeeForDropOff\",\n text: \"Employee Drop Off\",\n sort: true,\n },\n {\n dataField: \"numbersOfEmployees\",\n text: \"Number of Employees\",\n sort: true,\n },\n {\n dataField: \"employees\",\n text: \"Employees\",\n sort: true,\n },\n {\n dataField: \"Action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Catering Pending List \n \n \n \n ( Click on the box to view the pending catering payment, for\n each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n handleScheduleCateringReport(row)}\n >\n Schedule Payment\n \n\n {/* Use the backend logic here to structure how to schedule catering */}\n {/* handleFileFetching(row)}\n >\n Fetch\n */}\n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(CateringPending);\n","import React, { useEffect, useState } from \"react\";\n\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport AppSpinner from \"../../components/Spinner\";\n\nconst ScheduledFailedList = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n \n \n \n
\n \n \n
\n \n {pendingCateringPayments ? (\n
\n \n
\n ) : (\n \"\"\n )}\n \n
\n Pending Catering
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(ScheduledFailedList);\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory, useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { CateringCode } from \"../../Helpers/constant\";\nimport { CateringService } from \"../../service/CateringService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nconst { SearchBar } = Search;\n\nconst ScheduledFailedPending = () => {\n let { store_id } = useParams();\n const [scheduledCatering, setScheduledCatering] = useState(null);\n\n useEffect(() => {\n CateringService.getScheduledCatering(store_id)\n .then((response) => {\n console.log(response.data.data);\n let ScheduledArr = [];\n\n response.data.data.map((res, index) => {\n return ScheduledArr.push({\n id: res.id,\n storeId: res.store_id,\n location: `#Laparrilla ${res.store_id}`,\n cateringCode: res.catering_code,\n cateringDate: ConvertDateFormat(res.catering_date),\n dropOffAmount: res.drop_off_amount,\n employeeForDropOff: res.drop_off_employee,\n employees: res.catering_employees,\n status: res.status,\n tips: res.tips_owed,\n });\n });\n setScheduledCatering(ScheduledArr);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const handleUnScheduleCatering = (row) => {\n console.log(row.id, row.storeId, row.cateringCode);\n };\n\n const columns = [\n {\n dataField: \"cateringCode\",\n text: \"Catering Code\",\n sort: true,\n },\n {\n dataField: \"cateringDate\",\n text: \"Catering Date\",\n sort: true,\n },\n {\n dataField: \"dropOffAmount\",\n text: \"Drop Off Amount\",\n sort: true,\n },\n {\n dataField: \"employeeForDropOff\",\n text: \"Employee Drop Off\",\n sort: true,\n },\n {\n dataField: \"numbersOfEmployees\",\n text: \"Number of Employees\",\n sort: true,\n },\n {\n dataField: \"employees\",\n text: \"Employees\",\n sort: true,\n },\n {\n dataField: \"Action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Catering Scheduled List \n \n \n \n ( Click on the box to view the scheduled catering payment, for\n each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n handleUnScheduleCatering(row)}\n >\n Unschedule\n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n );\n};\n\nexport default withRouter(ScheduledFailedPending);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { CateringService } from \"../../service/CateringService\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { Formik } from \"formik\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\nimport { RoundNumberUpAccurately } from \"../../components/Utils/RoundNumberUp\";\nconst { SearchBar } = Search;\n\nconst ScheduledEvents = () => {\n const [scheduledCatering, setScheduledCatering] = useState(null);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n CateringService.getAllCateringPayments()\n .then((response) => {\n let ScheduledArr = [];\n\n response.data.data.map((res, index) => {\n return ScheduledArr.push({\n id: res.id,\n storeId: res.store_id,\n location: `#Laparrilla ${res.store_id}`,\n cateringCode: res.catering_code,\n cateringDate: ConvertDateFormat(res.catering_date),\n status: res.status,\n tips: res.tips,\n });\n });\n setScheduledCatering(ScheduledArr);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const columns = [\n {\n dataField: \"location\",\n text: \"Location\",\n sort: true,\n },\n {\n dataField: \"cateringCode\",\n text: \"Catering Code\",\n sort: true,\n },\n {\n dataField: \"cateringDate\",\n text: \"Catering Date\",\n sort: true,\n },\n {\n dataField: \"tips\",\n text: \"Tips Owed\",\n sort: true,\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n return (\n \n
\n\n \n \n \n \n
\n \n \n
\n \n {scheduledCatering ? (\n
\n \n
\n ) : (\n \"\"\n )}\n \n
\n Pending Catering
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {/*
\n );\n};\n\nexport default withRouter(ScheduledEvents);\n","import React, { Component, useEffect, useState } from \"react\";\nimport { useHistory, withRouter } from \"react-router\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport ReactTags from \"react-tag-autocomplete\";\nimport { CateringService } from \"../../service/CateringService\";\nimport cogoToast from \"cogo-toast\";\nimport { Link } from \"react-router-dom\";\n\nconst EditCatering = () => {\n let history = useHistory();\n const catering_code = history.location.state.code;\n const store_id = history.location.state.store_id;\n const catering_id = history.location.state.id;\n\n const [cateringDetails, setCateringDetails] = useState(null);\n const [tags, setTags] = useState([]);\n\n const handleTagChange = (t) => {\n setTags(t);\n };\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n // fetch the catering details here\n CateringService.getCateringPaymentForEdit(\n catering_id,\n store_id,\n catering_code\n )\n .then((response) => {\n setCateringDetails(response.data.data);\n console.log(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, [catering_id, store_id, catering_code]);\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 setSubmitting(true);\n console.log(values);\n CateringService.cateringRecords(values)\n .then((response) => {\n console.log(response.data.data);\n let ScheduledArr = [];\n\n response.data.data.map((res, index) => {\n return ScheduledArr.push({\n id: res.id,\n storeId: res.store_id,\n location: `#Laparrilla ${res.store_id}`,\n cateringCode: res.catering_code,\n cateringDate: ConvertDateFormat(res.catering_date),\n status: res.status,\n tips: `$ ${RoundNumberUpAccurately(res.tips, 2)}`,\n });\n });\n setScheduledCatering(ScheduledArr);\n setSubmitting(false);\n cogoToast.success(\"Retrieved successfully\", toastoptions);\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n Search Scheduled Events
\n\n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n
\n \n {scheduledCatering ? (\n
\n \n
\n ) : (\n \n {scheduledCatering.length > 0 ? (\n
\n \n
\n ) : (\n Scheduled Events
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n )}\n \n No events has been scheduled for today. Please use the\n filter above to view past events\n
\n\n
\n );\n};\n\nclass TagsInput extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: [],\n };\n }\n\n handleDelete(i) {\n const tags = this.state.tags.slice(0);\n tags.splice(i, 1);\n this.setState({ tags });\n }\n\n handleAddition(tag) {\n const tags = [].concat(this.state.tags, tag);\n if (tags.length <= this.props.limit) {\n this.setState({ tags });\n }\n }\n\n componentDidMount() {\n console.log(this.props.limit);\n }\n\n render() {\n return (\n \n
\n\n \n \n \n \n
\n\n \n \n
\n \n {\n setSubmitting(true);\n let data = {\n values,\n tags,\n };\n\n console.log(values);\n\n CateringService.editCateringPayment(data)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n cogoToast.success(\n \"Catering payment edited successfully\",\n toastoptions\n );\n setTimeout(() => {\n history.push(\"/catering/catering-payment\");\n }, 200);\n })\n .catch((error) => {\n console.log(error.response);\n setSubmitting(false);\n });\n\n // console.log(data);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n Edit Payment
\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 \n \n\n \n \n \n\n \n \n \n \n \n \n \n \n\n {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\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 {values.number_of_employees &&\n values.number_of_employees !== \"DEFAULT\" ? (\n \n \n \n ) : (\n \"\"\n )}\n\n {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\n \n \n {tags &&\n tags.map((t, index) => (\n \n ) : (\n \"\"\n )}\n\n \n \n
\n \n Fill the details below to complete\n
*/}\n\n {\" \"}\n {cateringDetails\n ? cateringDetails.employee_number\n : \"\"}\n
\n\n\n \n
\n ))}\n \n
\n );\n};\n\nclass TagsInput extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: [],\n };\n }\n\n handleDelete(i) {\n const tags = this.state.tags.slice(0);\n tags.splice(i, 1);\n this.setState({ tags });\n }\n\n handleAddition(tag) {\n const tags = [].concat(this.state.tags, tag);\n if (tags.length <= this.props.limit) {\n this.setState({ tags });\n }\n }\n\n componentDidMount() {\n console.log(this.props.limit);\n }\n\n render() {\n return (\n \n \n \n \n
\n \n
\n \n {\n setSubmitting(true);\n let data = {\n values,\n tags,\n };\n\n CateringService.createCateringPayment(data)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n cogoToast.success(\"Store created successfully\", toastoptions);\n setTimeout(() => {\n history.push(\"/catering/catering-payment\");\n }, 200);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n\n console.log(data);\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n Configure Payment
\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 {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\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 {values.number_of_employees &&\n values.number_of_employees !== \"DEFAULT\" ? (\n \n \n\n \n ) : (\n \"\"\n )}\n\n {values.drop_off_option &&\n values.drop_off_option === \"yes\" ? (\n \n \n {tags &&\n tags.map((t, index) => (\n \n ) : (\n \"\"\n )}\n\n \n \n
\n \n Fill the details below to complete\n
*/}\n\n \n
\n ))}\n \n
\n );\n};\n\nexport default withRouter(ClosingReportDetails);\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { SalesService } from \"../../service/SalesService\";\nconst { SearchBar } = Search;\n\nconst ViewClosingReportDetails = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [reportData, setReportData] = useState(null);\n\n // let history = useHistory();\n\n // const handleViewDocRedirect = (id) => {\n // history.push(`/financials/store/doc/${store_id}/${id}`);\n // };\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Id\",\n sort: true,\n },\n {\n dataField: \"report_date\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"food_sales\",\n text: \"Food Sales\",\n sort: true,\n },\n {\n dataField: \"liquor\",\n text: \"Liquor\",\n sort: true,\n },\n {\n dataField: \"beer_wine\",\n text: \"Beer/Wine\",\n sort: true,\n },\n {\n dataField: \"sale_tax\",\n text: \"Sale Tax\",\n sort: true,\n },\n {\n dataField: \"gift_card_sold\",\n text: \"Gift Card Sold\",\n sort: true,\n },\n {\n dataField: \"tips_credit_card\",\n text: \"Gift Tips/Credit ards\",\n sort: true,\n },\n {\n dataField: \"tip_share\",\n text: \"Tip Share\",\n sort: true,\n },\n // {\n // dataField: \"gift_cards_redeem\",\n // text: \"Gift Cards Redeem\",\n // sort: true,\n // },\n // {\n // dataField: \"door_dash\",\n // text: \"Door Dash\",\n // sort: true,\n // },\n // {\n // dataField: \"compos_promos_voids\",\n // text: \"Comps/Promos/Voids\",\n // sort: true,\n // },\n // {\n // dataField: \"aloha_payment\",\n // text: \"Aloha Payment\",\n // sort: true,\n // },\n // {\n // dataField: \"bank_deposit\",\n // text: \"Bank Deposit\",\n // sort: true,\n // },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Sales Report {\" \"}\n \n \n \n ( Click on the box to view sales report extracted by accounting\n for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n {/* setMdShow(true)}\n >\n View More\n */}\n\n \n \n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const roundNumberUp = (num) => {\n return \"$\" + (Math.round(num * 100) / 100).toFixed(2);\n };\n\n useEffect(() => {\n const data = { store_id };\n SalesService.getSalesReportExtractForStore(data)\n .then((response) => {\n let dataResArray = [];\n console.log(response.data.data, \"Data right here\");\n // setExtractedData(response.data.data);\n response.data.data.map((res, index) => {\n return dataResArray.push({\n id: res.id,\n report_date: ConvertDateFormat(res.report_date),\n food_sales: res.food_sales,\n liquor: res.liquor ? roundNumberUp(res.liquor) : roundNumberUp(0),\n beer_wine: res.beer_wine\n ? roundNumberUp(res.beer_wine)\n : roundNumberUp(0),\n sale_tax: res.sale_tax\n ? roundNumberUp(res.sale_tax)\n : roundNumberUp(0),\n gift_card_sold: res.gift_card_sold\n ? roundNumberUp(res.gift_card_sold)\n : roundNumberUp(0),\n tips_credit_card: res.tips_credit_card\n ? roundNumberUp(res.tips_credit_card)\n : roundNumberUp(0),\n tip_share: res.tip_share\n ? roundNumberUp(res.tip_share)\n : roundNumberUp(0),\n gift_cards_redeem: res.gift_cards_redeem\n ? roundNumberUp(res.gift_cards_redeem)\n : roundNumberUp(0),\n door_dash: res.door_dash\n ? roundNumberUp(res.door_dash)\n : roundNumberUp(0),\n compos_promos_voids: res.compos_promos_voids\n ? roundNumberUp(res.compos_promos_voids)\n : roundNumberUp(0),\n aloha_payment: res.aloha_payment\n ? roundNumberUp(res.aloha_payment)\n : roundNumberUp(0),\n bank_deposit: res.bank_deposit\n ? roundNumberUp(res.bank_deposit)\n : roundNumberUp(0),\n });\n });\n setReportData(dataResArray);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n console.log(response.data.data);\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n return (\n \n
\n );\n};\n\nexport default withRouter(ViewClosingReportDetails);\n","import React, { useEffect, useState } from \"react\";\nimport { useParams, withRouter } from \"react-router\";\nimport { SalesService } from \"../../service/SalesService\";\nimport { Link } from \"react-router-dom\";\nimport { Button, Form, Modal } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport Swal from \"sweetalert2\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\n\nconst ViewAndDownloadReportDetails = () => {\n let { store_id, id } = useParams();\n const [fileUrl, setFileUrl] = useState(null);\n const [extractedData, setExtractedData] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [mdShow, setMdShow] = useState(false);\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n useEffect(() => {\n const data = { store_id, id };\n SalesService.downloadSalesExtract(data)\n .then((response) => {\n setExtractedData(response.data.data.extract);\n setIsLoading(false);\n console.log(response.data.data.extract, \"the date is here\");\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n\n \n \n {store ? store.name : \"\"}\n \n
\n \n\n {reportData && (\n
\n \n
\n )}\n \n
\n \n
\n Sales Report
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n {isLoading ? (\n
\n );\n};\n\nexport default withRouter(ViewAndDownloadReportDetails);\n","import React, { useEffect, useState } from \"react\";\n\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\n\nconst SalesReportStore = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n \n
\n ) : (\n \n {\n setSubmitting(true);\n\n if (\n values.bank_deposit &&\n values.cp_cc_amount &&\n values.door_dash_amount\n ) {\n console.log(values);\n Swal.fire({\n title: \"In progress\",\n text: \"Please wait...\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n onOpen: () => {\n Swal.showLoading();\n },\n });\n SalesService.updateSalesExtract(values)\n .then((response) => {\n setSubmitting(false);\n Swal.close();\n setMdShow(true);\n setFileUrl(response.data.data.url);\n console.log(response);\n })\n .catch((error) => {\n setSubmitting(false);\n console.log(error);\n console.log(error.response.data);\n Swal.fire({\n title: \"Error!\",\n text: error.response.data.message,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Error!\",\n text: `Please fill the required fields`,\n icon: \"error\",\n confirmButtonText: \"Ok\",\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n\n
\n )}\n \n
\n\n Sales Report Extract
\n\n \n \n \n\n
\n\n \n {\" \"}\n Report Details For{\" \"}\n \n \n {ConvertDateFormat(extractedData.report_date)}{\" \"}\n \n \n
\n\n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n \n\n \n {fileUrl && (\n \n \n
\n \n \n
\n )}\n \n
\n );\n};\n\nexport default withRouter(SalesReportStore);\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { SalesService } from \"../../service/SalesService\";\nconst { SearchBar } = Search;\n\nconst SalesReportList = () => {\n let { store_id } = useParams();\n const [store, setStore] = useState(null);\n const [reportData, setReportData] = useState(null);\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Id\",\n sort: true,\n },\n {\n dataField: \"report_date\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"action\",\n text: \"Action\",\n sort: false,\n formatter: (cellContent, row) => {\n return (\n \n
\n\n \n
\n \n \n Percentage Sales Report {\" \"}\n \n \n \n ( Click on the box to view the list of report for each store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n {/* setMdShow(true)}\n >\n View More\n */}\n\n \n \n \n
\n );\n },\n },\n ];\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n useEffect(() => {\n const data = { store_id };\n SalesService.getPercentageSalesForStore(data)\n .then((response) => {\n let dataResArray = [];\n response.data.data.map((res, index) => {\n return dataResArray.push({\n id: res.id,\n report_date: ConvertDateFormat(res.report_date),\n });\n });\n setReportData(dataResArray);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n return (\n \n
\n );\n};\n\nexport default withRouter(SalesReportList);\n","import cogoToast from \"cogo-toast\";\nimport React, { useEffect, useState } from \"react\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport { useParams, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormat } from \"../../components/ConvertDateFormat\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { SalesService } from \"../../service/SalesService\";\nconst { SearchBar } = Search;\n\nconst SalesReportDetails = () => {\n let { store_id, id } = useParams();\n const [store, setStore] = useState(null);\n const [reportData, setReportData] = useState(null);\n\n const columns = [\n {\n dataField: \"id\",\n text: \"Id\",\n sort: true,\n },\n {\n dataField: \"report_date\",\n text: \"Report Date\",\n sort: true,\n },\n {\n dataField: \"name\",\n text: \"Name\",\n sort: true,\n },\n {\n dataField: \"employee_number\",\n text: \"Employee Number\",\n sort: true,\n },\n {\n dataField: \"position\",\n text: \"Position\",\n sort: true,\n },\n {\n dataField: \"total_tips_sent\",\n text: \"InstantPay Tips\",\n sort: true,\n },\n {\n dataField: \"tips_as_server\",\n text: \"Tips as server\",\n sort: true,\n },\n {\n dataField: \"tips_as_coach_server\",\n text: \"Tips as Coach\",\n sort: true,\n },\n {\n dataField: \"sales_server\",\n text: \"Sales as Server\",\n sort: true,\n },\n {\n dataField: \"sales_coach_server\",\n text: \"Sales as Coach\",\n sort: true,\n },\n {\n dataField: \"total_sales\",\n text: \"Total Sales\",\n sort: true,\n },\n {\n dataField: \"percentage\",\n text: \"Percentage\",\n sort: true,\n },\n ];\n\n const rowStyle = (row, rowIndex) => {\n const style = {\n fontWeight: \"bold\",\n color: \"white\",\n };\n console.log(row, \"Row re oooooooo\");\n if (row.level_percentage === \"High\") {\n style.backgroundColor = \"#e3091e\";\n } else if (row.level_percentage === \"Low\") {\n style.backgroundColor = \"#eb9d27\";\n } else {\n style.backgroundColor = \"#2b9b45\";\n }\n\n return style;\n };\n\n const defaultSorted = [\n {\n dataField: \"id\",\n order: \"desc\",\n },\n ];\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const roundNumberUp = (num) => {\n return \"$\" + (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const roundNumberUpPercentage = (num) => {\n return num + \"%\";\n };\n\n useEffect(() => {\n const data = { store_id, id };\n SalesService.getPercentageSalesDetails(data)\n .then((response) => {\n let dataResArray = [];\n console.log(response.data.data, \"Data right here\");\n // setExtractedData(response.data.data);\n response.data.data.map((res, index) => {\n return dataResArray.push({\n id: res.id,\n report_date: ConvertDateFormat(res.report_date),\n name: res.name,\n employee_number: res.employee_number,\n position: res.position,\n level_percentage: res.level_percentage,\n total_tips_sent: res.total_tips_sent\n ? roundNumberUp(res.total_tips_sent)\n : roundNumberUp(0),\n tips_as_server: res.tips_as_server\n ? roundNumberUp(res.tips_as_server)\n : roundNumberUp(0),\n tips_as_coach_server: res.tips_as_coach_server\n ? roundNumberUp(res.tips_as_coach_server)\n : roundNumberUp(0),\n sales_server: res.sales_server\n ? roundNumberUp(res.sales_server)\n : roundNumberUp(0),\n sales_coach_server: res.sales_coach_server\n ? roundNumberUp(res.sales_coach_server)\n : roundNumberUp(0),\n total_sales: res.total_sales\n ? roundNumberUp(res.total_sales)\n : roundNumberUp(0),\n percentage: res.percentage\n ? roundNumberUpPercentage(res.percentage)\n : roundNumberUpPercentage(0),\n });\n });\n setReportData(dataResArray);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n });\n\n SystemConfigService.getStore(store_id)\n .then((response) => {\n setStore(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n cogoToast.error(error.response.data.message, toastoptions);\n });\n }, []);\n\n return (\n \n
\n\n \n \n {store ? store.name : \"\"}\n \n \n \n \n \n \n \n
\n \n\n {reportData && (\n
\n \n
\n )}\n \n
\n \n
\n Percentage Sales Report
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(SalesReportDetails);\n","import AccountingReport from \"../accounting/ClosingReportDetails\";\nimport ViewAccountingReportDetails from \"../accounting/ViewClosingReportDetails\";\nimport ViewAndDownloadReportDetails from \"../accounting/ViewAndDownloadReportDetails\";\nimport SalesPercentageReportStore from \"../accounting/SalesReportStore\";\nimport SalesPercentageReportList from \"../accounting/SalesReportList\";\nimport SalesPercentageReportDetails from \"../accounting/SalesReportDetails\";\n\nconst accountingRoutes = [\n { path: \"/accounting/report\", component: AccountingReport },\n { path: \"/accounting/sales-report/:store_id\", component: ViewAccountingReportDetails },\n { path: \"/accounting/view-sales-report/:store_id/:id\", component: ViewAndDownloadReportDetails },\n { path: \"/percentage/report\", component: SalesPercentageReportStore },\n { path: \"/percentage/view-report/:store_id\", component: SalesPercentageReportList },\n { path: \"/percentage/view-details/:store_id/:id\", component: SalesPercentageReportDetails },\n];\n\nexport default accountingRoutes;\n","import Api from \"./Api\";\n\nexport class MaintenanceReportService {\n static async submitMaintenanceReport(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`maintenance/maintenance-report-request`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllTasksForAWorkroom(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/all-tasks-store/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async deleteTasksFromWorkroom(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/delete-task-store/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async archiveTasksFromWorkroom(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/archive-task-store/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async markTaskAsComplete(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/mark-task-complete/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getCommentsForATask(id) {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/get-task-comment/${id}`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async createCommentForATask(data) {\n return new Promise((resolve, reject) => {\n return Api.post(`maintenance/create-task-comment`, data)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllOpenedReport(data) {\n return new Promise((resolve, reject) => {\n return Api.get(\n `maintenance/opened-reports/${data.duration}/${data.status}`\n )\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllClosedReport() {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/closed-reports`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n\n static async getAllReport() {\n return new Promise((resolve, reject) => {\n return Api.get(`maintenance/all-reports`)\n .then((response) => {\n resolve(response);\n })\n .catch((error) => {\n reject(error);\n });\n });\n }\n}\n","import moment from \"moment\";\nimport React from \"react\";\nimport { ConvertDateFormatForHuman } from \"../../../components/ConvertDateFormat\";\n\nconst TaskHovering = ({ task }) => {\n return (\n \n
\n\n \n \n {store ? store.name : \"\"}\n \n \n \n \n \n \n \n
\n \n\n {reportData && (\n
\n \n
\n )}\n \n
\n \n
\n Sales Report
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n \n
\n\n - \n
- \n {/*
*/}\n \n\n\n\n\n{task.subject}\n ) : (\n {task.subject}\n )}\n \n\n\n\n {/* {task.priority} */}\n {task.tags.map((i, index) => (\n\n ))}\n
\n \n Due On: {moment(task.dueDate).format(\"LLLL\")}\n
\n \n\n \n
\n \n \n \n \n );\n};\n\nexport default TaskHovering;\n","import { Formik } from \"formik\";\nimport moment from \"moment\";\nimport React, { Component, useEffect } from \"react\";\nimport { useState } from \"react\";\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\nimport { Dropdown, ProgressBar, Modal, Button, Form } from \"react-bootstrap\";\nimport DatePicker from \"react-datepicker\";\nimport { Link } from \"react-router-dom\";\nimport { ConvertDateFormatForHuman } from \"../../components/ConvertDateFormat\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { MaintenanceReportService } from \"../../service/MaintenanceReportService\";\nimport TaskHovering from \"./components/TaskHovering\";\n\nexport class Column extends Component {\n constructor(props) {\n super(props);\n this.taskClickHandler = this.taskClickHandler.bind(this);\n this.handleItemRemoval = this.handleItemRemoval.bind(this);\n this.state = {\n tasks: this.props.tasks,\n };\n }\n\n taskClickHandler() {\n alert(\"I was clicked\");\n }\n\n handleItemRemoval(id, columnId) {\n console.log(id, \"Item to be removed\");\n let tasks = this.state.tasks.filter((task) => task.taskId !== id);\n this.setState({ tasks });\n\n this.props.handleTaskRemoval(id, columnId);\n }\n\n render() {\n return (\n \n
\n \n \n \n {task.commentsCount}\n
\n \n \n
\n\n \n {/* `${calculateDueDate(task.dueDate)}` */}\n {moment(task.dueDate).isSame(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n {moment(task.dueDate).isBefore(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n {moment(task.dueDate).isAfter(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n
\n \n \n {(provided) => (\n \n {this.state.tasks.map((task, index) => (\n {\n alert(\"Short cut\");\n this.taskClickHandler();\n }}\n />\n ))}\n {provided.placeholder}\n
\n )}\n \n \n \n );\n }\n}\n\nconst Task = ({ task, index, handleItemClick }) => {\n const [previewMode, setPreviewMode] = useState(false);\n const [mdShow, setMdShow] = useState(false);\n const [taskClicked, setTaskClicked] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [isHovering, setIsHovering] = useState(false);\n const [editTaskMode, setEditTaskMode] = useState(false);\n const [editCommentMode, setEditCommentMode] = useState(false);\n const [taskComments, setTaskComments] = useState(null);\n\n const handleEdit = (e, task) => {\n console.log(task, \"this is the task to edit\");\n setMdShow(true);\n setTaskClicked(task);\n };\n\n const handleComplete = (e, task) => {\n console.log(task, \"this is the task to complete\");\n setIsLoading(true);\n setMdShow(false);\n MaintenanceReportService.markTaskAsComplete(task.taskId)\n .then((response) => {\n console.log(response);\n // handleTaskStrike(e, task.taskId);\n handleItemClick(task.taskId, task.columnId);\n setIsLoading(false);\n })\n .catch((error) => {\n console.log(error);\n setIsLoading(false);\n });\n };\n\n const handleArchive = (e, task) => {\n console.log(task, \"this is the task to Archive\");\n setIsLoading(true);\n setMdShow(false);\n MaintenanceReportService.archiveTasksFromWorkroom(task.taskId)\n .then((response) => {\n console.log(response);\n handleItemClick(task.taskId, task.columnId);\n setIsLoading(false);\n })\n .catch((error) => {\n console.log(error);\n setIsLoading(false);\n });\n };\n\n const handleDelete = (e, task) => {\n setIsLoading(true);\n console.log(task, \"this is the task to Delete\");\n MaintenanceReportService.deleteTasksFromWorkroom(task.taskId)\n .then((response) => {\n console.log(response);\n handleItemClick(task.taskId, task.columnId);\n setIsLoading(false);\n })\n .catch((error) => {\n console.log(error);\n setIsLoading(false);\n });\n };\n\n const handleMouseOver = () => {\n setIsHovering(true);\n };\n\n const handleMouseOut = () => {\n setIsHovering(false);\n };\n\n return (\n \n \n \n {this.props.column.title}{\" \"}\n \n\n \n {this.state.tasks.length}{\" \"}\n {this.state.tasks.length > 1 ? \"issues\" : \"issue\"}\n \n
\n \n\n - \n
\n {\n console.log(task, \"This is the clicked tasks\");\n setMdShow(true);\n setTaskClicked(task);\n }}\n onMouseOver={handleMouseOver}\n onMouseOut={handleMouseOut}\n >\n \n \n {\" \"}\n {task.short}\n \n \n \n \n {task.completeDate ? (\n {task.subject}\n ) : (\n {task.subject}\n )}\n\n {isLoading &&
\n \n
\n \n\n \n {/* {task.priority} */}\n {task.tags.map((i, index) => (\n \n {i}\n
\n ))}\n \n
\n\n \n
\n \n \n \n {task.commentsCount}\n
\n \n \n
\n\n \n {/* `${calculateDueDate(task.dueDate)}` */}\n {moment(task.dueDate).isSame(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n {moment(task.dueDate).isBefore(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n {moment(task.dueDate).isAfter(moment(), \"day\") && (\n \n \n \n {ConvertDateFormatForHuman(task.dueDate)}\n \n )}\n
\n \n {isHovering && (\n \n
\n )}\n \n \n \n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n // style={{ margin: \"auto\", width: \"50%\", padding: \"10px\" }}\n\n id=\"reportNoteModalWrapper\"\n onEntering={() => {\n MaintenanceReportService.getCommentsForATask(task.taskId)\n .then((response) => {\n console.log(response.data.data);\n setTaskComments(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n \n {/* Modal title */}\n \n \n {taskClicked && (\n \n {\" \"}\n {task.tags.map((i, index) => (\n \n {i}\n
\n ))}{\" \"}\n \n\n \n
\n\n \n \n \n Due On: {moment(task.dueDate).format(\"LLLL\")}\n
\n \n {taskClicked.completeDate ? (\n
\n\n \n {\" \"}\n {taskClicked.subject}{\" \"}\n
{taskClicked.subject}
\n )}\n\n
\n\n
\n\n
\n {taskComments && (\n
\n )}\n\n \n {taskComments.map((comm, index) => (\n \n
\n ))}\n \n \n {\" \"}\n {comm.createUser.__descriptor}\n \n \n {moment(comm.createDate).format(\"LLLL\")}\n \n
\n \n
\n {comm.comment}
\n\n {\n setSubmitting(true);\n console.log(values);\n MaintenanceReportService.createCommentForATask(\n values\n )\n .then((response) => {\n console.log(response.data.data);\n setSubmitting(false);\n setMdShow(false);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n }) => (\n \n )}\n \n
\n \n \n\n \n
\n \n )}\n \n \n {\n setEditTaskMode(true);\n }}\n >\n Edit Issue\n \n
\n\n \n {!taskClicked.completeDate ? (\n handleComplete(e, taskClicked)}\n >\n MARK COMPLETE\n \n ) : (\n \"\"\n )}\n
\n\n \n \n
\n\n {/* \n \n
*/}\n\n \n \n
\n\n \n handleArchive(e, taskClicked)}\n >\n ARCHIVE\n \n
\n \n
\n );\n }\n}\n\nexport default MESReport;\n/** \n
\n \n
\n
\n \n
\n {isLoading ? (\n \n Maintenance Request Board\n
\n\n \n \n Back\n \n \n
\n \n
\n \n \n \n\n \n\n
\n \n {\n console.log(d1);\n // setDate(d1);\n // handleChangeDate\n // setFieldValue(`date`, d1 ? d1 : \"\");\n }}\n />\n
\n\n \n \n {!taskDataDetails && (\n
\n )}\n \n
\n )}\n\n No Data Found
\n\n \n {taskDataDetails ? (\n
\n \n {taskDataDetails.columnOrder.map((columnId) => {\n const column =\n this.state.taskDataDetails.columns[columnId];\n const tasks = column.taskIds.map((t) => {\n return t;\n });\n //return column.title;\n return (\n
\n ) : (\n \n )}\n \n \n
\n \n );\n};\n\nexport default AllReports;\n","import { Formik } from \"formik\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { MaintenanceReportService } from \"../../../service/MaintenanceReportService\";\n\nconst MiReports = () => {\n const [reports, setReports] = useState(null);\n useEffect(() => {\n let data = {\n duration: \"today\",\n status: \"opened\",\n };\n MaintenanceReportService.getAllOpenedReport(data)\n .then((response) => {\n console.log(response.data.data);\n setReports(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n return (\n \n
\n\n \n
\n \n
\n \n {\n setSubmitting(true);\n MaintenanceReportService.getAllOpenedReport(values)\n .then((response) => {\n setReports(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n {reports && (\n
\n )}\n \n {Object.entries(reports).map(([key, value]) => (\n
\n ))}\n \n
\n \n ))}\n \n {key}
\n- \n {value.map((rep, index) => (\n
- \n
\n {rep.issue_type === \"ei\" && (\n
\n{rep.subject}
\n{rep.body}
\n\n \n Submitted by: {rep.submitted_by}\n {\" \"}\n || \n \n Priority:\n {rep.priority === \"normal\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"medium\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"high\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n \n || \n \n {\" \"}\n Status :{\" \"}\n \n {rep.status.toUpperCase()}\n \n {\" \"}\n || \n \n {\" \"}\n Ticket Number: {rep.ticket_number}\n {\" \"}\n || \n {\" \"}\n {moment(rep.created_on).format(\"LL\")}\n
\n
\n
\n \n );\n};\n\nexport default MiReports;\n","import { Formik } from \"formik\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { MaintenanceReportService } from \"../../../service/MaintenanceReportService\";\n\nconst ErReports = () => {\n const [reports, setReports] = useState(null);\n useEffect(() => {\n let data = {\n duration: \"today\",\n status: \"opened\",\n };\n MaintenanceReportService.getAllOpenedReport(data)\n .then((response) => {\n console.log(response.data.data);\n setReports(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n return (\n \n
\n \n
\n \n
\n \n {\n setSubmitting(true);\n MaintenanceReportService.getAllOpenedReport(values)\n .then((response) => {\n setReports(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n {reports && (\n
\n )}\n \n {Object.entries(reports).map(([key, value]) => (\n
\n ))}\n \n
\n \n ))}\n \n {key}
\n- \n {value\n .filter((report) => report.issue_type === \"mi\")\n .map((rep, index) => (\n
- \n
\n {rep.issue_type === \"ei\" && (\n
\n{rep.subject}
\n{rep.body}
\n\n \n Submitted by: {rep.submitted_by}\n {\" \"}\n || \n \n Priority:\n {rep.priority === \"normal\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"medium\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"high\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n \n || \n \n {\" \"}\n Status :{\" \"}\n \n {rep.status.toUpperCase()}\n \n {\" \"}\n || \n \n {\" \"}\n Ticket Number: {rep.ticket_number}\n {\" \"}\n || \n {\" \"}\n {moment(rep.created_on).format(\"LL\")}\n
\n
\n
\n \n );\n};\n\nexport default ErReports;\n","import { Formik } from \"formik\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { MaintenanceReportService } from \"../../../service/MaintenanceReportService\";\n\nconst SiReports = () => {\n const [reports, setReports] = useState(null);\n useEffect(() => {\n let data = {\n duration: \"today\",\n status: \"opened\",\n };\n MaintenanceReportService.getAllOpenedReport(data)\n .then((response) => {\n console.log(response.data.data);\n setReports(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n return (\n \n
\n \n
\n \n
\n \n {\n setSubmitting(true);\n MaintenanceReportService.getAllOpenedReport(values)\n .then((response) => {\n setReports(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n {reports && (\n
\n )}\n \n {Object.entries(reports).map(([key, value]) => (\n
\n ))}\n \n
\n \n ))}\n \n {key}
\n- \n {value\n .filter((report) => report.issue_type === \"ei\")\n .map((rep, index) => (\n
- \n
\n {rep.issue_type === \"ei\" && (\n
\n{rep.subject}
\n{rep.body}
\n\n \n Submitted by: {rep.submitted_by}\n {\" \"}\n || \n \n Priority:\n {rep.priority === \"normal\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"medium\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"high\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n \n || \n \n {\" \"}\n Status :{\" \"}\n \n {rep.status.toUpperCase()}\n \n {\" \"}\n || \n \n {\" \"}\n Ticket Number: {rep.ticket_number}\n {\" \"}\n || \n {\" \"}\n {moment(rep.created_on).format(\"LL\")}\n
\n
\n
\n \n );\n};\n\nexport default SiReports;\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const AccountingReportsUpload = ({ setFieldValue, name }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n // const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({\n // Disable click and keydown behavior\n noClick: false,\n noKeyboard: true,\n accept: \".csv, .xlsx\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\"File format not supported\", toastoptions);\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\n \"You cannot upload more than 1 file at a time\",\n toastoptions\n );\n } else {\n setFieldValue(name, acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n \n
\n \n
\n \n {\n setSubmitting(true);\n MaintenanceReportService.getAllOpenedReport(values)\n .then((response) => {\n setReports(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n {reports && (\n
\n )}\n \n {Object.entries(reports).map(([key, value]) => (\n
\n ))}\n \n
\n \n ))}\n \n {key}
\n- \n {value\n .filter((report) => report.issue_type === \"si\")\n .map((rep, index) => (\n
- \n
\n {rep.issue_type === \"ei\" && (\n
\n{rep.subject}
\n{rep.body}
\n\n \n Submitted by: {rep.submitted_by}\n {\" \"}\n || \n \n Priority:\n {rep.priority === \"normal\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"medium\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n\n {rep.priority === \"high\" && (\n \n {rep.priority.toUpperCase()}\n \n )}\n \n || \n \n {\" \"}\n Status :{\" \"}\n \n {rep.status.toUpperCase()}\n \n {\" \"}\n || \n \n {\" \"}\n Ticket Number: {rep.ticket_number}\n {\" \"}\n || \n {\" \"}\n {moment(rep.created_on).format(\"LL\")}\n
\n
\n \n \n \n
\n \n\n {files.length <= 2 ? (\n \n ) : (\n \"\"\n )}\n \n );\n};\n","import MESReport from \"../report/MESReport\";\nimport ListStoresForReport from \"../report/ListStoresForReport\";\nimport NewAccountingReport from \"../report/AccountingReport\";\n\nconst reportRoutes = [\n { path: \"/report/mes/:id\", component: MESReport },\n { path: \"/report/list-stores\", component: ListStoresForReport },\n { path: \"/report/accounting-report\", component: NewAccountingReport },\n];\n\nexport default reportRoutes;\n","import React, { useEffect, useState } from \"react\";\n\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../components/Spinner\";\nimport { SystemConfigService } from \"../../service/configService\";\nimport { Col, Row, Nav, Tab } from \"react-bootstrap\";\nimport AllReports from \"./components/AllReports\";\nimport MiReports from \"./components/MiReports\";\nimport ErReports from \"./components/ErReports\";\nimport SiReports from \"./components/SiReports\";\n\nconst ListStoresForReport = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n return (\n \n \n
\n \n Drag & drop a file here or Click to upload\n
\n\n
\n );\n};\n\nexport default ListStoresForReport;\n","import { Formik } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\nimport { Form, Modal } from \"react-bootstrap\";\nimport { useHistory } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport Swal from \"sweetalert2\";\nimport { AccountingReportsUpload } from \"../../components/AccountingReportsUpload\";\nimport { SalesService } from \"../../service/SalesService\";\nimport { UserService } from \"../../service/userService\";\n\nconst AccountingReport = () => {\n\n const [reportReady, setReportReady] = useState(false)\n const [mdShow, setMdShow] = useState(false);\n const [fileUrl, setFileUrl] = useState(null);\n\n const history = useHistory();\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 {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n \n {\" \"}\n {value.name}\n \n {value.address}\n
\n
\n \n ({value.location_id})\n \n \n
\n \n
\n \n ({value.location_id})\n \n
\n {!reportReady && (\n {\n setSubmitting(true);\n\n const data = new FormData();\n\n if (\n values.accounting_report_attachment &&\n values.accounting_report_attachment.length > 0\n ) {\n values.accounting_report_attachment.map((file) => {\n return data.append(\n \"accounting_report_attachment[]\",\n file,\n file.name\n );\n });\n\n SalesService.accountReportUpload(data)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n setMdShow(true);\n setFileUrl(response.data.data.url);\n // setBulkReport(response.data.data.reportInfo);\n // setReportReady(true);\n\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error,\n icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Payment works\");\n }\n });\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Check all inputs\",\n icon: \"error\",\n html: \"Check inputs and ensure to attach the required file\",\n // title: \"Error\",\n text: \"\",\n // icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Labor info works\");\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n setFieldValue,\n isSubmitting,\n }) => (\n \n
\n\n \n
\n\n \n \n \n
\n Accounting Report
\n\nUpload Report
\n\n \n Submit \n {isSubmitting ? (\n
\n \n )}\n \n )}\n \n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n \n\n \n {fileUrl && (\n \n \n
\n \n \n
\n )}\n \n
\n );\n};\n\nexport default withRouter(ViewFeedback);\n","import ViewFeedbacks from \"../feedback/View\";\nimport CreatedFeedbacks from \"../feedback/Create\";\n\nconst feedbackRoutes = [\n { path: \"/feedback\", component: CreatedFeedbacks },\n { path: \"/feedback-view\", component: ViewFeedbacks },\n];\n\nexport default feedbackRoutes;\n","import React from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { withRouter, Link, useHistory } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport { FeedbackService } from \"../../service/FeedbackService\";\nimport { Utility } from \"../../Helpers/utils\";\n\nconst CreateFeedback = () => {\n let history = useHistory();\n const user = Utility.getUser();\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n return (\n \n
\n \n \n \n \n
\n \n
\n \n
\n \n {feedbackList && (\n
\n \n
\n )}\n Portal Feedback
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n Search in table:
\n\n
\n );\n};\n\nexport default withRouter(CreateFeedback);\n","const bonusReducer = (state, { type, payload }) => {\n switch (type) {\n case \"SET_INITIAL_DATA\":\n return {\n ...state,\n storeId: payload.storeId,\n year: payload.year,\n quarter: payload.quarter,\n months: determineMonth(payload.quarter),\n };\n case \"SET_SALES_DATA\":\n return {\n ...state,\n sales: { ...state.sales, [payload.key]: payload.value },\n };\n case \"SET_COGS_DATA\":\n return {\n ...state,\n cogs: { ...state.cogs, [payload.key]: payload.value },\n };\n case \"SET_GROSS_PROFIT_DATA\":\n return {\n ...state,\n grossProfit: { ...state.grossProfit, [payload.key]: payload.value },\n };\n case \"SET_OPERATING_EXPENSES_DATA\":\n return {\n ...state,\n operatingExpenses: {\n ...state.operatingExpenses,\n [payload.key]: payload.value,\n },\n };\n case \"SET_ADMINISTRATIVE_EXPENSES_DATA\":\n return {\n ...state,\n sales: payload.sales,\n };\n case \"SET_TOTAL_EXPENSES_DATA\":\n return {\n ...state,\n sales: payload.sales,\n };\n case \"SET_OPERATING_INCOME_DATA\":\n return {\n ...state,\n sales: payload.sales,\n };\n default:\n throw new Error(`Unknown action type: ${type}`);\n }\n};\n\nconst determineMonth = (quarter) => {\n var firstMonth, secondMonth, thirdMonth;\n switch (quarter) {\n case \"1\":\n firstMonth = \"Jan\";\n secondMonth = \"Feb\";\n thirdMonth = \"Mar\";\n break;\n case \"2\":\n firstMonth = \"April\";\n secondMonth = \"May\";\n thirdMonth = \"June\";\n break;\n case \"3\":\n firstMonth = \"Jul\";\n secondMonth = \"Aug\";\n thirdMonth = \"Sept\";\n break;\n case \"4\":\n firstMonth = \"Oct\";\n secondMonth = \"Nov\";\n thirdMonth = \"Dec\";\n break;\n default:\n throw new Error(`Unknown quarter: ${quarter}`);\n }\n\n return { firstMonth, secondMonth, thirdMonth };\n};\nexport default bonusReducer;\n","import React, { createContext, useReducer } from \"react\";\nimport bonusReducer from \"./BonusReducer\";\n\nconst BonusContext = createContext();\n\nexport const BonusProvider = ({ children }) => {\n const initialStates = {\n year: \"\",\n quarter: \"\",\n storeId: \"\",\n months: {},\n sales: {},\n cogs: {},\n grossProfit: {},\n operatingExpenses: {},\n administrativeExpenses: {},\n totalExpenses: {},\n operatingIncome: {},\n admonFee: {},\n interest: {},\n subTotal: {},\n otherIncome: {},\n netProfit: {},\n bulkUpload: {},\n };\n\n const [state, dispatch] = useReducer(bonusReducer, initialStates);\n\n return (\n \n
\n\n \n
\n {user && (user.role === \"super admin\" || user.role === \"hr\") ? (\n \n \n \n ) : (\n \"\"\n )}\n
\n \n
\n \n {\n setSubmitting(true);\n\n FeedbackService.createNewFeedback(values)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n cogoToast.success(\n \"Thanks for the feedback. Submitted successfully\",\n toastoptions\n );\n values.experience = \"\";\n values.feedback = \"\";\n // window.location.reload();\n history.push(\"/dashboard\");\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n
\n Send Feedback
\n \n\n
\n )}\n \n \n
\n \n
\n \n \n Tell us what you love about the portal, or what we could\n do better.\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n
\n \n {\n setSubmitting(true);\n if (values.store && values.year && values.quarter) {\n dispatch({\n type: \"SET_INITIAL_DATA\",\n payload: {\n storeId: values.store,\n year: values.year,\n quarter: values.quarter,\n },\n });\n // console.log(values);\n history.push(\"/bonus/create-bonus-payout\");\n } else {\n toastMessages.warning(\"Please fill all the fields\");\n setSubmitting(false);\n }\n }}\n >\n {({ values, errors, handleChange, handleSubmit, isSubmitting, setFieldValue }) => (\n
\n );\n};\n\nexport default withRouter(BonusSelector);\n","import React from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport cogoToast from \"cogo-toast\";\n\nexport const BulkBonusUpload = ({ setFieldValue, name }) => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const { getRootProps, getInputProps, acceptedFiles } = useDropzone({\n // const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({\n // Disable click and keydown behavior\n noClick: false,\n noKeyboard: true,\n accept: \".csv, .xlsx\",\n onDrop: (acceptedFiles, rejectedFiles) => {\n if (rejectedFiles.length > 0) {\n cogoToast.error(\"File format not supported\", toastoptions);\n }\n if (acceptedFiles.length === 0) {\n return;\n } else if (acceptedFiles.length > 1) {\n cogoToast.error(\n \"You cannot upload more than 1 file at a time\",\n toastoptions\n );\n } else {\n setFieldValue(name, acceptedFiles);\n }\n },\n });\n\n const files = acceptedFiles.map((file) => (\n \n
\n \n \n
\n
\n )}\n \n \n
\n \n
\n \n
\n \n
\n\n Select Details for Bonus Payout to Proceed
\n\n \n
\n\n \n \n \n \n
\n \n\n \n \n \n
\n \n\n {files.length <= 2 ? (\n \n ) : (\n \"\"\n )}\n \n );\n};\n","import React, { useState, useContext, useEffect } from \"react\";\nimport { Formik } from \"formik\";\nimport { Spinner, Form } from \"react-bootstrap\";\nimport { BulkBonusUpload } from \"../../../components/BulkBonusUpload\";\nimport { UserService } from \"../../../service/userService\";\nimport Swal from \"sweetalert2\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\nimport { Link, useHistory } from \"react-router-dom\";\n\nconst BulkBonusUploadFile = () => {\n const [reportReady, setReportReady] = useState(false);\n\n const history = useHistory();\n\n const { dispatch, bulkUpload } = useContext(BonusContext);\n\n return (\n \n \n
\n \n Drag & drop a file here or Click to upload\n
\n\n {!reportReady && (\n {\n setSubmitting(true);\n\n const data = new FormData();\n\n if (\n values.bonus_report_attachment_1 &&\n values.bonus_report_attachment_1.length > 0 &&\n values.bonus_report_attachment_2 &&\n values.bonus_report_attachment_2.length > 0 &&\n values.year_1 &&\n values.year_2 &&\n values.quarter_2 &&\n values.quarter_1\n ) {\n values.bonus_report_attachment_1.map((file) => {\n return data.append(\"bonus_report_attachment_1[]\", file, file.name);\n });\n\n values.bonus_report_attachment_2.map((file) => {\n return data.append(\"bonus_report_attachment_2[]\", file, file.name);\n });\n\n data.append(\"year_1\", values.year_1);\n data.append(\"year_2\", values.year_2);\n data.append(\"quarter_1\", values.quarter_1);\n data.append(\"quarter_2\", values.quarter_2);\n\n UserService.uploadBulkBonusDetails(data)\n .then((response) => {\n setSubmitting(false);\n // setBulkReport(response.data.data.reportInfo);\n // setReportReady(true);\n history.push(\"/bonus/view-bulk-upload-breakdown\", {\n year_1: values.year_1,\n year_2: values.year_2,\n quarter: values.quarter_1,\n storeId: 1,\n });\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error,\n icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Payment works\");\n }\n });\n // cogoToast.error(error.response.data.message, toastoptions);\n });\n } else {\n setSubmitting(false);\n Swal.fire({\n title: \"Check all inputs\",\n icon: \"error\",\n html: \"Check inputs and ensure to attach the required file\",\n // title: \"Error\",\n text: \"\",\n // icon: \"error\",\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Ok\",\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n console.log(\"Labor info works\");\n }\n });\n }\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleSubmit,\n setFieldValue,\n isSubmitting,\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 First Year
\n\nUpload Report
\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 Second Year
\nUpload Report
\n\n \n
\n \n )}\n \n )}\n \n {reportReady && (\n
\n \n
\n )}\n Report uploaded successfully.
\n \n \n \n\n {\n setSubmitting(true);\n if (values.year_1 && values.year_2 && values.quarter_1) {\n history.push(\"/bonus/view-bulk-upload-breakdown\", {\n year_1: values.year_1,\n year_2: values.year_2,\n quarter: values.quarter_1,\n storeId: 1,\n });\n } else {\n toastMessages.error(\"Please fill all the fields\");\n setSubmitting(false);\n }\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n );\n};\n\nexport default withRouter(SelectViewBonus);\n","const ShowCriteria = (condition) => {\n let message;\n\n switch (condition) {\n case true:\n message = \"Meet Criteria\";\n break;\n case false:\n message = \"Did Not Meet Criteria\";\n break;\n default:\n message = \"Criteria not specified\";\n }\n\n return message;\n};\n\nexport default ShowCriteria;\n","import React from \"react\";\n\nconst CriteriaMark = (condition) => {\n if (condition === true) {\n return (\n \n
\n \n \n
\n
\n )}\n \n \n
\n \n \n Compare and Compute\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 \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 \n
\n ))}\n \n\n \n {breakdownData &&\n breakdownData.map((data, index) => (\n \n \n \n \n
\n\n \n \n
\n
\n \n \n \n
\n
\n\n | Manager's Name | \n{data.managerName} | \n
|---|---|
| Salary | \n\n | \n
| Annual Bonus: | \n\n | \n
| Quarter | Base: | \n\n | \n
| Manager Type : | \n{data.manager_type.toUpperCase()} | \n\n {`Q${quarter}`} - Total Earned Bonus :{\" \"}\n | \n\n | \n \n
| KPIs | \n% | \n{`Q${quarter}`} | \n$ | \n\n \n |
|---|---|---|---|---|
| {kpi.name} | \n{kpi.percentage} | \n{ShowCriteria(kpi.condition)} | \n\n {\" \"}\n | \n {CriteriaMark(kpi.condition)} | \n
| Total Bonus | \n\n | \n \n
Reviewed By : ____________
\nAuthorized By : ____________
\n \n \n );\n};\n\nexport default BonusPayout;\n","import React from \"react\";\n\nconst BonusReviews = ({ quarter }) => {\n return (\n\n \n \n
\n
\n );\n};\n\nexport default BonusReviews;\n","import React, { useState, useEffect } from \"react\";\nimport { BonusPayoutService } from \"../../../../service/BonusPayoutService\";\n\nconst BonusEvaluation = ({ quarter, year, storeId }) => {\n const [evaluationStat, setEvaluationStat] = useState(null);\n\n let data = {\n year,\n quarter,\n store_id: storeId,\n };\n\n useEffect(() => {\n BonusPayoutService.getEvaluationStatsFromDB(data)\n .then((response) => {\n setEvaluationStat(response.data.data.evaluation);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n | Reviews | \n\n {\" \"}\n Q{quarter}{\" \"}\n | \n
|---|---|
| Sales | \n\n\n |
| Score | \n\n33 | \n
| Average Rating | \n\n62 | \n
| Total Reviews | \n\n96 | \n
| Response Rate | \n\n36 | \n
| Response Time | \n\n85 | \n
\n \n \n
\n\n
\n );\n};\n\nexport default BonusEvaluation;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport Swal from \"sweetalert2\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport NumberFormat from \"react-number-format\";\nimport { RoundNumberUp } from \"../../../components/Utils/RoundNumberUp\";\nimport ShowCriteria from \"../components/ShowCriteria\";\nimport CriteriaMark from \"../components/CriteriaMark\";\nimport BonusPayout from \"../components/breakdown/BonusPayout\";\nimport BonusReviews from \"../components/breakdown/BonusReviews\";\nimport BonusEvaluation from \"../components/breakdown/BonusEvaluation\";\n\nconst ViewBonusBreakdown = () => {\n const history = useHistory();\n\n const [breakdownData, setBreakdownData] = useState(null);\n\n const year_1 = history.location.state.year_1;\n const year_2 = history.location.state.year_2;\n const quarter = history.location.state.quarter;\n const storeId = history.location.state.storeId;\n\n useEffect(() => {\n BonusPayoutService.getBreakdownForAQuarter({\n year_1,\n year_2,\n quarter,\n store: storeId,\n })\n .then((response) => {\n console.log(response.data.data);\n setBreakdownData(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data.message);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"info\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n }, []);\n\n return (\n Evaluation from Staff
\n| Manager's Name | \nResult | \n*TE | \n*TS | \n% | \n
|---|---|---|---|---|
| {evaluation.managerName} | \n{evaluation.result} | \n{evaluation.totalEmployee} | \n{evaluation.totalSurveyForAManager} | \n{evaluation.percentageEvaluation} | \n
\n
\n \n {\" \"}\n *TE:{\" \"}\n \n {\" \"}\n Total Employees\n \n
{\" \"}\n\n {\" \"}\n *TS:{\" \"}\n \n {\" \"}\n Total Surveys\n \n
{\" \"}\n\n
\n );\n};\n\nexport default withRouter(ViewBonusBreakdown);\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { Link } from \"react-router-dom\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport Swal from \"sweetalert2\";\n\nconst ViewBulkUploadBreakdown = () => {\n const history = useHistory();\n\n const [bonusDataYear1, setBonusDataYear1] = useState(null);\n const [bonusDataYear2, setBonusDataYear2] = useState(null);\n const [bonusIncrease, setBonusIncrease] = useState(null);\n\n // if (history.location.state == undefined) {\n // history.push(\"/bonus/bulk-upload\");\n // } else {\n // console.log(history.location.state);\n // }\n\n const year_1 = history.location.state.year_1;\n const year_2 = history.location.state.year_2;\n const quarter = history.location.state.quarter;\n const storeId = history.location.state.storeId;\n\n const m1 = \"Jan\";\n const m2 = \"Feb\";\n const m3 = \"Mar\";\n const currentQuarter = quarter;\n const currentYear = year_1;\n const nextYear = year_2;\n\n const handleBonusBreakdown = () => {\n history.push(\"/bonus/view-bonus-payout-breakdown\", {\n year_1,\n year_2,\n quarter,\n storeId,\n });\n };\n\n useEffect(() => {\n BonusPayoutService.getBulkPayoutAndIncrease(\n year_1,\n year_2,\n quarter,\n storeId\n )\n .then((response) => {\n console.log(response.data.data);\n setBonusDataYear1(response.data.data.bonusDataYear1);\n setBonusDataYear2(response.data.data.bonusDataYear2);\n setBonusIncrease(response.data.data.bonusIncrease);\n })\n .catch((error) => {\n console.log(error);\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 BONUS PAYOUT - Q{quarter} {year_2}\n
\nLocation: {getStoreName(storeId)}
\n\n\n
\n \n
\n\n \n
\n\n \n
\n \n
\n );\n};\n\nexport default ViewBulkUploadBreakdown;\n","import React, { useEffect, useState } from \"react\";\nimport NumberFormat from \"react-number-format\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport { RoundNumberUp } from \"../../../components/Utils/RoundNumberUp\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport CriteriaMark from \"../components/CriteriaMark\";\nimport ShowCriteria from \"../components/ShowCriteria\";\nimport Swal from \"sweetalert2\";\nimport { Spinner } from \"react-bootstrap\";\nimport cogoToast from \"cogo-toast\";\n\nconst BonusBreakdown = () => {\n let history = useHistory();\n const [breakdownData, setBreakdownData] = useState(null);\n const [store, setStore] = useState(null);\n const [year, setYear] = useState(null);\n const [quarter, setQuarter] = useState(null);\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n const handleCompleteAndPaid = () => {\n setIsSubmitting(true);\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to mark this bonus payout as completed\",\n icon: \"warning\",\n confirmButtonText: \"Yes\",\n cancelButtonText: \"Not sure\",\n showCancelButton: true,\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n let data = {\n store: history.location.state.store,\n year: history.location.state.year,\n quarter: history.location.state.quarter,\n breakdown: history.location.state.breakdown_data,\n };\n console.log(data, \"kskfs\");\n\n BonusPayoutService.bonusCompleteAndPaid(data)\n .then((response) => {\n console.log(response.data.data, \"Response from server\");\n setIsSubmitting(false);\n cogoToast.success(\"Completed successfully\", toastoptions);\n history.push(\"/view-bonus-payout-breakdown\");\n })\n .catch((error) => {\n console.log(error.response);\n });\n } else {\n setIsSubmitting(false);\n }\n });\n };\n\n useEffect(() => {\n if (history.location.state && history.location.state.breakdown_data) {\n console.log(history.location.state.breakdown_data);\n setBreakdownData(history.location.state.breakdown_data);\n setStore(history.location.state.store);\n setYear(history.location.state.year);\n setQuarter(history.location.state.quarter);\n } else {\n history.push(\"/view-bonus-payout-breakdown\");\n }\n }, []);\n\n return (\n \n
\n\n \n
\n\n \n \n {\" \"}\n BONUS PAYOUT - {year_1} - {year_2} Q{quarter}\n \n
\n Location: {getStoreName(storeId)}
\n\n
\n\n \n\n \n
\n \n \n \n \n
\n \n \n
\n\n \n \n
\n \n \n {\n setSubmitting(true);\n BonusPayoutService.createBonus(values)\n .then((response) => {\n console.log(response.data.data);\n Swal.fire({\n title: \"Good Job!\",\n text: \"All changes have been saved successfully\",\n icon: \"success\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n history.push(\"/bonus/view-select-bonus-payout\");\n }\n });\n // alert(\"Save Successfully\");\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n console.log(values, \"The values from the form\");\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n \n \n\n \n
\n ))}\n \n \n \n \n \n
\n \n {store ? getStoreName(store) : \"\"} Bonus Payout -{\" \"}\n {quarter ? `Q${quarter}` : \"\"} {year ? `${year}` : \"\"}\n
\n\n {breakdownData &&\n breakdownData.map((data, index) => (\n \n \n \n \n
\n\n \n \n
\n
\n \n \n \n
\n
\n\n | Manager's Name | \n{data.managerName} | \n
|---|---|
| Salary | \n\n | \n
| Annual Bonus: | \n\n | \n
| Quarter | Base: | \n\n | \n
| Manager Type : | \n{data.manager_type.toUpperCase()} | \n\n {`Q${quarter}`} - Total Earned Bonus :{\" \"}\n | \n\n | \n \n
| KPIs | \n% | \n{`Q${quarter}`} | \n$ | \n\n \n |
|---|---|---|---|---|
| {kpi.name} | \n{kpi.percentage} | \n{ShowCriteria(kpi.condition)} | \n\n {\" \"}\n | \n {CriteriaMark(kpi.condition)} | \n
| Total Bonus | \n\n | \n \n
\n {/*
\n \n );\n};\n\nexport default BonusBreakdown;\n","import styled from \"styled-components\";\n\nexport const LPSubmitButton = styled.button`\n background-color: #3f50f6;\n border-radius: 3px;\n margin-top: 20px;\n`;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\n// import BonusContext from \"../../../contexts/bonus/BonusContext\";\nimport { parse } from \"date-fns\";\n\nconst Sales = ({ months }) => {\n // context\n // const { dispatch, sales } = useContext(BonusContext);\n\n // const initialValues = {\n // foodSalesM1: sales ? sales.foodSalesM1 : \"\",\n // foodSalesM1P: sales ? sales.foodSalesM1P : \"\",\n // foodSalesM2: sales ? sales.foodSalesM2 : \"\",\n // foodSalesM2P: sales ? sales.foodSalesM2P : \"\",\n // foodSalesM3: sales ? sales.foodSalesM3 : \"\",\n // foodSalesM3P: sales ? sales.foodSalesM3P : \"\",\n // foodSalesTotal: sales ? sales.foodSalesTotal : \"\",\n // foodSalesTotalP: sales ? sales.foodSalesTotalP : \"\",\n\n // liquorSalesM1: sales ? sales.liquorSalesM1 : \"\",\n // liquorSalesM1P: sales ? sales.liquorSalesM1P : \"\",\n // liquorSalesM2: sales ? sales.liquorSalesM2 : \"\",\n // liquorSalesM2P: sales ? sales.liquorSalesM2P : \"\",\n // liquorSalesM3: sales ? sales.liquorSalesM3 : \"\",\n // liquorSalesM3P: sales ? sales.liquorSalesM3P : \"\",\n // liquorSalesTotal: sales ? sales.liquorSalesTotal : \"\",\n // liquorSalesTotalP: sales ? sales.liquorSalesTotalP : \"\",\n\n // totalSalesM1: sales ? sales.totalSalesM1 : \"\",\n // totalSalesM1P: sales ? sales.totalSalesM1P : \"\",\n // totalSalesM2: sales ? sales.totalSalesM2 : \"\",\n // totalSalesM2P: sales ? sales.totalSalesM2P : \"\",\n // totalSalesM3: sales ? sales.totalSalesM3 : \"\",\n // totalSalesM3P: sales ? sales.totalSalesM3P : \"\",\n // totalSalesTotal: sales ? sales.totalSalesTotal : \"\",\n // totalSalesTotalP: sales ? sales.totalSalesTotalP : \"\",\n // };\n\n // useEffect(() => {\n // console.log(initialValues, \"this is the initial values\");\n // console.log([sales]);\n // }, []);\n\n // const handleDispatch = (payload) => {\n // dispatch({\n // type: \"SET_SALES_DATA\",\n // payload,\n // });\n // };\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(0);\n };\n\n const roundNumberUp2DP = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const makeValZeroIfEmpty = (input) => {\n return input == \"\" || isNaN(input) ? 0 : input;\n };\n\n return (\n */}\n \n {isSubmitting ?
*/}\n Here
\n // \n //
\n );\n};\n\nexport default Sales;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\n\nconst COGS = ({ months }) => {\n const { dispatch, cogs, sales } = useContext(BonusContext);\n\n const initialValues = {\n foodCogsM1: cogs ? cogs.foodCogsM1 : \"\",\n foodCogsM1P: cogs ? cogs.foodCogsM1P : \"\",\n foodCogsM2: cogs ? cogs.foodCogsM2 : \"\",\n foodCogsM2P: cogs ? cogs.foodCogsM2P : \"\",\n foodCogsM3: cogs ? cogs.foodCogsM3 : \"\",\n foodCogsM3P: cogs ? cogs.foodCogsM3P : \"\",\n foodCogsTotal: cogs ? cogs.foodCogsTotal : \"\",\n foodCogsTotalP: cogs ? cogs.foodCogsTotalP : \"\",\n\n liquorCogsM1: cogs ? cogs.liquorCogsM1 : \"\",\n liquorCogsM1P: cogs ? cogs.liquorCogsM1P : \"\",\n liquorCogsM2: cogs ? cogs.liquorCogsM2 : \"\",\n liquorCogsM2P: cogs ? cogs.liquorCogsM2P : \"\",\n liquorCogsM3: cogs ? cogs.liquorCogsM3 : \"\",\n liquorCogsM3P: cogs ? cogs.liquorCogsM3P : \"\",\n liquorCogsTotal: cogs ? cogs.liquorCogsTotal : \"\",\n liquorCogsTotalP: cogs ? cogs.liquorCogsTotalP : \"\",\n\n suppliesCogsM1: cogs ? cogs.suppliesCogsM1 : \"\",\n suppliesCogsM1P: cogs ? cogs.suppliesCogsM1P : \"\",\n suppliesCogsM2: cogs ? cogs.suppliesCogsM2 : \"\",\n suppliesCogsM2P: cogs ? cogs.suppliesCogsM2P : \"\",\n suppliesCogsM3: cogs ? cogs.suppliesCogsM3 : \"\",\n suppliesCogsM3P: cogs ? cogs.suppliesCogsM3P : \"\",\n suppliesCogsTotal: cogs ? cogs.suppliesCogsTotal : \"\",\n suppliesCogsTotalP: cogs ? cogs.suppliesCogsTotalP : \"\",\n\n totalCogsM1: cogs ? cogs.totalCogsM1 : \"\",\n totalCogsM1P: cogs ? cogs.totalCogsM1P : \"\",\n totalCogsM2: cogs ? cogs.totalCogsM2 : \"\",\n totalCogsM2P: cogs ? cogs.totalCogsM2P : \"\",\n totalCogsM3: cogs ? cogs.totalCogsM3 : \"\",\n totalCogsM3P: cogs ? cogs.totalCogsM3P : \"\",\n totalCogsTotal: cogs ? cogs.totalCogsTotal : \"\",\n totalCogsTotalP: cogs ? cogs.totalCogsTotalP : \"\",\n };\n\n const handleDispatch = (payload) => {\n dispatch({\n type: \"SET_COGS_DATA\",\n payload,\n });\n };\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(0);\n };\n\n const roundNumberUp2DP = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const makeValZeroIfEmpty = (input) => {\n return input == \"\" || isNaN(input) ? 0 : input;\n };\n\n return (\n \n // {\n // setSubmitting(true);\n // // Create action and send the data to the database\n // console.log(values, \"Submitted values\");\n // console.log(sales, \"Data from the Context\");\n\n // setTimeout(() => {\n // setSubmitting(false);\n // }, 300);\n // }}\n // >\n // {({\n // values,\n // errors,\n // touched,\n // handleBlur,\n // handleChange,\n // handleSubmit,\n // isSubmitting,\n // setFieldValue,\n // }) => (\n // \n // )}\n // \n //
\n // \n
\n );\n};\n\nexport default COGS;\n","import React, { useEffect, useContext } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\n\nconst OperatingExpenses = ({ months }) => {\n const { dispatch, operatingExpenses } = useContext(BonusContext);\n\n const initialValues = {\n payrollBohM1: operatingExpenses ? operatingExpenses.payrollBohM1 : \"\",\n payrollBohM1P: operatingExpenses ? operatingExpenses.payrollBohM1P : \"\",\n payrollBohM2: operatingExpenses ? operatingExpenses.payrollBohM2 : \"\",\n payrollBohM2P: operatingExpenses ? operatingExpenses.payrollBohM2P : \"\",\n payrollBohM3: operatingExpenses ? operatingExpenses.payrollBohM3 : \"\",\n payrollBohM3P: operatingExpenses ? operatingExpenses.payrollBohM3P : \"\",\n payrollBohTotal: operatingExpenses ? operatingExpenses.payrollBohTotal : \"\",\n payrollBohTotalP: operatingExpenses ? operatingExpenses.payrollBohTotalP : \"\",\n\n payrollFohM1: operatingExpenses ? operatingExpenses.payrollFohM1 : \"\",\n payrollFohM1P: operatingExpenses ? operatingExpenses.payrollFohM1P : \"\",\n payrollFohM2: operatingExpenses ? operatingExpenses.payrollFohM2 : \"\",\n payrollFohM2P: operatingExpenses ? operatingExpenses.payrollFohM2P : \"\",\n payrollFohM3: operatingExpenses ? operatingExpenses.payrollFohM3 : \"\",\n payrollFohM3P: operatingExpenses ? operatingExpenses.payrollFohM3P : \"\",\n payrollFohTotal: operatingExpenses ? operatingExpenses.payrollFohTotal : \"\",\n payrollFohTotalP: operatingExpenses ? operatingExpenses.payrollFohTotalP : \"\",\n\n cleaningM1: operatingExpenses ? operatingExpenses.cleaningM1 : \"\",\n cleaningM1P: operatingExpenses ? operatingExpenses.cleaningM1P : \"\",\n cleaningM2: operatingExpenses ? operatingExpenses.cleaningM2 : \"\",\n cleaningM2P: operatingExpenses ? operatingExpenses.cleaningM2P : \"\",\n cleaningM3: operatingExpenses ? operatingExpenses.cleaningM3 : \"\",\n cleaningM3P: operatingExpenses ? operatingExpenses.cleaningM3P : \"\",\n cleaningTotal: operatingExpenses ? operatingExpenses.cleaningTotal : \"\",\n cleaningTotalP: operatingExpenses ? operatingExpenses.cleaningTotalP : \"\",\n\n shortageM1: operatingExpenses ? operatingExpenses.shortageM1 : \"\",\n shortageM1P: operatingExpenses ? operatingExpenses.shortageM1P : \"\",\n shortageM2: operatingExpenses ? operatingExpenses.shortageM2 : \"\",\n shortageM2P: operatingExpenses ? operatingExpenses.shortageM2P : \"\",\n shortageM3: operatingExpenses ? operatingExpenses.shortageM3 : \"\",\n shortageM3P: operatingExpenses ? operatingExpenses.shortageM3P : \"\",\n shortageTotal: operatingExpenses ? operatingExpenses.shortageTotal : \"\",\n shortageTotalP: operatingExpenses ? operatingExpenses.shortageTotalP : \"\",\n\n rentM1: operatingExpenses ? operatingExpenses.rentM1 : \"\",\n rentM1P: operatingExpenses ? operatingExpenses.rentM1P : \"\",\n rentM2: operatingExpenses ? operatingExpenses.rentM2 : \"\",\n rentM2P: operatingExpenses ? operatingExpenses.rentM2P : \"\",\n rentM3: operatingExpenses ? operatingExpenses.rentM3 : \"\",\n rentM3P: operatingExpenses ? operatingExpenses.rentM3P : \"\",\n rentTotal: operatingExpenses ? operatingExpenses.rentTotal : \"\",\n rentTotalP: operatingExpenses ? operatingExpenses.rentTotalP : \"\",\n\n repairM1: operatingExpenses ? operatingExpenses.repairM1 : \"\",\n repairM1P: operatingExpenses ? operatingExpenses.repairM1P : \"\",\n repairM2: operatingExpenses ? operatingExpenses.repairM2 : \"\",\n repairM2P: operatingExpenses ? operatingExpenses.repairM2P : \"\",\n repairM3: operatingExpenses ? operatingExpenses.repairM3 : \"\",\n repairM3P: operatingExpenses ? operatingExpenses.repairM3P : \"\",\n repairTotal: operatingExpenses ? operatingExpenses.repairTotal : \"\",\n repairTotalP: operatingExpenses ? operatingExpenses.repairTotalP : \"\",\n\n uniformsM1: operatingExpenses ? operatingExpenses.uniformsM1 : \"\",\n uniformsM1P: operatingExpenses ? operatingExpenses.uniformsM1P : \"\",\n uniformsM2: operatingExpenses ? operatingExpenses.uniformsM2 : \"\",\n uniformsM2P: operatingExpenses ? operatingExpenses.uniformsM2P : \"\",\n uniformsM3: operatingExpenses ? operatingExpenses.uniformsM3 : \"\",\n uniformsM3P: operatingExpenses ? operatingExpenses.uniformsM3P : \"\",\n uniformsTotal: operatingExpenses ? operatingExpenses.uniformsTotal : \"\",\n uniformsTotalP: operatingExpenses ? operatingExpenses.uniformsTotalP : \"\",\n\n utilitiesM1: operatingExpenses ? operatingExpenses.utilitiesM1 : \"\",\n utilitiesM1P: operatingExpenses ? operatingExpenses.utilitiesM1P : \"\",\n utilitiesM2: operatingExpenses ? operatingExpenses.utilitiesM2 : \"\",\n utilitiesM2P: operatingExpenses ? operatingExpenses.utilitiesM2P : \"\",\n utilitiesM3: operatingExpenses ? operatingExpenses.utilitiesM3 : \"\",\n utilitiesM3P: operatingExpenses ? operatingExpenses.utilitiesM3P : \"\",\n utilitiesTotal: operatingExpenses ? operatingExpenses.utilitiesTotal : \"\",\n utilitiesTotalP: operatingExpenses ? operatingExpenses.utilitiesTotalP : \"\",\n\n totalOperatingM1: operatingExpenses ? operatingExpenses.totalOperatingM1 : \"\",\n totalOperatingM1P: operatingExpenses ? operatingExpenses.totalOperatingM1P : \"\",\n totalOperatingM2: operatingExpenses ? operatingExpenses.totalOperatingM2 : \"\",\n totalOperatingM2P: operatingExpenses ? operatingExpenses.totalOperatingM2P : \"\",\n totalOperatingM3: operatingExpenses ? operatingExpenses.totalOperatingM3 : \"\",\n totalOperatingM3P: operatingExpenses ? operatingExpenses.totalOperatingM3P : \"\",\n totalOperatingTotal: operatingExpenses ? operatingExpenses.totalOperatingTotal : \"\",\n totalOperatingTotalP: operatingExpenses ? operatingExpenses.totalOperatingTotalP : \"\",\n };\n\n return (\n \n {\n setSubmitting(true);\n console.log(values);\n\n // Submit form here;\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default OperatingExpenses;\n","import React, { useEffect, useContext } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\n\nconst AdministrativeExpenses = ({ months }) => {\n const { dispatch, administrativeExpenses, totalExpenses } = useContext(BonusContext);\n\n const initialValues = {\n payrollM1: administrativeExpenses ? administrativeExpenses.payrollM1 : \"\",\n payrollM1P: administrativeExpenses ? administrativeExpenses.payrollM1P : \"\",\n payrollM2: administrativeExpenses ? administrativeExpenses.payrollM2 : \"\",\n payrollM2P: administrativeExpenses ? administrativeExpenses.payrollM2P : \"\",\n payrollM3: administrativeExpenses ? administrativeExpenses.payrollM3 : \"\",\n payrollM3P: administrativeExpenses ? administrativeExpenses.payrollM3P : \"\",\n payrollTotal: administrativeExpenses ? administrativeExpenses.payrollTotal : \"\",\n payrollTotalP: administrativeExpenses ? administrativeExpenses.payrollTotalP : \"\",\n\n overheadsM1: administrativeExpenses ? administrativeExpenses.overheadsM1 : \"\",\n overheadsM1P: administrativeExpenses ? administrativeExpenses.overheadsM1P : \"\",\n overheadsM2: administrativeExpenses ? administrativeExpenses.overheadsM2 : \"\",\n overheadsM2P: administrativeExpenses ? administrativeExpenses.overheadsM2P : \"\",\n overheadsM3: administrativeExpenses ? administrativeExpenses.overheadsM3 : \"\",\n overheadsM3P: administrativeExpenses ? administrativeExpenses.overheadsM3P : \"\",\n overheadsTotal: administrativeExpenses ? administrativeExpenses.overheadsTotal : \"\",\n overheadsTotalP: administrativeExpenses ? administrativeExpenses.overheadsTotalP : \"\",\n\n totalAdminM1: administrativeExpenses ? administrativeExpenses.totalAdminM1 : \"\",\n totalAdminM1P: administrativeExpenses ? administrativeExpenses.totalAdminM1P : \"\",\n totalAdminM2: administrativeExpenses ? administrativeExpenses.totalAdminM2 : \"\",\n totalAdminM2P: administrativeExpenses ? administrativeExpenses.totalAdminM2P : \"\",\n totalAdminM3: administrativeExpenses ? administrativeExpenses.totalAdminM3 : \"\",\n totalAdminM3P: administrativeExpenses ? administrativeExpenses.totalAdminM3P : \"\",\n totalAdminTotal: administrativeExpenses ? administrativeExpenses.totalAdminTotal : \"\",\n totalAdminTotalP: administrativeExpenses ? administrativeExpenses.totalAdminTotalP : \"\",\n\n totalExpensesM1: totalExpenses ? totalExpenses.totalExpensesM1 : \"\",\n totalExpensesM1P: totalExpenses ? totalExpenses.totalExpensesM1P : \"\",\n totalExpensesM2: totalExpenses ? totalExpenses.totalExpensesM2 : \"\",\n totalExpensesM2P: totalExpenses ? totalExpenses.totalExpensesM2P : \"\",\n totalExpensesM3: totalExpenses ? totalExpenses.totalExpensesM3 : \"\",\n totalExpensesM3P: totalExpenses ? totalExpenses.totalExpensesM3P : \"\",\n totalExpensesTotal: totalExpenses ? totalExpenses.totalExpensesTotal : \"\",\n totalExpensesTotalP: totalExpenses ? totalExpenses.totalExpensesTotalP : \"\",\n };\n\n return (\n \n {\n setSubmitting(true);\n\n // Submit form here;\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default AdministrativeExpenses;\n","import React from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\n\nconst SubTotal = ({ isSubmitting, values, handleChange }) => {\n return (\n <>\n \n {\n setSubmitting(true);\n\n // Submit form here;\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default OperatingIncome;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\n\nconst GrossProfit = ({ months }) => {\n const { dispatch, grossProfit } = useContext(BonusContext);\n\n const initialValues = {\n grossProfitM1: grossProfit ? grossProfit.grossProfitM1 : \"\",\n grossProfitM1P: grossProfit ? grossProfit.grossProfitM1P : \"\",\n grossProfitM2: grossProfit ? grossProfit.grossProfitM2 : \"\",\n grossProfitM2P: grossProfit ? grossProfit.grossProfitM2P : \"\",\n grossProfitM3: grossProfit ? grossProfit.grossProfitM3 : \"\",\n grossProfitM3P: grossProfit ? grossProfit.grossProfitM3P : \"\",\n grossProfitTotal: grossProfit ? grossProfit.grossProfitTotal : \"\",\n grossProfitTotalP: grossProfit ? grossProfit.grossProfitTotalP : \"\",\n };\n\n const handleDispatch = (payload) => {\n dispatch({\n type: \"SET_COGS_DATA\",\n payload,\n });\n };\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(0);\n };\n\n const roundNumberUp2DP = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n const makeValZeroIfEmpty = (input) => {\n return input == \"\" || isNaN(input) ? 0 : input;\n };\n\n return (\n \n {\n setSubmitting(true);\n\n // Submit form here;\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default GrossProfit;\n","import React, { useEffect, useContext } from \"react\";\nimport Sales from \"../components/Sales\";\nimport COGS from \"../components/COGS\";\nimport { useHistory } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport laparrillaLogo from \"../../../assets/images/la-parrila-logo.png\";\nimport OperatingExpenses from \"../components/OperatingExpenses\";\nimport AdministrativeExpenses from \"../components/AdministrativeExpenses\";\nimport OperatingIncome from \"../components/OperatingIncome\";\nimport { LPSubmitButton } from \"../../../styled/styles\";\nimport BonusContext from \"../../../contexts/bonus/BonusContext\";\nimport GrossProfit from \"../components/GrossProfit\";\n\nconst CreateBonusPayoutData = () => {\n const {\n storeId,\n year,\n quarter,\n months,\n sales,\n cogs,\n operatingExpenses,\n administrativeExpenses,\n totalExpenses,\n operatingIncome,\n admonFee,\n interest,\n subTotal,\n otherIncome,\n netProfit,\n } = useContext(BonusContext);\n // useEffect(() => {}, []);\n\n const handleDataSubmit = () => {\n const dataToBeSubmitted = {\n year,\n quarter,\n storeId,\n months,\n sales,\n cogs,\n operatingExpenses,\n administrativeExpenses,\n totalExpenses,\n operatingIncome,\n admonFee,\n interest,\n subTotal,\n otherIncome,\n netProfit,\n };\n\n console.log(dataToBeSubmitted, \"Overall data to be submitted\");\n };\n\n return (\n \n {\n setSubmitting(true);\n\n // Submit form here;\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default CreateBonusPayoutData;\n","import React, { useEffect, useState } from \"react\";\nimport { Form, Button } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { ProgressBar } from \"react-bootstrap\";\nimport { useHistory } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport Swal from \"sweetalert2\";\nimport NumberFormat from \"react-number-format\";\n\nconst ViewBonusPayout = () => {\n const history = useHistory();\n\n const [bonus, setBonus] = useState(null);\n const [m1, setM1] = useState();\n const [m2, setM2] = useState();\n const [m3, setM3] = useState();\n const [currentQuarter, setCurrentQuarter] = useState(null);\n const [currentYear, setCurrentYear] = useState(null);\n const [nextYear, setNextYear] = useState(null);\n\n const [foodSalesPercentage, setFoodSalesPercentage] = useState(0);\n const [foodCostPercentage, setFoodCostPercentage] = useState(0);\n const [liquorCostPercentage, setLiquorCostPercentage] = useState(0);\n const [suppliesCostPercentage, setSuppliesCostPercentage] = useState(0);\n const [payrollCostBOHPercentage, setPayrollCostBOHPercentage] = useState(0);\n const [payrollCostFOHPercentage, setPayrollCostFOHPercentage] = useState(0);\n const [payrollAdminPercentage, setPayrollAdminPercentage] = useState(0);\n const [utiltiesCostPercentage, setUtiltiesCostPercentage] = useState(0);\n const [admonFeePercentage, setAdmonFeePercentage] = useState(0);\n const [netProfitPercentage, setNetProfitPercentage] = useState(0);\n const [bonusCostSettings, setBonusCostSettings] = useState(0);\n\n const storeId = history.location.state.store;\n const year = history.location.state.year;\n const quarter = history.location.state.quarter;\n\n const roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(0);\n };\n\n const roundNumberUp2DP = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n useEffect(() => {\n BonusPayoutService.getSpecificBonusPayout(storeId, quarter, year)\n .then((response) => {\n console.log(response.data.data);\n setBonus(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n\n setCurrentQuarter(quarter);\n\n if (quarter === \"1\") {\n setM1(\"Jan\");\n setM2(\"Feb\");\n setM3(\"Mar\");\n } else if (quarter === \"2\") {\n setM1(\"April\");\n setM2(\"May\");\n setM3(\"June\");\n } else if (quarter === \"3\") {\n setM1(\"Jul\");\n setM2(\"Aug\");\n setM3(\"Sept\");\n } else if (quarter === \"4\") {\n setM1(\"Oct\");\n setM2(\"Nov\");\n setM3(\"Dec\");\n }\n\n const yearArr = year.split(\" - \");\n setCurrentYear(yearArr[0]);\n setNextYear(yearArr[1]);\n\n BonusPayoutService.getBonusSettingsForAStore(storeId)\n .then((response) => {\n console.log(response.data.data, \"This is the configuration\");\n const result = response.data.data;\n setFoodSalesPercentage(result.sales);\n setFoodCostPercentage(result.food_cost);\n setLiquorCostPercentage(result.liquor_cost);\n setSuppliesCostPercentage(result.supplies_cost);\n setPayrollCostBOHPercentage(result.payroll_boh);\n setPayrollCostFOHPercentage(result.payroll_foh);\n setPayrollAdminPercentage(0);\n setUtiltiesCostPercentage(result.utilities_cost);\n setAdmonFeePercentage(result.admon_fee);\n setNetProfitPercentage(result.net_profit);\n setBonusCostSettings(result.bonuses_cost);\n })\n .catch((error) => {\n console.log(error);\n });\n }, []);\n\n return (\n \n
\n\n \n 
\n
\n\n \n \n {\" \"}\n BONUS PAYOUT - {year} Quarter {quarter}{\" \"}\n \n
\n Location: {getStoreName(storeId)}
\n\n
\n\n \n\n \n
\n \n {/* \n \n */}\n
\n \n \n Save and Continue\n \n
\n \n
\n );\n};\n\nexport default ViewBonusPayout;\n","import React, { useEffect, useState } from \"react\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport moment from \"moment\";\n\nconst ReviewsBonusPayout = () => {\n const [reviewsStat, setReviewsStat] = useState(null);\n const [quarter, setQuarter] = useState(null);\n\n const year = moment().year();\n const activeQuarter = moment().quarter();\n\n useEffect(() => {\n let data = {\n year: year,\n quarter: activeQuarter,\n };\n\n setQuarter(\"Q\" + data.quarter);\n\n BonusPayoutService.getReviewsStatsFromDB(data)\n .then((response) => {\n console.log(response.data.data);\n setReviewsStat(response.data.data);\n })\n .catch((error) => {\n console.log(error);\n });\n\n // use the default value to retrieve stats\n }, []);\n\n return (\n \n
\n\n \n
\n\n \n \n {\" \"}\n BONUS PAYOUT - {quarter} {year}{\" \"}\n \n
\n Location: {getStoreName(storeId)}
\n\n
\n\n \n\n {/* CYQM1 = Current Year, Active Quarter, Month 1\n CYQM2 = Current Year, Active Quarter, Month 2\n CYQM2 = Current Year, Active Quarter, Month 3\n\n NYQM1 = Next Year, Active Quarter, Month 1\n NYQM2 = Next Year, Active Quarter, Month 2\n NYQM2 = Next Year, Active Quarter, Month 3\n NYQP = Next Year Quarter Percentage\n CYQP = Current Year Quarter Percentage\n foodSalesID = Food Sales Increase Decrease\n */}\n {/* Fetch and display records based on available Quarters (Q1, Q2, Q3) */}\n\n \n
\n \n \n \n \n
\n \n {/*
\n */}\n {\n Swal.fire({\n title: \"Are you sure?\",\n text: \"You are about to mark this as complete\",\n icon: \"question\",\n confirmButtonText: \"Yes\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n showCancelButton: true,\n confirmButtonColor: \"#000000\",\n cancelButtonColor: \"#d33\",\n }).then((result) => {\n if (result.isConfirmed) {\n setSubmitting(true);\n let data = {\n store_id: storeId,\n quarter,\n year,\n };\n BonusPayoutService.markBonusAsComplete(data)\n .then((response) => {\n console.log(response.data.data);\n alert(\"Save Successfully\");\n setSubmitting(false);\n window.location.reload();\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n } else {\n setSubmitting(false);\n }\n });\n }}\n >\n {({\n values,\n errors,\n touched,\n handleBlur,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n \n )}\n \n \n
\n \n );\n};\n\nexport default ReviewsBonusPayout;\n","import React, { useEffect, useState } from \"react\";\nimport { Formik } from \"formik\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport moment from \"moment\";\n\nconst EvaluationBonusPayout = () => {\n const [evaluationStat, setEvaluationStat] = useState(null);\n const [storeConfig, setStoreConfig] = useState(null);\n const [quarter, setQuarter] = useState(null);\n const [storeOptions, setStoreOptions] = useState(null);\n\n const year = moment().year();\n const activeQuarter = moment().quarter();\n\n useEffect(() => {\n let data = {\n year: year,\n quarter: activeQuarter,\n store_id: \"1\",\n };\n\n setQuarter(data.quarter);\n\n BonusPayoutService.getEvaluationStatsFromDB(data)\n .then((response) => {\n console.log(response.data.data);\n setEvaluationStat(response.data.data.evaluation);\n setStoreConfig(response.data.data.config);\n })\n .catch((error) => {\n console.log(error);\n });\n\n // get stores\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n\n // use the default value to retrieve stats\n }, []);\n\n return (\n \n
\n\n \n
\n \n
\n \n {\n setSubmitting(true);\n setQuarter(\"Q\" + values.quarter);\n BonusPayoutService.getReviewsStatsFromDB(values)\n .then((response) => {\n console.log(response.data.data, \"From selection\");\n setReviewsStat(response.data.data);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n {reviewsStat && (\n
\n )}\n \n {reviewsStat.map((stat, index) => (\n \n \n \n
\n
\n ))}\n {stat.store_name}
\n| Sales | \n{quarter && quarter} | \n \n
|---|---|
| Score | \n|
| Average Rating | \n{stat.average_rating} | \n
| Total Reviews | \n{stat.total_reviews} | \n
| Response Rate | \n{stat.response_rate} % | \n
\n
\n \n );\n};\n\nexport default EvaluationBonusPayout;\n","import React, { useEffect, useState } from \"react\";\nimport { Link, useParams, withRouter } from \"react-router-dom\";\nimport BootstrapTable from \"react-bootstrap-table-next\";\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\nimport Swal from \"sweetalert2\";\nimport cogoToast from \"cogo-toast\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport { Modal } from \"react-bootstrap\";\n\nconst { SearchBar } = Search;\n\nconst SurveyForLeaders = () => {\n const [surveys, setSurveys] = useState(null);\n const [mdShow, setMdShow] = useState(false);\n const [fileUrl, setFileUrl] = useState(null);\n\n useEffect(() => {\n BonusPayoutService.getSurveyData()\n .then((response) => {\n console.log(response.data.data);\n let SurveyArray = [];\n response.data.data.map((res, index) => {\n return SurveyArray.push({\n id: res.id,\n managerName: res.manager_name,\n reviewerName: res.reviewer_name,\n year: res.year,\n });\n });\n setSurveys(SurveyArray);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n const defaultSorted = [\n {\n dataField: \"payrollEmployeeId\",\n order: \"desc\",\n },\n ];\n\n const surveyColumn = [\n {\n dataField: \"managerName\",\n text: \"Manager's Name\",\n sort: true,\n },\n {\n dataField: \"reviewerName\",\n text: \"Reviewer's Name\",\n sort: true,\n },\n {\n dataField: \"year\",\n text: \"Year\",\n sort: true,\n },\n ];\n\n const downloadExcelFile = () => {\n Swal.fire({\n title: \"In progress\",\n text: \"Please wait...\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n onOpen: () => {\n Swal.showLoading();\n },\n });\n\n BonusPayoutService.downloadSurveyExcel()\n .then((response) => {\n Swal.close();\n setMdShow(true);\n setFileUrl(response.data.data.url);\n })\n .catch((error) => {\n console.log(error);\n });\n };\n\n return (\n \n
\n\n \n
\n \n
\n \n {\n setSubmitting(true);\n setQuarter(values.quarter);\n BonusPayoutService.getEvaluationStatsFromDB(values)\n .then((response) => {\n console.log(response.data.data, \"From selection\");\n setEvaluationStat(response.data.data.evaluation);\n setStoreConfig(response.data.data.config);\n setSubmitting(false);\n })\n .catch((error) => {\n console.log(error);\n setSubmitting(false);\n });\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n \n )}\n \n
\n \n Please select your preferred search term and hit the{\" \"}\n Submit button to proceed.\n
\n\n
\n\n TE* == Total Employees
\nTS* == Total Survey
\n\n {evaluationStat && (\n
\n )}\n \n \n \n {/* \n \n
\n
\n {evaluationStat[0].store_name}
*/}\n\n| Manager's Name | \nResult | \nTE | \nTS | \n% | \n \n
|---|---|---|
| {stat.managerName} | \n\n{stat.totalEmployee} | \n{stat.totalSurveyForAManager} | \n
\n
\n );\n};\n\nexport default SurveyForLeaders;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, useHistory } from \"react-router-dom\";\nimport { Form, Spinner } from \"react-bootstrap\";\nimport { Formik } from \"formik\";\nimport { SystemConfigService } from \"../../../service/configService\";\nimport { BonusPayoutService } from \"../../../service/BonusPayoutService\";\nimport Swal from \"sweetalert2\";\nimport { Utility } from \"../../../Helpers/utils\";\n\nconst ViewBonusReports = () => {\n const history = useHistory();\n const user = Utility.getUser();\n\n const [storeOptions, setStoreOptions] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStores()\n .then((response) => {\n setStoreOptions(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n\n \n
\n
\n \n \n List of Survey For Leaders\n \n
\n\n \n
\n \n \n
\n\n \n {surveys && (\n
\n \n
\n )}\n \n
\n Survey For Leaders
\n\n
\n \n \n {(props) => (\n
\n \n
\n )}\n \n \n
\n \n
\n Search in table:
\n\n setMdShow(false)}\n aria-labelledby=\"example-modal-sizes-title-md\"\n >\n \n \n\n \n {fileUrl && (\n \n \n
\n \n \n
\n )}\n \n {\n setSubmitting(true);\n console.log(values);\n\n if (values.store && values.year && values.quarter) {\n BonusPayoutService.getBreakdownForAQuarter(values)\n .then((response) => {\n setSubmitting(false);\n console.log(response.data.data);\n history.push(\"/bonus/view-bonus-histories-store\", {\n breakdown_data: response.data.data,\n store: values.store,\n year: values.year,\n quarter: values.quarter,\n });\n })\n .catch((error) => {\n console.log(error.response.data.message);\n setSubmitting(false);\n Swal.fire({\n title: \"Error\",\n text: error.response.data.message,\n icon: \"info\",\n confirmButtonText: \"Ok\",\n allowEscapeKey: false,\n allowOutsideClick: false,\n }).then((result) => {\n if (result.isConfirmed) {\n Swal.close();\n }\n });\n });\n } else {\n setSubmitting(false);\n alert(\"Please fill all the input fields\");\n }\n\n // console.log(values);\n // if (values) {\n // console.log(values);\n // }\n // history.push(\"/bonus-payout-breakdown\");\n }}\n >\n {({\n values,\n errors,\n handleChange,\n handleSubmit,\n isSubmitting,\n setFieldValue,\n }) => (\n
\n );\n};\n\nexport default withRouter(ViewBonusReports);\n","import React, { useEffect, useState } from \"react\";\n\nimport { withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport AppSpinner from \"../../../components/Spinner\";\nimport { SystemConfigService } from \"../../../service/configService\";\n\nconst ViewBonusStoreList = () => {\n const [stores, setStores] = useState(null);\n\n useEffect(() => {\n SystemConfigService.getStoresForManagerAdmin()\n .then((response) => {\n console.log(response.data.data);\n setStores(response.data.data);\n })\n .catch((error) => {\n console.log(error.response.data);\n });\n }, []);\n\n return (\n \n
\n \n \n
\n
\n )}\n \n \n
\n \n
\n \n \n Select a store to view Bonus Reports\n \n \n \n \n \n \n\n {storeOptions &&\n storeOptions.map((s, index) => (\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 {(user && user.role === \"super admin\") ||\n user.role === \"district manager\" ? (\n \n ) : (\n \"\"\n )}\n \n
\n \n
\n );\n};\n\nexport default withRouter(ViewBonusStoreList);\n","import React, { useRef, useState } from \"react\";\nimport { useReactToPrint } from \"react-to-print\";\nimport NumberFormat from \"react-number-format\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport cogoToast from \"cogo-toast\";\nimport { useHistory, withRouter } from \"react-router\";\nimport { Link } from \"react-router-dom\";\nimport ShowCriteria from \"../components/ShowCriteria\";\nimport { RoundNumberUp } from \"../../../components/Utils/RoundNumberUp\";\nimport CriteriaMark from \"../components/CriteriaMark\";\nimport getStoreName from \"../../../components/StoreNameUsingId\";\nimport { Utility } from \"../../../Helpers/utils\";\n\nclass BonusPayoutHistoryPDFDownload extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n store: null,\n year: null,\n quarter: null,\n breakdownData: null,\n };\n }\n\n componentDidMount() {\n if (\n this.props.store !== \"undefined\" &&\n this.props.year !== \"undefined\" &&\n this.props.quarter !== \"undefined\" &&\n this.props.breakdown !== \"undefined\"\n ) {\n this.setState({\n store: this.props.store,\n year: this.props.year,\n quarter: this.props.quarter,\n breakdownData: this.props.breakdown,\n });\n } else {\n cogoToast.error(\"Unable to preview data\");\n setTimeout(() => {\n window.location.href =\n \"/laparrila/restaurant-manager/bonus/view-bonus-report\";\n }, [2000]);\n }\n }\n roundNumberUp = (num) => {\n return (Math.round(num * 100) / 100).toFixed(2);\n };\n\n render() {\n const { store, year, quarter, breakdownData } = this.state;\n return (\n \n
\n\n \n
\n \n \n \n {\" \"}\n Bonus Payout Report Histories{\" \"}\n {\" \"}\n \n \n \n ( Click on the box to view the bonus payout report for each\n store )\n \n \n
\n \n \n
\n \n {stores ? (\n stores.map((value, index) => (\n
\n \n
\n ))\n ) : (\n \n \n
\n \n
\n \n \n \n
\n
\n \n ({value.location_id})\n \n \n
\n \n {\" \"}\n {value.name}\n
\n {value.address}\n\n
\n \n ({value.location_id})\n \n
\n
\n\n \n \n
\n\n {/* Bonus Payout Report
\n\n {store ? getStoreName(store) : \"\"} Bonus Payout -{\" \"}\n {quarter ? `Q${quarter}` : \"\"} {year ? `${year}` : \"\"}\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 {breakdownData &&\n breakdownData.map((data, index) => (\n \n \n \n \n
\n\n \n \n
\n
\n \n ))}\n \n\n \n \n \n
\n
\n\n | Manager's Name | \n{data.managerName} | \n
|---|---|
| Salary | \n\n | \n
| Annual Bonus: | \n\n | \n
| Quarter | Base: | \n\n | \n
| Manager Type : | \n{data.manager_type.toUpperCase()} | \n\n {`Q${quarter}`} - Total Earned Bonus :{\" \"}\n | \n\n | \n \n
| KPIs | \n% | \n{`Q${quarter}`} | \n$ | \n\n \n |
|---|---|---|---|---|
| {kpi.name} | \n{kpi.percentage} | \n{ShowCriteria(kpi.condition)} | \n\n {\" \"}\n | \n {CriteriaMark(kpi.condition)} | \n
| Total Bonus | \n\n | \n \n
Reviewed By : ____________
\nAuthorized By : ____________
\n \n \n\n \n \n
\n );\n};\n\nexport default withRouter(ViewBonusReportHistories);\n","import BonusSelector from \"../bonus/BonusSelector\";\nimport BonusBulkUpload from \"../bonus/upload/Bulk\";\nimport SelectViewBonus from \"../bonus/SelectViewBonus\";\nimport ViewBonusBreakdown from \"../bonus/breakdown/ViewBonusBreakdown\";\nimport ViewBulkUploadBreakdown from \"../bonus/breakdown/ViewBulkUploadBreakdown\";\nimport BonusBreakdown from \"../bonus/breakdown/BonusBreakdown\";\nimport CreateBonusPayoutData from \"../bonus/payout/CreateBonusPayoutData\";\nimport ViewBonusPayout from \"../bonus/payout/ViewBonusPayout\";\nimport ReviewsBonusPayout from \"../bonus/reviews/ReviewsBonusPayout\";\nimport EvaluationBonusPayout from \"../bonus/evaluation/EvaluationBonusPayout\";\nimport SurveyForLeaders from \"../bonus/survey/SurveyForLeaders\";\nimport ViewBonusReports from \"../bonus/reports/ViewBonusReports\";\nimport ViewBonusStoreList from \"../bonus/reports/ViewBonusStoreList\";\nimport ViewBonusReportHistories from \"../bonus/reports/ViewBonusReportHistories\";\n\nconst bonusRoutes = [\n { path: \"/bonus-payout\", component: BonusSelector },\n { path: \"/bonus/bulk-upload\", component: BonusBulkUpload },\n { path: \"/bonus/view-select-bonus-payout\", component: SelectViewBonus },\n { path: \"/bonus/view-bonus-payout-breakdown\", component: ViewBonusBreakdown },\n { path: \"/bonus/view-bulk-upload-breakdown\", component: ViewBulkUploadBreakdown },\n { path: \"/bonus-payout-breakdown\", component: BonusBreakdown },\n { path: \"/bonus/create-bonus-payout\", component: CreateBonusPayoutData },\n { path: \"/view-bonus-payout\", component: ViewBonusPayout },\n { path: \"/bonus/view-reviews-bonus-payout\", component: ReviewsBonusPayout },\n { path: \"/bonus/view-evaluation-bonus-payout\", component: EvaluationBonusPayout },\n { path: \"/bonus/survey-for-leaders\", component: SurveyForLeaders },\n { path: \"/bonus/view-bonus-report\", component: ViewBonusReports },\n { path: \"/bonus/store-list\", component: ViewBonusStoreList },\n { path: \"/bonus/view-bonus-histories-store\", component: ViewBonusReportHistories },\n];\n\nexport default bonusRoutes;\n","import dashboardRoutes from \"./dashboard\";\nimport employeesRoutes from \"./employees\";\nimport financialsRoutes from \"./financials\";\nimport hrRoutes from \"./hr\";\nimport formManagerRoutes from \"./formManager\";\nimport systemConfigurationRoutes from \"./systemConfiguration\";\nimport userPagesRoutes from \"./userPage\";\nimport cateringRoutes from \"./catering\";\nimport accountingRoutes from \"./accounting\";\nimport reportRoutes from \"./report\";\nimport feedbackRoutes from \"./feedback\";\nimport bonusRoutes from \"./bonus\";\n\nexport const appRoutes = [\n ...dashboardRoutes,\n ...employeesRoutes,\n ...financialsRoutes,\n ...hrRoutes,\n ...cateringRoutes,\n ...formManagerRoutes,\n ...systemConfigurationRoutes,\n ...userPagesRoutes,\n ...accountingRoutes,\n ...reportRoutes,\n ...feedbackRoutes,\n ...bonusRoutes,\n];\n","import React from \"react\";\nimport { Dropdown } from \"react-bootstrap\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { useAuth } from \"../../contexts/AuthContext\";\nimport {\n ConfirmWrapper,\n PrimarySlickButton,\n SlickButton,\n Circle,\n} from \"../../components/AlertUtility\";\nimport { confirmAlert } from \"react-confirm-alert\";\nimport cogoToast from \"cogo-toast\";\n\nconst Navbar = () => {\n const { user, logout } = useAuth();\n const history = useHistory();\n\n const handleLogout = () => {\n const toastoptions = {\n hideAfter: 5,\n position: \"top-right\",\n heading: \"Attention\",\n };\n\n confirmAlert({\n customUI: ({ onClose }) => (\n \n
\n \n \n \n \n
\n \n
\n \n \n Are you sure you want to log out of the portal?
\n\n {\n logout();\n history.push(\"/home/login\");\n onClose();\n cogoToast.success(\"User logged out successfully\", toastoptions);\n }}\n className=\"sc-fznZeY sc-fzqBZW eNQuho\"\n >\n Yes, log out!\n \n \n Stay signed in\n \n
\n \n \n \n {user.first_name + \" \" + user.last_name}\n \n View Profile\n \n \n \n
\n \n \n Are you sure you want to log out of the portal?
\n\n {\n logout();\n window.localStorage.clear();\n window.sessionStorage.clear();\n history.push(\"/home/login\");\n onClose();\n cogoToast.success(\"User logged out successfully\", toastoptions);\n }}\n className=\"sc-fznZeY sc-fzqBZW eNQuho\"\n >\n Yes, log out!\n \n \n Stay signed in\n \n
\n - \n {subItems.map((item, idx) => (\n
- \n
\n \n 
\n \n \n 
\n \n
\n\n - \n
- \n
- \n \n \n Sign Out\n\n \n
![\"logo\"]({require(\"../assets/images/la-parrila-logo.png\")}){kind=logo}
\n \n \n Hey there, you have been idle for a while. You will be logged out of the system now.\n
\n\n
\n );\n};\n\nexport default IdleTimerContainer;\n","import React, { Component } from 'react'\n\nexport class Spinner extends Component {\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default Spinner\n","import React, { createContext, useReducer, useContext } from \"react\";\n\nconst PayBarContext = createContext();\n\nconst initialState = {\n laborPaymentDetails: [],\n barPaymentCreated: false,\n barEmergencyCodes: null,\n barEmergencyCodeDetails: null,\n storeDetails: null,\n tipSummary: [],\n amountLeft: 0,\n instantPayTotal: 0,\n barEmergencyAmount: 0,\n};\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case \"SET_LABOR_PAYMENT_DETAILS\":\n return { ...state, laborPaymentDetails: action.payload };\n case \"SET_PAYMENT_CREATED\":\n return { ...state, barPaymentCreated: action.payload };\n case \"SET_STORE_DETAILS\":\n return { ...state, storeDetails: action.payload };\n case \"SET_TIP_SUMMARY\":\n return { ...state, tipSummary: action.payload };\n case \"SET_AMOUNT_LEFT\":\n return { ...state, amountLeft: action.payload };\n case \"SET_INSTANT_PAY_TOTAL\":\n return { ...state, instantPayTotal: action.payload };\n case \"SET_BAR_EMERGENCY_AMOUNT\":\n return { ...state, barEmergencyAmount: action.payload };\n default:\n return state;\n }\n};\n\nexport const PayBarProvider = ({ children }) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return \n \n
\n \n {user &&
\n \n {sidebarComponent}\n
\n \n
\n \n \n {appRoutes.map(({ path, component }, index) => (\n \n \n
\n {footerComponent}\n