@bjsdistribution/dms-client-return 0.0.1

package/src/components/types.ts

@@ -0,0 +1,225 @@
+export type NullableDate = Date | undefined;
+
+export type SelectDateType = {
+  date: {
+    startDate: NullableDate;
+    endDate: NullableDate;
+  };
+};
+
+export type OrderViewType = 'add' | 'view' | 'edit';
+
+
+
+
+
+export interface ColumnConfig {
+  key: string;
+  label: string;
+  render: (row: any) => React.ReactNode;
+}
+
+export interface MyTableProps {
+  data: any[];
+  columns: ColumnConfig[];
+  loading: boolean;
+  onSort: (columnKey: string) => void;
+  handleRowClick?: (rowId: string) => void;
+}
+
+export interface Column {
+  Header: string;
+  accessor: string;
+  render?: (data: any, row: TableRow) => React.ReactNode;
+  callback?: (data: any) => void;
+  sortable?: boolean;
+  showIcon?: boolean
+}
+
+export interface TableRow {
+  [key: string]: any; // This makes the TableRow type flexible to accommodate any shape of data
+}
+
+export interface ApiResponse {
+  message: string;
+  code: number;
+  error: string | null;
+  error_traceback: string | null;
+  data: any;
+}
+
+export interface InvoiceData {
+  id: number;
+  date: string;
+  customer_id: number;
+  customer_name: string;
+  account_number: string;
+  order_ids: number[];
+  total_orders: number;
+  total_items: number;
+  total_amount: number;
+  vat_rate: number;
+  fuel_surcharge: any;
+  discount: any;
+  total: number;
+}
+
+export interface InQueue {
+  id: number;
+  customer_id: number;
+  invoice_number: string;
+  invoice_date: string;
+  invoice_reference: string;
+  invoice_description: any;
+  total_orders: number;
+  total_items: number;
+  amount: number;
+  fuel_surcharge: any;
+  discount: any;
+  discount_description: any;
+  vat_rate: number;
+  total_amount: number;
+  is_deleted: any;
+  invoice_terms: any;
+  paid_date: any;
+  confirmed_date: any;
+  email_sent: boolean;
+  email_sent_date: any;
+  created_at: string;
+  created_by: string;
+  updated_at: string;
+  updated_by: string;
+  status_id: number;
+  customer_name: string;
+  account_number: string;
+  due_date: any;
+  overdue_days: any;
+  terms_description: any;
+  invoice_discount_queues: any[];
+  invoice_notes: any[];
+}
+
+export interface Option {
+  label: string;
+  value: number;
+}
+
+interface Filter {
+  field: string;
+  op: string;
+  value: any;
+}
+
+interface Pagination {
+  page: number;
+  per_page: number;
+}
+export interface FilterState {
+  'x-filters': Filter[];
+  'x-pagination': Pagination;
+}
+
+export interface InvoiceOrderType {
+  id: number;
+  date: string;
+  descriptions: Description[];
+  base_charge: number;
+  base_charge_type: number;
+  order_status_id?: any;
+  discount: number;
+  order_id: number;
+  recipient_name: string;
+  postcode: string;
+  order_number: string;
+  weight: number;
+  cube: number;
+  zone_code: string;
+  total_products: number;
+  total_items: number;
+  total_amount: number[];
+  total: number;
+}
+interface Description {
+  description: string;
+  charge: number;
+}
+
+export interface InvoiceDetailType {
+  invoice_discount_queues: any;
+  customer_id: number;
+  sub_account: boolean;
+  customer_name: string;
+  account_number: string;
+  vat: number;
+  orders: InvoiceOrderType[];
+  invoices?: any;
+  total_items: number;
+  total_orders: number;
+  sub_total: number;
+  fuel_surcharge: number;
+  total_fuel_surcharge: number;
+  discount?: any;
+  total_discount: number;
+  vat_rate: number;
+  total_vat: number;
+  total: number;
+}
+
+export type ReadyForInvoiceView = 'client' | 'subaccount' | 'undefined';
+
+export type CreateInvoiceType = {
+  customer_id: number;
+  debrief_id: number[];
+  invoice_number?: string;
+  invoice_date?: Date | string;
+  invoice_description?: string;
+  invoice_reference?: number;
+  total_orders: number;
+  total_items: number;
+  fuel_surcharge: number;
+  discount: number;
+  discount_description?: string;
+  vat_rate: number;
+  amount: number;
+  total_amount: number;
+  status_id?: number;
+};
+
+export type UpdateStatus = {
+  id: number | null | undefined;
+  new_discount: number;
+  description: string;
+  status_id: number | undefined | null;
+};
+export type RemoveOrderDetailType = {
+  customer_id: number;
+  debrief_id: number;
+  order_number: string;
+};
+
+export type SubAccountOverviewType = {
+  customer_name?: string;
+  customer_id?: number;
+  account_number?: string;
+  total_items?: number;
+  total_orders?: number;
+  total_products?: number;
+  total_charges?: number | string;
+};
+
+export type InvoiceOverviewType = {
+  account_number: string;
+  customer_id: number;
+  customer_name: string;
+  date: string;
+  discount: number;
+  fuel_surcharge: number;
+  has_sub_account: boolean;
+  order_ids: number[];
+  sub_accounts: SubAccountOverviewType[];
+  total: number;
+  total_amount: number;
+  total_items: number;
+  total_orders: number;
+  vat_rate: number;
+};

package/src/components/utils.ts

@@ -0,0 +1,113 @@
+import { format } from "date-fns";
+
+export const EscalationCategory = [
+  {
+    label: 'Failure-Not Failure',
+    value: 'Failure-Not Failure',
+  },
+  {
+    label: 'Failure Fault',
+    value: 'Failure Fault',
+  },
+  {
+    label: 'Failure Upgrade',
+    value: 'Failure Upgrade',
+  },
+  {
+    label: 'Elite',
+    value: 'Elite',
+  },
+  {
+    label: 'New Client',
+    value: 'New Client',
+  },
+];
+
+export const EscalationLevel = [
+  {
+    label: 'VIP4',
+    value: 'VIP4',
+  },
+  {
+    label: 'VIP3',
+    value: 'VIP3',
+  },
+  {
+    label: 'VIP2',
+    value: 'VIP2',
+  },
+  {
+    label: 'VIP1',
+    value: 'VIP1',
+  },
+  {
+    label: 'New Client',
+    value: 'New Client',
+  },
+];
+export const EscalationReason = [
+  {
+    label: 'INBOUND / DAMAGE - ITEM UNFIT TO BE DELIVERED - by Co',
+    value: 'INBOUND / DAMAGE - ITEM UNFIT TO BE DELIVERED - by Co',
+  },
+  {
+    label: 'INBOUND / PRODUCT ISSUE - WRONG ITEM BEEN DESPATCHED - by Co',
+    value: 'INBOUND / PRODUCT ISSUE - WRONG ITEM BEEN DESPATCHED - by Co',
+  },
+  {
+    label: 'INBOUND / CANCEL - BEFORE ROUTING - by Co',
+    value: 'INBOUND / CANCEL - BEFORE ROUTING - by Co',
+  },
+  {
+    label: 'PRE-CALL / ADDRESS - WRONG ADDRESS (UNABLE TO RE-ROUTE) - by BJS',
+    value: 'PRE-CALL / ADDRESS - WRONG ADDRESS (UNABLE TO RE-ROUTE) - by BJS',
+  },
+  {
+    label: 'Predated charges PRE-CALL / DEL WINDOW - NOT SUITABLE - by CUST',
+    value: 'Predated charges PRE-CALL / DEL WINDOW - NOT SUITABLE - by CUST',
+  },
+  {
+    label: 'ON-ROUTE / ADDRESS - WRONG ADDRESS (UNABLE TO RE-ROUTE) - by BJS',
+    value: 'ON-ROUTE / ADDRESS - WRONG ADDRESS (UNABLE TO RE-ROUTE) - by BJS',
+  },
+  {
+    label: 'LOADING / STOCK RECEIPT - NO STK RECEIVED - Co',
+    value: 'LOADING / STOCK RECEIPT - NO STK RECEIVED - Co',
+  },
+];
+export const EscalationStatus = [
+  {
+    label: 'Pending',
+    value: 'Pending',
+  },
+  {
+    label: 'Stock Check',
+    value: 'Stock Check',
+  },
+  {
+    label: 'Ready to Post Call',
+    value: 'Ready to Post Call',
+  },
+  {
+    label: 'Post Called',
+    value: 'Post Called',
+  },
+  {
+    label: 'Completed',
+    value: 'Completed',
+  },
+];
+
+
+export const getIntegerValue = (value: number) => {
+  return value ?? 0;
+};
+
+export const getStringValue = (value: string) => {
+  return value === '' ? 'N/A' : value;
+};
+
+export const FormattedDate = ({ date }: any) => {
+  const formattedDate = format(new Date(date), 'dd/MM/yyyy');
+  return formattedDate;
+}

package/src/index.tsx

@@ -0,0 +1,25 @@
+import React, { Suspense } from 'react';
+import { Route, Routes } from 'react-router-dom';
+// import AddOrder from './components/add-order';
+import OrderView from './components/order-view';
+// import AllReminder from './components/order-view/all-reminder/AllReminder';
+import ReturnTable from './components/order-daily-overview/return-order-table/ReturnTable';
+import ReturnAfterTable from './components/order-daily-overview/return-after-table/ReturnAfterTable';
+import ReturnMainTable from './components/order-daily-overview';
+
+function ReturnClient() {
+  const LoadingMessage = () => <div>Loading...</div>;
+
+  return (
+    <Suspense fallback={<LoadingMessage />}>
+      <Routes>
+        <Route path="" element={<ReturnMainTable />} />
+        <Route path="return" element={<ReturnTable />} />
+        <Route path="returntable" element={<ReturnAfterTable />} />\
+        <Route path="details" element={<OrderView />} />
+      </Routes>
+    </Suspense>
+  );
+}
+
+export default ReturnClient;

package/src/setupTests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';