@bjsdistribution/dms-client-return 0.0.82 → 0.0.84

package/src/components/order-view/notes/logs/columns/Details.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import PublicIcon from '../../../../../assets/icons/PublicIcon';
-// import PrivateIcon from '../../../../../assets/icons/PrivateIcon';
-
-function Created(props: any) {
-  const data = props?.row?.original;
-  return (
-    <RowContainer>
-      <Row>
-        <CreatedBy>{data.created_by}</CreatedBy>
-        <Wrapper>
-          <ProductId>{data.created_at}</ProductId>
-          <ProductId>{data.product_id}</ProductId>
-          <PublicIcon />
-          {/* <PrivateIcon /> */}
-        </Wrapper>
-      </Row>
-    </RowContainer>
-  );
-}
-
-const ProductId = styled.span`
-  margin: 0;
-  padding: 0;
-  font-family: 'Lato', sans-serif;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 16px;
-  color: #667085;
-`;
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-`;
-
-const CreatedBy = styled.p`
-  margin: 0;
-  padding: 0;
-  font-family: 'Lato', sans-serif;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 18px;
-  color: '#3A3630';
-`;
-
-const RowContainer = styled.div``;
-
-const Row = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-
-export default Created;

package/src/components/order-view/notes/logs/columns/index.tsx

@@ -1,2 +0,0 @@
-export { default as DetailsColumn } from './Details';
-export { default as NotesColumn } from './NotesColumn';

package/src/components/order-view/notification/OrderTemplate.tsx

@@ -1,108 +0,0 @@
-import { Alert, FlagAlert } from '@bjsdistribution/dms-component-library';
-import React, { useEffect } from 'react';
-import styled from 'styled-components';
-import { useOrderDetails } from '../store';
-import { useOrderNotify, useRouteDetails } from '../order-actions/store';
-
-function OrderTemplate() {
-  const [orderDetails] = useOrderDetails();
-  const [routeData] = useRouteDetails();
-  const [, setOrderCount] = useOrderNotify();
-  const precall = false;
-
-  const crewDetails =
-    routeData?.route_crew_info?.crew1_id +
-    ' ' +
-    routeData?.route_crew_info?.crew1 +
-    ' ' +
-    routeData?.route_crew_info?.crew2_id +
-    ' ' +
-    routeData?.route_crew_info?.crew2 +
-    ' ';
-
-  useEffect(() => {
-    if (precall) {
-      setOrderCount(prevCount => prevCount + 1);
-    }
-  }, [precall]);
-
-  return (
-    <>
-      <StyledAlert>
-        <Alert
-          type="info"
-          title={`Order Status Note : ${orderDetails?.order_status_note}`}
-          description={''}
-          showOkButton={false}
-          onClose={() => {}}
-        />
-      </StyledAlert>
-      {orderDetails.status == 'SD' ? (
-        <StyledAlert>
-          <FlagAlert
-            type="success"
-            title={
-              <TitleText>
-                Completed: {orderDetails?.order_routes?.complete_time}, Signee:{' '}
-                {orderDetails?.order_routes?.signee} Notes :
-                {orderDetails?.order_routes?.complete_notes}
-              </TitleText>
-            }
-            description={
-              <SubtitleText>
-                Route: {routeData?.route_name}
-                {routeData?.route_lock ? ' *LOCKED* ' : ''} on{' '}
-                {routeData?.route_detail?.vehicle_number} | Crew : {crewDetails}
-                | {routeData?.route_date}
-              </SubtitleText>
-            }
-            showOkButton={false}
-            onClose={() => {}}
-          />
-        </StyledAlert>
-      ) : null}
-
-      {precall ? (
-        <StyledAlert>
-          <FlagAlert
-            type="success"
-            title={`Order Pre-Call Slot Time : ${orderDetails?.order_eta_updates?.map(
-              (i: any) => i.slot_start
-            )} - ${orderDetails?.order_eta_updates?.map(
-              (i: any) => i?.slot_end
-            )}`}
-            description={``}
-            showOkButton={false}
-            onClose={() => {}}
-          />
-        </StyledAlert>
-      ) : null}
-    </>
-  );
-}
-
-const StyledAlert = styled.div`
-  margin-bottom: 5px;
-`;
-
-const SubtitleText = styled.div`
-  color: #36a053;
-
-  font-family: Roboto;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px;
-`;
-
-const TitleText = styled.div`
-  color: var(--primary-dark-brown, #3a3630);
-
-  font-family: Lato;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 18px;
-`;
-
-export default OrderTemplate;

package/src/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.tsx

@@ -1,95 +0,0 @@
-import styled from 'styled-components';
-import React from 'react';
-import { AntTable } from '@bjsdistribution/dms-component-library';
-
-function CancelOrderTable() {
-  const options = [
-    { value: 'bjsCouriers', label: 'BJS COURIERS' },
-    { value: 'bjsSales', label: 'BJS SALES' },
-    { value: 'test', label: 'TEST' },
-  ];
-
-  const data = [
-    {
-      status: 'option1',
-      code: 'FFLMW-B1',
-      description:
-        'Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
-      sku: '007022530015429326',
-    },
-    {
-      status: 'option2',
-      code: 'FFLMW-B1',
-      description:
-        'Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
-      sku: '007022530015429326',
-    },
-    {
-      status: 'option3',
-      code: 'FFLMW-B1',
-      description:
-        'Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
-      sku: '007022530015429326',
-    },
-  ];
-
-  const columns = [
-    { key: 'checkbox', title: '', isCheckbox: true },
-    { key: 'status', title: 'Status', isSelect: true },
-    { key: 'code', title: 'Code' },
-    { key: 'description', title: 'Description' },
-    { key: 'sku', title: 'SKU' },
-  ];
-  return (
-    <GLobalPopupContent>
-      <AntTable
-        columns={columns}
-        data={data}
-        selectOptions={options}
-        onSelectChange={(value: any, record: any) =>
-          console.log('Selected value:', value, 'for record:', record)
-        }
-      />
-    </GLobalPopupContent>
-  );
-}
-
-const GLobalPopupContent = styled.div`
-  section {
-    padding: 15px 15px 0;
-    .filterCover {
-      border-radius: 16px;
-      border: 1px solid var(--tonal-brown-10, #edebe8);
-      background: #f8fafc;
-      display: flex;
-      gap: 30px;
-      padding: 15px;
-      gap: 15px;
-      .col {
-        width: 21%;
-        label {
-          color: #8d8f90;
-          font-size: 14px;
-          font-weight: 500;
-          line-height: 20px;
-          display: block;
-          margin-bottom: 4px;
-        }
-        .ant-select-single {
-          width: 100%;
-        }
-        select {
-          width: 100%;
-        }
-        &:first-child {
-          width: 43%;
-        }
-        &:last-child {
-          width: 33%;
-        }
-      }
-    }
-  }
-`;
-
-export default CancelOrderTable;

package/src/components/order-view/order-actions/actions/cancel-order/CancelationNote.tsx

@@ -1,28 +0,0 @@
-import styled from 'styled-components';
-import React from 'react';
-import { TextArea } from '@bjsdistribution/dms-component-library';
-
-function CancelationNote() {
-  return (
-    <Container>
-      <Label>Cancelation Note</Label>
-      <TextArea rows={5} />
-    </Container>
-  );
-}
-
-const Label = styled.label`
-  color: #6a7378;
-  font-family: 'Lato', sans-serif;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-`;
-
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-`;
-
-export default CancelationNote;

package/src/components/order-view/order-actions/actions/cancel-order/CancelationReason.tsx

@@ -1,18 +0,0 @@
-import OrderActionsDropdown from '../../Dropdown';
-import React from 'react';
-
-function CancelationReason() {
-  const onSelect = () => {};
-  const onSearch = () => {};
-  return (
-    <OrderActionsDropdown
-      label="Cancelation Reason"
-      placeholder="Select Cancelation Reason"
-      options={[]}
-      onSelect={onSelect}
-      onSearch={onSearch}
-    />
-  );
-}
-
-export default CancelationReason;

package/src/components/order-view/order-actions/actions/charge-log/DeleteLogModal.tsx

@@ -1,39 +0,0 @@
-import {
-  CancelAndCompleteAction,
-  CancelationModal,
-} from '@bjsdistribution/dms-component-library';
-import React from 'react';
-import styled from 'styled-components';
-import { useCurrentAction } from '../../../store';
-
-const DeleteLogModal = () => {
-  const [, setCurrentAction] = useCurrentAction();
-
-  const saveButton = () => {
-    setCurrentAction(undefined);
-  };
-
-  const closeModal = () => {
-    setCurrentAction(undefined);
-  };
-  return (
-    <CancelationModal
-      title="Delete Log"
-      description="Are you sure, you want to Delete the Log?"
-      actions={
-        <CustomCancelAndCompleteAction
-          cancelLabel="Cancel"
-          onCancel={closeModal}
-          completeLabel="Confirm"
-          onComplete={saveButton}
-        />
-      }
-    />
-  );
-};
-
-const CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`
-  justify-content: center;
-`;
-
-export default DeleteLogModal;

package/src/components/order-view/order-actions/actions/charge-log/index.tsx

@@ -1,171 +0,0 @@
-import React from 'react';
-import {
-  // AmountContainer,
-  // AmountSymbol,
-  ContentContainer,
-  // DeleteCircleIcon,
-  Heading,
-  // StatusWrapper,
-  // StyledAmountInput,
-  // SuccessText,
-} from '../modalstyle';
-import { AntTable } from '@bjsdistribution/dms-component-library';
-
-import { useCurrentAction, useCustomerInfo } from '../../../store';
-import { ChargeLogData } from '../../../types';
-// import { initialData } from '../../../fakedata';
-import OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';
-import DustbinIcon from '../../../../../assets/icons/DustbinIcon';
-
-function ChargeLog() {
-  const [, setCurrentAction] = useCurrentAction();
-  const [customerInfo] = useCustomerInfo();
-  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;
-
-  // const [data, setData] = useState<ChargeLogData[]>(initialData);
-
-  const closeModal = () => {
-    setCurrentAction(undefined);
-  };
-
-  // const handleDelete = (record: ChargeLogData) => {
-  //   const newData = data.filter(item => item.id !== record.id);
-  //   setData(newData);
-  // };
-  // const handleAmountChange = (value: string, id: number) => {
-  //   const amountValue = value.replace(/[^0-9.]/g, '');
-  //   const parts = amountValue.split('.');
-  //   if (parts.length > 2) {
-  //     return;
-  //   }
-  //   if (parts.length === 2 && parts[1].length > 2) {
-  //     return;
-  //   }
-
-  //   const newData = data.map(item => {
-  //     if (item.id === id) {
-  //       return { ...item, amount: amountValue };
-  //     }
-  //     return item;
-  //   });
-  //   setData(newData);
-  // };
-
-  //   const columns: Column[] = [
-  //     { key: 'date', title: 'Date', dataIndex: 'date' },
-  //     { key: 'description', title: 'Description', dataIndex: 'description' },
-  //     {
-  //       key: 'amount',
-  //       title: 'Amount',
-  //       dataIndex: 'amount',
-  //       render: (record: any) => (
-  //         <AmountContainer>
-  //           <AmountSymbol>£</AmountSymbol>
-  //           {record.status ? (
-  //             <StyledAmountInput
-  //               type="text"
-  //               value={record.amount}
-  //               onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-  //                 handleAmountChange(e.target.value, record.id)
-  //               }
-  //             />
-  //           ) : (
-  //             <div>{record.amount}</div>
-  //           )}
-  //         </AmountContainer>
-  //       ),
-  //     },
-  //     {
-  //       key: 'status',
-  //       title: 'Status',
-  //       render: (record: any) => (
-  //         <StatusWrapper>
-  //           {record.status ? (
-  //             <>
-  //               Invoice : <SuccessText>{record.status}</SuccessText>
-  //             </>
-  //           ) : (
-  //             'Awaiting Invoice'
-  //           )}
-  //         </StatusWrapper>
-  //       ),
-  //     },
-  //     {
-  //       key: 'action',
-  //       title: 'Action',
-  //       render: (record: any) => (
-  //         <DeleteCircleIcon onClick={() => handleDelete(record)}>
-  //           <DeleteIcon />
-  //         </DeleteCircleIcon>
-  //       ),
-  //     },
-  //   ];
-
-  const column = [
-    { key: 'date', title: 'Date' },
-    { key: 'description', title: 'Description' },
-    { key: 'amount', title: 'Amount' },
-    { key: 'status', title: 'Status' },
-    { key: 'action', title: 'Action' },
-  ];
-  const Data = [
-    {
-      date: '17/05/2024',
-      description: 'Delivery Success - 17/05/2024',
-      amount: '£0.00',
-      status: '2024-06-02 - Moreham Wood Direct - 34113',
-      action: <DustbinIcon />,
-    },
-    {
-      date: '17/05/2024',
-      description: 'Delivery Success - 17/05/2024',
-      amount: '£0.45',
-      status: '2024-06-02 - Moreham Wood Direct - 34113',
-      action: <DustbinIcon />,
-    },
-    {
-      date: '17/05/2024',
-      description: 'Delivery Success - 17/05/2024',
-      amount: '£0.00',
-      status: '',
-      action: <DustbinIcon />,
-    },
-    {
-      date: '17/05/2024',
-      description: 'Delivery Success - 17/05/2024',
-      amount: '£0.78',
-      status: 'Awaiting Invoice',
-      action: <DustbinIcon />,
-    },
-    {
-      date: '17/05/2024',
-      description: 'Delivery Success - 17/05/2024',
-      amount: '£0.108',
-      status: 'Awaiting',
-      action: <DustbinIcon />,
-    },
-  ];
-  return (
-    <OrderActionModal
-      headerTitle="Charges For"
-      onCloseHeader={closeModal}
-      onSubmit={() => {}}
-      submitBtnTitle="Save Details"
-      showAdditionalInfo
-      infoText={infoText}
-    >
-      <ContentContainer>
-        <Heading> PRODUCTS </Heading>
-        <AntTable
-          columns={column}
-          data={Data}
-          onSelectChange={(value: any, record: ChargeLogData) =>
-            console.log('Selected value:', value, 'for record:', record)
-          }
-        />
-      </ContentContainer>
-    </OrderActionModal>
-  );
-}
-
-export default ChargeLog;

package/src/components/order-view/order-actions/actions/escalation/Dropdowns.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { AntSelect, Label } from '@bjsdistribution/dms-component-library';
-import styled from 'styled-components';
-import { notification } from 'antd';
-// import {
-//   EscalationCategory,
-//   EscalationLevel,
-//   EscalationReason,
-//   EscalationStatus,
-// } from '../../utils';
-const FlexContainer = styled.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
-  justify-content: space-between;
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-  }
-`;
-const InnerCont = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  flex: 1;
-`;
-const StyledAntSelect = styled(AntSelect)`
-  width: 100%;
-  height: 40px;
-`;
-const Dropdowns = () => {
-  const handleSelectChange = () => {
-    // alert('hello');
-    notification.success({
-      message: 'Success',
-      description: 'Saved successfully.',
-    });
-  };
-  return (
-    <FlexContainer>
-      <InnerCont>
-        <Label label="Escalation Category" required />
-        <StyledAntSelect
-          options={[]}
-          placeholder="Select Category"
-          onChange={handleSelectChange}
-          disabled={false}
-          showSearch={true}
-          popupClassName={'dropDownStyle'}
-          selectWrapperClass={'rounded'}
-          style={{ width: '10vw' }}
-        />
-      </InnerCont>
-      <InnerCont>
-        <Label label="Level" required />
-        <StyledAntSelect
-          options={[]}
-          placeholder="Select Level"
-          onChange={handleSelectChange}
-          disabled={false}
-          showSearch={true}
-          popupClassName={'dropDownStyle'}
-          selectWrapperClass={'rounded'}
-          style={{ width: '10vw' }}
-        />
-      </InnerCont>
-      <InnerCont>
-        <Label label="Escalation Reason" required />
-        <StyledAntSelect
-          options={[]}
-          placeholder="Select Reason"
-          onChange={handleSelectChange}
-          disabled={false}
-          showSearch={true}
-          popupClassName={'dropDownStyle'}
-          selectWrapperClass={'rounded'}
-          style={{ width: '10vw' }}
-        />
-      </InnerCont>
-      <InnerCont>
-        <Label label="Escalation Status" required />
-        <StyledAntSelect
-          options={[]}
-          placeholder="Select Status"
-          onChange={handleSelectChange}
-          disabled={false}
-          showSearch={true}
-          popupClassName={'dropDownStyle'}
-          selectWrapperClass={'rounded'}
-          style={{ width: '10vw' }}
-        />
-      </InnerCont>
-    </FlexContainer>
-  );
-};
-export default Dropdowns;

package/src/components/order-view/order-actions/actions/escalation/EscalationModal.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';
-import { useCurrentAction } from '../../../store';
-import NewEscalation from './NewEscalation';
-
-const EscalationModal: React.FC = () => {
-  const [, setCurrentAction] = useCurrentAction();
-
-  const closeModal = () => {
-    setCurrentAction(undefined);
-  };
-
-  return (
-    <>
-      <OrderActionModal
-        headerTitle="Escalations"
-        onCloseHeader={closeModal}
-        onSubmit={() => {}}
-        infoText="NICK OLIVER, YO42ST"
-        showAdditionalInfo
-      >
-        <NewEscalation />
-      </OrderActionModal>
-    </>
-  );
-};
-
-export default EscalationModal;