@bjsdistribution/dms-client-return 0.0.83 → 0.0.84

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

@@ -1,100 +0,0 @@
-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;
-  }
-`;

package/src/components/order-daily-overview/common/css/TableStyle.tsx

@@ -1,202 +0,0 @@
-import styled from 'styled-components';
-
-// Styled components
-export const TableWrapper = styled.div`
-  overflow-x: auto;
-
-  margin-top: 10px;
-`;
-
-export const Table = styled.table`
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0 12px;
-
-  thead tr {
-    border-radius: 40px;
-
-    th:first-child {
-      border-radius: 100px 0 0 100px;
-      border-left: 1px solid rgba(0, 0, 0, 0.08);
-    }
-    th:last-child {
-      border-radius: 0px 100px 100px 0;
-      border-right: 1px solid rgba(0, 0, 0, 0.08);
-    }
-  }
-
-  tbody tr {
-    border-radius: 40px;
-    &.completed td {
-      background: rgba(87, 219, 122, 0.2) !important;
-    }
-    td:first-child {
-      border-radius: 100px 0 0 100px;
-      border-left: 1px solid rgba(0, 0, 0, 0.08);
-    }
-    td:last-child {
-      border-radius: 0px 100px 100px 0;
-      border-right: 1px solid rgba(0, 0, 0, 0.08);
-    }
-    &:nth-child(even) td {
-      background: #f6fbff;
-    }
-    td {
-      .red path {
-        fill: #e95252;
-      }
-      .green path {
-        fill: #29cc6a;
-      }
-    }
-  }
-`;
-
-export const Th = styled.th`
-  color: #3a3630;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-  padding: 6px 15px;
-  background: #f0f2f2;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-right: none;
-  border-left: none;
-  text-align: left;
-`;
-
-export const Td = styled.td`
-  color: #3a3630;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  padding: 6px 15px;
-  background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-right: none;
-  border-left: none;
-`;
-
-export const Flex = styled.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  em {
-    padding-left: 8px;
-    border-left: 2px dotted #758588;
-    font-style: normal;
-  }
-  span {
-    display: block;
-    line-height: 1;
-    &:first-child {
-      margin-bottom: 5px;
-    }
-  }
-`;
-export const RoundedBorder = styled.div`
-  border-radius: 30px;
-  border: 1px solid #edefef;
-  background: #f6fbff;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-
-export const RouteName = styled.div`
-  font-weight: 600;
-  color: #09f;
-  margin-bottom: 6px;
-`;
-
-export const FlexGap4 = styled.div`
-  display: flex;
-  gap: 4px;
-  align-items: center;
-`;
-
-export const TomtomName = styled.div`
-  color: #29cc6a;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 24px;
-`;
-export const LineBreak = styled.div``;
-export const Weight = styled.div`
-  font-size: 10px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 16px;
-`;
-
-export const IconCover = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  span {
-    margin-top: 4px;
-  }
-`;
-
-export const TomtomCover = styled.div`
-  transform: scale(0.5);
-`;
-
-export const CustomDrop = styled.div`
-  border-radius: 20px;
-  border: 1px solid #e2e0db;
-  background: #fff;
-  display: flex;
-  padding: 4px 8px;
-  gap: 8px;
-  align-items: center;
-  cursor: pointer;
-  &.active .drop {
-    transform: rotate(180deg);
-  }
-`;
-
-export const CoverCustomDrop = styled.div`
-  position: relative;
-`;
-
-export const IconCoverData = styled.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  svg {
-    cursor: pointer;
-  }
-`;
-
-//Route Details Style
-export const AuditTableWrapper = styled.div`
-  overflow-x: auto;
-`;
-
-export const RowHeading = styled.div`
-  font-family: 'lato', sans-serif;
-  font-size: 15px;
-  font-style: normal;
-  font-weight: 500;
-`;
-
-export const Heading = styled.div`
-  color: var(--Neutral-Gray-Gray-500, #667085);
-  font-family: 'lato', sans-serif;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 700;
-`;
-
-export const SubHeading = styled.span`
-  color: var(--Neutral-Gray-Gray-500, #667085);
-  font-family: 'lato', sans-serif;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 400;
-`;

package/src/components/order-daily-overview/common/css/mediaQuery.ts

@@ -1,13 +0,0 @@
-const size = {
-  mobilePortrait: '450px',
-  mobileLandscape: '767px',
-  tabletPortrait: '950px',
-  tabletlandscape: '1200',
-  smallScreen: '1800px',
-  // largerDevice:''
-};
-
-export const device = {
-  smallScreen: `(max-width: ${size.smallScreen})`,
-  tabletlandscape: `(max-width: ${size.tabletlandscape})`,
-};

package/src/components/order-daily-overview/store/filterStore.ts

@@ -1,100 +0,0 @@
-import { atom, useAtom } from 'jotai';
-// import { formatDate } from '../shared/utlis';
-import { format } from 'date-fns';
-
-const date = atom(new Date());
-export const usedate = () => {
-  return useAtom(date);
-};
-
-interface Filter {
-  field: string;
-  op: string;
-  value: any;
-}
-
-interface Pagination {
-  page: number;
-  per_page: number;
-}
-
-interface FilterState {
-  'x-filters': Filter[];
-  'x-pagination': Pagination;
-}
-let todayDate = new Date();
-const initialState: FilterState = {
-  'x-filters': [
-    {
-      field: 'action_date',
-      op: '>=',
-      value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T00:00:00+00:00`,
-    },
-    {
-      field: 'action_date',
-      op: '<=',
-      value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T23:59:59+00:00`,
-    },
-
-    { field: 'status', op: 'count', value: '' },
-  ],
-  'x-pagination': { page: 1, per_page: 50 },
-};
-
-const filterReducer = (state: FilterState, action: any): FilterState => {
-
-  switch (action.type) {
-    case 'SET_DATE_FILTER':
-      return {
-        ...state,
-        'x-filters': [
-          ...state['x-filters'].filter(f => f.field !== 'action_date' && f.field !== 'status'), 
-          {
-            field: 'action_date',
-            op: '>=',
-            value: `${format(
-              new Date(action.payload),
-              'yyyy-MM-dd'
-            )}T00:00:00+00:00`,
-          },
-          {
-            field: 'action_date',
-            op: '<=',
-            value: `${format(
-              new Date(action.payload),
-              'yyyy-MM-dd'
-            )}T23:59:59+00:00`,
-          },
-          { field: 'status', op: 'count', value: '' },
-        ],
-      };
-
-    case 'SET_PAGE':
-      return {
-        ...state,
-        'x-pagination': {
-          ...state['x-pagination'],
-          page: action.payload,
-        },
-      };
-
-    case 'SET_PERPAGE':
-      return {
-        ...state,
-        'x-pagination': {
-          ...state['x-pagination'],
-          per_page: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-};
-
-const filtersStateAtom = atom(initialState);
-
-export const filtersReducerAtom = atom(
-  get => get(filtersStateAtom),
-  (get, set, action) =>
-    set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))
-);

package/src/components/order-daily-overview/store/initialValues.ts

@@ -1,16 +0,0 @@
-export const routeInfoInitialValue = {
-  id: 0,
-  depot_id: 0,
-  tomtom_id: 0,
-  route_name: '',
-  action_date: '',
-  assets: '',
-  fuel_card_id: 0,
-  total_weight: 0,
-  total_cube: 0,
-  contains_collection: false,
-  contains_heavy_item: false,
-  route_detail: [],
-  route_crew_info: [],
-  route_breaks: [],
-};