-
-
-
-
- Sales Detail
- -
-
Product
Qty
- Purchase Price($)
+ Purchase Price
Discount($)
Tax(%)
Tax Amount($)
diff --git a/src/feature-module/superadmin/companylist.jsx b/src/feature-module/superadmin/companylist.jsx
new file mode 100644
index 0000000..ab12189
--- /dev/null
+++ b/src/feature-module/superadmin/companylist.jsx
@@ -0,0 +1,396 @@
+import { Select } from "antd";
+import {
+ ChevronUp,
+ PlusCircle,
+ RotateCcw,
+ Trash2,
+} from "feather-icons-react/build/IconComponents";
+import { useEffect, useState } from "react";
+import { OverlayTrigger, Tooltip } from "react-bootstrap";
+import { useDispatch, useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import CustomPagination from "../../components/CustomPagination";
+import ImageWithBasePath from "../../core/img/imagewithbasebath";
+import AddCategoryList from "../../core/modals/inventory/addcategorylist";
+import EditCategoryList from "../../core/modals/inventory/editcategorylist";
+import Table from "../../core/pagination/datatable";
+import { setToogleHeader } from "../../core/redux/action";
+import { fetchOrganizations } from "../../core/redux/actions/organizationActions";
+import { deletePaymentMethod, fetchPaymentMethod, fetchPaymentMethods } from "../../core/redux/actions/paymentMethodActions";
+import { formatDate } from "../../utils/date";
+
+const CompanyList = () => {
+ const {
+ organizations: apiPaymentMethods,
+ loading,
+ error,
+ totalPaymentMethods,
+ totalPages,
+ pageSize: reduxPageSize,
+ currentPage: reduxCurrentPage,
+ } = useSelector((state) => state.organizations);
+
+ const dispatch = useDispatch();
+ const data = useSelector((state) => state.toggle_header);
+ const dataSource = apiPaymentMethods?.length > 0 ? apiPaymentMethods : [];
+
+ const [currentPage, setCurrentPage] = useState(reduxCurrentPage || 1);
+ const [pageSize, setPageSize] = useState(reduxPageSize || 10);
+ const [searchTerm, setSearchTerm] = useState("");
+
+ const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
+
+ useEffect(() => {
+ const loadPaymentMethods = async () => {
+ try {
+ const searchParams = {
+ page: currentPage,
+ limit: pageSize,
+ search: debouncedSearchTerm || "",
+ };
+
+ // Remove empty parameters
+ const cleanParams = Object.fromEntries(
+ Object.entries(searchParams).filter(([, value]) => value !== "")
+ );
+
+ await dispatch(fetchOrganizations(cleanParams));
+ } catch (error) {
+ console.error("Failed to load categories", error);
+ }
+ };
+
+ loadPaymentMethods();
+ }, [dispatch, currentPage, pageSize, debouncedSearchTerm]);
+
+ // Debounce search term
+ useEffect(() => {
+ const timer = setTimeout(() => {
+ setDebouncedSearchTerm(searchTerm);
+ }, 500); // 500ms delay
+
+ return () => clearTimeout(timer);
+ }, [searchTerm]);
+
+ // Handle pagination
+ const handlePageChange = (page) => {
+ setCurrentPage(page);
+ };
+
+ // Handle page size change
+ const handlePageSizeChange = (newPageSize) => {
+ setPageSize(newPageSize);
+ setCurrentPage(1); // Reset to first page when changing page size
+ };
+
+ const handleSearch = (e) => {
+ const value = e.target.value;
+ setSearchTerm(value);
+ // Reset to first page when searching
+ setCurrentPage(1);
+ };
+
+ // Calculate pagination info
+ const totalRecords = totalPaymentMethods || dataSource.length;
+ const calculatedTotalPages = Math.ceil(totalRecords / pageSize);
+ const actualTotalPages = totalPages || calculatedTotalPages;
+
+ const handleDeletePaymentMethod = async (paymentMethodId) => {
+ try {
+ await dispatch(deletePaymentMethod(paymentMethodId));
+ // Show success message
+ MySwal.fire({
+ title: "Deleted!",
+ text: "Payment Method has been deleted successfully.",
+ icon: "success",
+ className: "btn btn-success",
+ customClass: {
+ confirmButton: "btn btn-success",
+ },
+ });
+ } catch (error) {
+ console.error("Failed to delete payment method:", error);
+ MySwal.fire({
+ title: "Error!",
+ text: "Failed to delete payment method. Please try again.",
+ icon: "error",
+ className: "btn btn-danger",
+ customClass: {
+ confirmButton: "btn btn-danger",
+ },
+ });
+ }
+ };
+
+ const renderTooltip = (props) => (
+
+ Pdf
+
+ );
+ const renderExcelTooltip = (props) => (
+
+ Excel
+
+ );
+ const renderPrinterTooltip = (props) => (
+
+ Printer
+
+ );
+ const renderRefreshTooltip = (props) => (
+
+ Refresh
+
+ );
+ const renderCollapseTooltip = (props) => (
+
+ Collapse
+
+ );
+
+ const dateOptions = [
+ { label: "Sort By: Last 7 Days", value: "last7days" },
+ { label: "Sort By: Last Month", value: "lastmonth" },
+ { label: "Sort By: Ascending", value: "ascending" },
+ { label: "Sort By: Descending", value: "descending" },
+ ];
+
+ const columns = [
+ {
+ title: "Company Name",
+ dataIndex: "companyname",
+ render: (_, record) => {
+ return {record.name};
+ },
+ sorter: (a, b) => a.name.length - b.name.length,
+ },
+ {
+ title: "Email",
+ dataIndex: "email",
+ render: (_, record) => {
+ return {record?.email ?? '-'};
+ },
+ sorter: (a, b) => a.email.length - b.email.length,
+ },
+ {
+ title: "Phone Number",
+ dataIndex: "phonenumber",
+ render: (_, record) => {
+ return {record?.phone_number ?? '-'};
+ },
+ sorter: (a, b) => a.phone_number.length - b.phone_number.length,
+ },
+ {
+ title: "Plan",
+ dataIndex: "plan",
+ render: (_, record) => {
+ return {record?.plan_type ?? '-'};
+ },
+ sorter: (a, b) => a.plan_type.length - b.plan_type.length,
+ },
+ {
+ title: "Created On",
+ dataIndex: "createdon",
+ render: (_, record) => {
+ return {formatDate(record.created_at)};
+ },
+ sorter: (a, b) => a.created_at.length - b.created_at.length,
+ },
+ {
+ title: "Actions",
+ dataIndex: "actions",
+ key: "actions",
+ render: (_, record) => (
+
+
+ ),
+ },
+ ];
+ const MySwal = withReactContent(Swal);
+
+
+ return (
+
-
@@ -894,7 +879,7 @@ const SalesList = () => {
Customer Info
-Carl Evans
- - 3103 Trainer Avenue Peoria, IL 61602 - - - Email: carlevans241@example.com - - - Phone: +1 987 471 6589 - + {setSelectedOrder && ( +
+
+
- Sales Detail
+
-
- Company Info
-DGT
- - 2077 Chicago Avenue Orosi, CA 93647 - - - Email: admin@example.com - - - Phone: +1 893 174 0385 - + +
+
-
+
+ Customer Info
++ {selectedOrder?.metadata?.customer_name} +
+ + 3103 Trainer Avenue Peoria, IL 61602 + + + Email: carlevans241@example.com + + + Phone: +1 987 471 6589 + +
+
+ Company Info
+DGT
+ + 2077 Chicago Avenue Orosi, CA 93647 + + + Email: admin@example.com + + + Phone: +1 893 174 0385 + +
+
Invoice Info
+ + Reference:{" "} + + {selectedOrder?.order_number} + + + + Date: {formatDate(selectedOrder?.created_at)} + + + Status:{" "} + + {selectedOrder?.status} + + + + Payment Status:{" "} + + Paid + + +
-
- Invoice Info
- - Reference:{" "} - - #SL0101 - - - Date: Dec 24, 2024 - - Status:{" "} - Completed - - - Payment Status:{" "} - - Paid - - -Order Summary
+Order Summary
-
-
-
-
-
-
- | Product | -Purchase Price($) | -Discount($) | -Tax(%) | -Tax Amount($) | -Unit Cost($) | -Total Cost(%) | -
|---|---|---|---|---|---|---|
-  {" "}
- Nike Jordan
- |
- 2000 | -500 | -0.00 | -0.00 | -0.00 | -1500 | -
-  {" "}
- Apple Series 5 Watch
- |
- 3000 | -400 | -0.00 | -0.00 | -0.00 | -1700 | -
-  {" "}
- Lobar Handy
- |
- 2500 | -500 | -0.00 | -0.00 | -0.00 | -2000 | -
-
+
+
+
+
-
+ )}
| Product | +Variant | +Status | +Quantity | +Unit Price | +Total Price | +
|---|---|---|---|---|---|
| Order Tax | -$ 0.00 | -||||
| Discount | -$ 0.00 | -||||
| Grand Total | -$ 5200.00 | -||||
| Paid | -$ 5200.00 | -||||
| Due | -$ 0.00 | -||||
| {item?.product_name} | +{item?.product_variant_name ?? "-"} | +{item?.status} | +{item?.quantity} | +{formatRupiah(item?.unit_price)} | +{formatRupiah(item?.total_price)} | +
-
-
+
-
+
+
+
+
| Order Tax | +{formatRupiah(selectedOrder?.tax_amount)} | +
| Discount | +{formatRupiah(selectedOrder?.discount_amount)} | +
| Grand Total | +{formatRupiah(selectedOrder?.total_amount)} | +
| Sub Total | +{formatRupiah(selectedOrder?.subtotal)} | +
+ dispatch(fetchPaymentMethod(record.id))}
+ >
+
+
+ {
+ e.preventDefault();
+ MySwal.fire({
+ title: "Are you sure?",
+ text: "You won't be able to revert this!",
+ showCancelButton: true,
+ confirmButtonColor: "#00ff00",
+ confirmButtonText: "Yes, delete it!",
+ cancelButtonColor: "#ff0000",
+ cancelButtonText: "Cancel",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ handleDeletePaymentMethod(record.id || record.key);
+ }
+ });
+ }}
+ >
+
+
+
+ );
+};
+
+export default CompanyList;
diff --git a/src/services/categoriesApi.js b/src/services/categoriesApi.js
index 4c292e8..69faa45 100644
--- a/src/services/categoriesApi.js
+++ b/src/services/categoriesApi.js
@@ -5,7 +5,6 @@ const ENDPOINTS = {
CATEGORIES: 'categories',
CATEGORY_BY_ID: (id) => `categories/${id}`,
CATEGORY_PRODUCTS: (id) => `categories/${id}/products`,
- SEARCH: 'categories/search',
};
// Categories API service
@@ -65,19 +64,6 @@ export const categoriesApi = {
}
},
- // Search categories
- searchCategories: async (query, params = {}) => {
- try {
- const response = await api.get(ENDPOINTS.SEARCH, {
- params: { q: query, ...params }
- });
- return response.data;
- } catch (error) {
- console.error('Error searching categories:', error);
- throw error;
- }
- },
-
// Get products by category
getCategoryProducts: async (id, params = {}) => {
try {
diff --git a/src/services/organizationsApi.js b/src/services/organizationsApi.js
new file mode 100644
index 0000000..cf37f4c
--- /dev/null
+++ b/src/services/organizationsApi.js
@@ -0,0 +1,91 @@
+import api from './api';
+
+const ENDPOINTS = {
+ ORGANIZATIONS: 'organizations',
+ ORGANIZATION_BY_ID: (id) => `organizations/${id}`,
+};
+
+export const organizationsApi = {
+ // Get all organizations
+ getAllOrganizations: async (params = {}) => {
+ try {
+ const response = await api.get(ENDPOINTS.ORGANIZATIONS, { params });
+ return response.data;
+ } catch (error) {
+ console.error('Error fetching organizations:', error);
+ throw error;
+ }
+ },
+
+ // Get organization by ID
+ getOrganizationById: async (id) => {
+ try {
+ const response = await api.get(ENDPOINTS.ORGANIZATION_BY_ID(id));
+ return response.data;
+ } catch (error) {
+ console.error(`Error fetching organization ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Create organization
+ createOrganization: async (data) => {
+ try {
+ const response = await api.post(ENDPOINTS.ORGANIZATIONS, data);
+ return response.data;
+ } catch (error) {
+ console.error('Error creating organization:', error);
+ throw error;
+ }
+ },
+
+ // Update organization
+ updateOrganization: async (id, data) => {
+ try {
+ const response = await api.put(ENDPOINTS.ORGANIZATION_BY_ID(id), data);
+ return response.data;
+ } catch (error) {
+ console.error(`Error updating organization ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Delete organization
+ deleteOrganization: async (id) => {
+ try {
+ const response = await api.delete(ENDPOINTS.ORGANIZATION_BY_ID(id));
+ return response.data;
+ } catch (error) {
+ console.error(`Error deleting organization ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Bulk update
+ bulkUpdate: async (organizations) => {
+ try {
+ const response = await api.put(`${ENDPOINTS.ORGANIZATIONS}/bulk`, {
+ organizations,
+ });
+ return response.data;
+ } catch (error) {
+ console.error('Error bulk updating organizations:', error);
+ throw error;
+ }
+ },
+
+ // Bulk delete
+ bulkDelete: async (ids) => {
+ try {
+ const response = await api.delete(`${ENDPOINTS.ORGANIZATIONS}/bulk`, {
+ data: { ids },
+ });
+ return response.data;
+ } catch (error) {
+ console.error('Error bulk deleting organizations:', error);
+ throw error;
+ }
+ },
+};
+
+export default organizationsApi;
diff --git a/src/services/paymentMethodsApi.js b/src/services/paymentMethodsApi.js
new file mode 100644
index 0000000..2712912
--- /dev/null
+++ b/src/services/paymentMethodsApi.js
@@ -0,0 +1,91 @@
+import api from './api';
+
+const ENDPOINTS = {
+ PAYMENT_METHODS: 'payment-methods',
+ PAYMENT_METHOD_BY_ID: (id) => `payment-methods/${id}`,
+};
+
+export const paymentMethodsApi = {
+ // Get all payment methods
+ getAll: async (params = {}) => {
+ try {
+ const response = await api.get(ENDPOINTS.PAYMENT_METHODS, { params });
+ return response.data;
+ } catch (error) {
+ console.error('Error fetching payment methods:', error);
+ throw error;
+ }
+ },
+
+ // Get payment method by ID
+ getById: async (id) => {
+ try {
+ const response = await api.get(ENDPOINTS.PAYMENT_METHOD_BY_ID(id));
+ return response.data;
+ } catch (error) {
+ console.error(`Error fetching payment method ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Create new payment method
+ create: async (data) => {
+ try {
+ const response = await api.post(ENDPOINTS.PAYMENT_METHODS, data);
+ return response.data;
+ } catch (error) {
+ console.error('Error creating payment method:', error);
+ throw error;
+ }
+ },
+
+ // Update payment method
+ update: async (id, data) => {
+ try {
+ const response = await api.put(ENDPOINTS.PAYMENT_METHOD_BY_ID(id), data);
+ return response.data;
+ } catch (error) {
+ console.error(`Error updating payment method ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Delete payment method
+ remove: async (id) => {
+ try {
+ const response = await api.delete(ENDPOINTS.PAYMENT_METHOD_BY_ID(id));
+ return response.data;
+ } catch (error) {
+ console.error(`Error deleting payment method ${id}:`, error);
+ throw error;
+ }
+ },
+
+ // Bulk update
+ bulkUpdate: async (methods) => {
+ try {
+ const response = await api.put(`${ENDPOINTS.PAYMENT_METHODS}/bulk`, {
+ methods,
+ });
+ return response.data;
+ } catch (error) {
+ console.error('Error bulk updating payment methods:', error);
+ throw error;
+ }
+ },
+
+ // Bulk delete
+ bulkDelete: async (ids) => {
+ try {
+ const response = await api.delete(`${ENDPOINTS.PAYMENT_METHODS}/bulk`, {
+ data: { ids },
+ });
+ return response.data;
+ } catch (error) {
+ console.error('Error bulk deleting payment methods:', error);
+ throw error;
+ }
+ },
+};
+
+export default paymentMethodsApi;
diff --git a/src/utils/date.js b/src/utils/date.js
index 1f933e4..7051609 100644
--- a/src/utils/date.js
+++ b/src/utils/date.js
@@ -10,4 +10,8 @@ const formatDate = (isoDate) => {
return formatted
};
-export { formatDate };
+const formatInputDate = (date) => {
+ return new Date(date).toLocaleDateString("en-CA");
+};
+
+export { formatDate, formatInputDate };
+
+
+
+
+
+ {/* /product list */}
+
+
+
+
+ Companies
+Manage your companies
+-
+
-
+
+ + ++ +
+ -
+
+ + ++ +
+ -
+
+ + + + +
+ -
+
+ + ++ +
+ -
+
+ { + dispatch(setToogleHeader(!data)); + }} + > + ++ +
+
+
+
+
+
+ {/* /category list */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {loading ? (
+
+
+
+
+
+ ) : error ? (
+
+ Loading...
+
+ Loading categories...
+
+ Error: {error}
+
+
+ ) : (
+ <>
+