@bjsdistribution/dms-client-return 0.0.1

package/src/components/fakeData.ts

@@ -0,0 +1,351 @@
+export const obtainProductMethodData = [
+  {
+    label: 'Collect From Other Location',
+    value: 'collect_from_other_location',
+  },
+  {
+    label: 'Collect From Customer',
+    value: 'collect_from_customer',
+  },
+  {
+    label: 'Collect From Supplier',
+    value: 'collect_from_supplier',
+  },
+  {
+    label: 'Already Collected',
+    value: 'already_collected',
+  },
+  {
+    label: 'Customer Delivering into Depot',
+    value: 'customer_delivering_into_depot',
+  },
+  {
+    label: 'Supplier Delivering into Depot',
+    value: 'supplier_delivering_into_depot',
+  },
+  {
+    label: 'Pick From Internal stock',
+    value: 'pick_from_internal_stock',
+  },
+  {
+    label: 'Full Stock Control',
+    value: 'full_stock_control',
+  },
+];
+
+export const options = [
+  {
+    label: 'Task',
+    value: 'task',
+    selectedBackgroundColor: '#F0F2F2',
+    selectedFontColor: '#3a3630',
+  },
+  {
+    label: 'Reminder',
+    value: 'reminder',
+    selectedBackgroundColor: 'white',
+    selectedFontColor: '#3a3630',
+  },
+];
+export const ReturnData =[
+  {
+    label: 'Return1',
+    value: 'return1',
+  },
+  {
+    label: 'Return2',
+    value: 'return2',
+  },
+  {
+    label: 'Return3',
+    value: 'return3',
+  },
+]
+export const CollectionData =[
+  {
+    label: 'Test1',
+    value: 'test1',
+  },
+  {
+    label: 'Test2',
+    value: 'test2',
+  },
+  {
+    label: 'Test3',
+    value: 'test3',
+  },
+]
+
+export const UnReceivedata =[
+  {
+    label: 'Test1',
+    value: 'test1',
+  },
+  {
+    label: 'Test2',
+    value: 'test2',
+  },
+  {
+    label: 'Test3',
+    value: 'test3',
+  },
+]
+export const ProductType = [
+  {
+    label: 'Delivery',
+    value: 'delivery',
+  },
+  {
+    label: 'Return',
+    value: 'return',
+  },
+  {
+    label: 'Collection',
+    value: 'collection',
+  },]
+
+export const TaskType = [
+  {
+    label: 'Client',
+    value: 'client',
+  },
+  {
+    label: 'Customer Service (CS)',
+    value: 'cs',
+  },
+  {
+    label: 'Transport (DH)',
+    value: 'dh',
+  },
+  {
+    label: 'Warehouse',
+    value: 'warehouse',
+  },
+  {
+    label: 'Customer Portal',
+    value: 'customer-portal',
+  },
+  {
+    label: 'Delivery App',
+    value: 'delivery-app',
+  },
+  {
+    label: 'Complaints',
+    value: 'complaints',
+  },
+  {
+    label: 'Offshore',
+    value: 'offshore',
+  },
+  {
+    label: 'Stock Admin',
+    value: 'stock-admin',
+  },
+  {
+    label: 'Call Customer',
+    value: 'call-customer',
+  },
+  {
+    label: 'Driver Compliance',
+    value: 'driver-compliance',
+  },
+];
+
+export const CustomOptions = [
+  {
+    label: 'Private',
+    value: 'private',
+  },
+  {
+    label: 'Public',
+    value: 'public',
+  },
+];
+
+export const DefectConfirm = [
+  {
+    label: 'Yes',
+    value: 'yes',
+  },
+  {
+    label: 'No',
+    value: 'no',
+  },
+];
+
+export const TomTomColumns = [
+  {
+    header: 'Event Date',
+    accessorKey: 'eventdate',
+  },
+  {
+    header: 'Route',
+    accessorKey: 'route',
+  },
+  {
+    header: 'Details',
+    accessorKey: 'details',
+  },
+  {
+    header: 'Type',
+    accessorKey: 'type',
+  },
+];
+
+export const orderResources = [
+  {
+    types: 'Workflow',
+    category: 'ePOD',
+    datetimes: '2024-06-01 10:30:30',
+    action: 'action',
+    reference: 'Success Note'
+  },
+  {
+    types: 'Workflow',
+    category: 'ePOD',
+    datetimes: '2024-06-01 10:30:30',
+    action: 'action',
+    reference: 'Success Note'
+  },
+  {
+    types: 'Workflow',
+    category: 'ePOD',
+    datetimes: '2024-06-01 10:30:30',
+    action: 'action',
+    reference: 'Success Note'
+  },{
+    types: 'Workflow',
+    category: 'ePOD',
+    datetimes: '2024-06-01 10:30:30',
+    action: 'action',
+    reference: 'Success Note'
+  },
+];
+export const orderResourcesColumns = [
+  {
+    header: 'Date Time',
+    accessorKey: 'datetimes',
+  },
+  {
+    header: 'Type',
+    accessorKey: 'types',
+  },
+  {
+    header: 'Category',
+    accessorKey: 'category',
+  },
+  {
+    header: 'Reference',
+    accessorKey: 'reference',
+  },
+  {
+    header: 'Action',
+    accessorKey: 'action',
+  },
+];
+
+export const tomtomResources = [
+  {
+    route: 'Hammer',
+    details: 'Sent to Object; RYF',
+    eventdate: '2024-06-01',
+    type: 'workFlow',
+  },
+  {
+    route: 'Screwdriver',
+    details: 'Sent to Object; RYF',
+    eventdate: '2024-06-10',
+    type: 'workFlow',
+  },
+  {
+    route: 'Wrench',
+    details: 'Sent to Object; RYF',
+    eventdate: '2024-06-20',
+    type: 'workFlow',
+  },
+];
+
+export const toolboxResources = [
+  {
+    resources: 'Hammer',
+    sources: 'John Doe',
+    datetime: '2024-06-01',
+    action: 'Action',
+  },
+  {
+    resources: 'Screwdriver',
+    sources: 'Jane Smith',
+    datetime: '2024-06-10',
+    action: 'Action',
+  },
+  {
+    resources: 'Wrench',
+    sources: 'Jim Beam',
+    datetime: '2024-06-20',
+    action: 'Action',
+  },
+];
+export const toolboxColumns = [
+  {
+    header: 'Resources',
+    accessorKey: 'resources',
+  },
+  {
+    header: 'Sources',
+    accessorKey: 'sources',
+  },
+  {
+    header: 'Date Time',
+    accessorKey: 'datetime',
+  },
+  {
+    header: 'Action',
+    accessorKey: 'action',
+  },
+];
+
+export const SystemEventColumns = [
+  {
+    header: 'Date',
+    accessorKey: 'date',
+  },
+  {
+    header: 'Event',
+    accessorKey: 'event',
+  },
+  {
+    header: 'Notes',
+    accessorKey: 'notes',
+  },
+  {
+    header: 'Code',
+    accessorKey: 'code',
+  },
+];
+
+export const systemLgsEvents = [
+  {
+    event: 'Order cretaed via Api',
+    notes: 'Consignment Number: BGRD546841',
+    date: '2024-06-01 20:01:11',
+    code: 'BPA1124',
+  },
+  {
+    event: 'Order cretaed via Api',
+    notes: 'Consignment Number: BGRD546841',
+    date: '2024-06-01 20:01:11',
+    code: 'BPA1124',
+  },
+  {
+    event: 'Order cretaed via Api',
+    notes: 'Consignment Number: BGRD546841',
+    date: '2024-06-01 20:01:11',
+    code: 'BPA1124',
+  },
+  {
+    event: 'Order cretaed via Api',
+    notes: 'Consignment Number: BGRD546841',
+    date: '2024-06-01 20:01:11',
+    code: 'BPA1124',
+  },
+];

package/src/components/order-daily-overview/common/PrintDropDown.tsx

@@ -0,0 +1,100 @@
+import React from 'react';
+import styled from 'styled-components';
+import { optionsPrint } from './fakedata';
+import { PrintData } from '../shared/interface';
+
+const options: PrintData[] = optionsPrint;
+interface IProps {
+  gsitOrderId: number;
+}
+
+const PrintDropDown = (props: IProps) => {
+  const getUrl = (option: string) => {
+    const val = option?.toLowerCase()?.replaceAll(' ', '');
+    if (val === 'proofofdelivery') {
+      return '';
+    }
+    if (val === 'proofofdelivery(doc)') {
+      return '';
+    }
+    if (val === 'orderdeliverylabels') {
+      return `https://staging.toolbox.bjshomedelivery.com/api/v1/gsit/generate_labels?pdf=true&product_type=Deliver&order_id=${props?.gsitOrderId}`;
+    }
+    if (val === 'ordercollectionlabels') {
+      return `https://staging.toolbox.bjshomedelivery.com/api/v1/gsit/generate_labels?pdf=true&product_type=Collect&order_id=${props?.gsitOrderId}`;
+    }
+    if (val === 'orderreturnlabels') {
+      return `https://staging.toolbox.bjshomedelivery.com/api/v1/gsit/generate_labels?pdf=true&product_type=Return&order_id=${props?.gsitOrderId}`;
+    }
+    if (val === 'returnscovernote') {
+      return '';
+    } else {
+      return '';
+    }
+  };
+
+  return (
+    <OptionsList>
+      {options.map((item, index) => {
+        return (
+          <OptionsListItems key={index}>
+            <a
+              href={getUrl(item?.label)}
+              target="_blank"
+              id={item?.label?.toLowerCase()?.replaceAll(' ', '_')}
+              download
+            >
+              {item?.label}
+            </a>
+          </OptionsListItems>
+        );
+      })}
+    </OptionsList>
+  );
+};
+
+export default PrintDropDown;
+
+export const OptionsList = styled.ul`
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  box-sizing: border-box;
+  border-radius: 6px;
+  border: 1px solid rgba(224, 226, 231, 0.5);
+  background: #fff;
+  width: 177px;
+  padding: 5px 1px 3px 1px;
+  position: absolute;
+  top: 29px;
+  right: 0;
+  z-index: 99;
+  min-width: 194px;
+`;
+
+export const OptionsListItems = styled.li`
+  border-bottom: 1px solid #f0f2f2;
+  padding: 12px 10px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  font-size: 13px;
+  cursor: pointer;
+
+  a {
+    text-decoration: none;
+    color: #8d8f90;
+    font-family: 'Lato', sans-serif;
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+
+    &:hover {
+      color: #3a3630;
+    }
+  }
+
+  &:last-child {
+    border: none;
+  }
+`;