@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

package/src/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.tsx

@@ -1,131 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import {
-  useCurrentAction,
-  useOrderDetails,
-  useOrderId,
-  // useOrderId,
-  useStatusDetails,
-} from '../../../store';
-import { optionsMenu, optionsMenuClientPortal } from '../../../fakedata';
-import {
-  useCreateReminderPayload,
-  useCreateTaskPayload,
-} from '../../../order-actions/store';
-import { Dropdown, Space } from 'antd';
-import ArrowDownIcon from '../../../../../assets/icons/ArrowDownIcon';
-import { useClientPortal } from '../../../../store';
-
-function Options() {
-  const [, setCurrentAction] = useCurrentAction();
-  const [orderId] = useOrderId();
-  const [, setReminderPayload] = useCreateReminderPayload();
-  const [, setTaskPayload] = useCreateTaskPayload();
-  const [orderStatus] = useStatusDetails();
-  const [orderDetails] = useOrderDetails();
-  const [isClientPortal] = useClientPortal();
-
-  const clientPortalMenuItems = isClientPortal
-    ? optionsMenuClientPortal
-    : optionsMenu;
-
-  const handleSelectChange = (selectedOption: any) => {
-    setCurrentAction(selectedOption);
-
-    if (selectedOption === 'create-reminder') {
-      setReminderPayload((prevState: any) => ({
-        ...prevState,
-        order_id: orderId,
-      }));
-    } else if (selectedOption === 'create-task') {
-      setTaskPayload((prevState: any) => ({
-        ...prevState,
-        order_id: orderId,
-      }));
-    }
-  };
-
-  const isReleased = orderStatus[0]?.released;
-  // const routedValue = orderStatus[0]?.routed;
-  const isRouted = orderStatus[0]?.routed && orderDetails?.order_routes?.id;
-  const isOrderOnHold = orderDetails?.status === 'OO';
-  const isOrderCancelled = orderDetails?.status === 'CO';
-
-  const filteredOptions = clientPortalMenuItems?.filter(option => {
-    let shouldExclude = false;
-
-    if (isOrderOnHold && option.value === 'hold-order') {
-      shouldExclude = true;
-    }
-    if (isOrderCancelled && option.value === 'cancel-order') {
-      shouldExclude = true;
-    }
-    if (!isOrderCancelled || isOrderOnHold) {
-      if (option.value === 'uncancel-order') {
-        shouldExclude = true;
-      }
-    }
-    if (!isReleased && option.value === 'unrelease-order') {
-      shouldExclude = true;
-    }
-    if (!isOrderOnHold && option.value === 'unhold-order') {
-      shouldExclude = true;
-    }
-
-    if (isOrderOnHold && option.value === 'confirm-order') {
-      shouldExclude = true;
-    }
-
-    if (!isRouted && option.value === 'log-service-refusal') {
-      shouldExclude = true;
-    }
-
-    if (isRouted && option.value === 'clear-date') {
-      shouldExclude = true;
-    }
-
-    // if (routedValue && option.value === 'remove-from-route') {
-    //   shouldExclude = true;
-    // }
-
-    return !shouldExclude;
-  });
-
-  const menuItems = {
-    items: filteredOptions?.map(option => ({
-      key: option.value,
-      label: (
-        <div onClick={() => handleSelectChange(option.value)}>
-          {option.label}
-        </div>
-      ),
-    })),
-  };
-
-  return (
-    <Option>
-      <Dropdown menu={menuItems} trigger={['hover']}>
-        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>
-          <StyledSpace>
-            OPTIONS
-            <ArrowDownIcon fill={'#f0f2f2'} />
-          </StyledSpace>
-        </a>
-      </Dropdown>
-    </Option>
-  );
-}
-const Option = styled.div``;
-
-const StyledSpace = styled(Space)`
-  .ant-space-item {
-    color: #6a7378;
-    text-align: center;
-    font-family: Lato;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-  }
-`;
-
-export default Options;

package/src/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.tsx

@@ -1,78 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { PrintIconMap } from '../../../../order-daily-overview/shared/utlis';
-import { PrintData } from '../../../../order-daily-overview/shared/interface';
-import { optionsForReturnPrint } from '../../../../order-daily-overview/common/fakedata';
-
-const options: PrintData[] = optionsForReturnPrint;
-
-const PrintDropDownReturn = ({
-  legacyURL,
-  legacyProductID,
-}: {
-  legacyProductID: any;
-  legacyURL: string;
-}) => {
-  const downloadFiles = () => {
-    if (!legacyURL) return;
-
-    const url = `${legacyURL}${legacyProductID}`;
-    window.open(url, '_blank');
-    console.log(url, 'urlurl');
-  };
-  return (
-    <OptionsList>
-      {options?.map((item, index) => {
-        const IconComponent = PrintIconMap[item.icon];
-        const isDisabled = !legacyURL || !legacyProductID;
-
-        return (
-          <OptionsListLi
-            key={index}
-            onClick={!isDisabled ? downloadFiles : undefined}
-            disabled={isDisabled}
-          >
-            {IconComponent && <IconComponent />} {item.label}
-          </OptionsListLi>
-        );
-      })}
-    </OptionsList>
-  );
-};
-
-export default PrintDropDownReturn;
-
-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;
-  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
-  width: 177px;
-  padding: 5px 1px 3px 1px;
-  position: absolute;
-  top: 26px;
-  right: 0;
-  z-index: 99;
-  min-width: 194px;
-`;
-
-export const OptionsListLi = styled.li<{ disabled?: boolean }>`
-  border-bottom: 1px solid #f0f2f2;
-  padding: 8px 10px;
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  font-size: 13px;
-  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-  color: ${({ disabled }) => (disabled ? '#ccc' : 'inherit')};
-  pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};
-  background-color: ${({ disabled }) => (disabled ? '#f5f5f5' : 'transparent')};
-
-  &:last-child {
-    border: none;
-  }
-`;

package/src/components/order-view/details-filters/right-side-filters/Details.tsx

@@ -1,80 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { useCustomerInfo, useGlobalEscData } from '../../store';
-
-import { Skeleton } from 'antd';
-
-const Details = () => {
-  // const [orderDetails] = useOrderDetails();
-  const [customerInfo] = useCustomerInfo();
-  const recipient = customerInfo?.recipient_name || '';
-  const postcodeShow = customerInfo?.postcode || '';
-  const returnActionString = customerInfo?.return_action?.length 
-    ? `${customerInfo.return_action.join(', ')} - ` 
-    : '';
-
-  const [globalEscData] = useGlobalEscData();
-
-  const isLoading = !recipient && !postcodeShow;
-
-  return (
-    <DetailsContainer>
-      <Typo>
-        {isLoading ? (
-          <Skeleton.Input active size="small" style={{ width: 350, borderRadius: 8 }} />
-        ) : (
-          `RETURN - ${returnActionString}${recipient} - ${postcodeShow}`
-        )}
-        {globalEscData?.length > 0 && !isLoading && (
-          <EscInfo>
-            {`${globalEscData[0]?.escalation_type?.level} (${globalEscData[0]?.escalation_type?.name})`}
-          </EscInfo>
-        )}
-      </Typo>
-    </DetailsContainer>
-  );
-};
-
-const DetailsContainer = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  > svg {
-    transform: scale(0.6);
-  }
-`;
-
-const Typo = styled.div`
-  display: flex;
-  flex-direction: row;
-  gap: 15px;
-  align-items: center;
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 32px;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 0;
-
-  @media screen and (max-width: 1220px) {
-    font-size: 14px;
-  }
-`;
-
-const Name = styled.div`
-  /* heading/h3-subHeader */
-  font-family: 'Roboto', sans-serif;
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: 32px; /* 160% */
-  text-transform: uppercase;
-`;
-
-const EscInfo = styled(Name)`
-  color: #6396e5;
-  font-size: 16px;
-`;
-
-export default Details;

package/src/components/order-view/fakedata.ts

@@ -1,194 +0,0 @@
-import { ChargeLogData } from './types';
-
-export const bjsMenu = [
-  {
-    label: 'Add Order Resources',
-    value: 'add-resources',
-  },
-  {
-    label: 'Split Order',
-    value: 'split-order',
-  },
-];
-
-export const optionsMenuClientPortal = [
-  { label: 'Create Task', value: 'create-task' },
-  {
-    label: 'On Hold',
-    value: 'hold-order',
-  },
-  {
-    label: 'Un Hold',
-    value: 'unhold-order',
-  },
-  {
-    label: 'Cancel',
-    value: 'cancel-order',
-  },
-  {
-    label: 'Un-Cancel',
-    value: 'uncancel-order',
-  },
-];
-
-export const optionsMenu = [
-  { label: 'Create Reminder', value: 'create-reminder' },
-  { label: 'Create Task', value: 'create-task' },
-  { label: 'Confirm', value: 'confirm-order' },
-  { label: 'Hold', value: 'hold-order' },
-  { label: 'Cancel', value: 'cancel-order' },
-  { label: 'Un Hold', value: 'unhold-order' },
-  {
-    label: 'Remove from Route',
-    value: 'remove-from-route',
-  },
-  {
-    label: 'Un-Cancel',
-    value: 'uncancel-order',
-  },
-  {
-    label: 'Clear Booking Status',
-    value: 'clear-date',
-  },
-  { label: 'Charge Log', value: 'charge-log' },
-  { label: 'Force Debrief', value: 'force-debrief' },
-];
-
-export const PrintMenu = [
-  {
-    label: 'Proof of Delivery',
-    value: 'proofofdelivery',
-  },
-  {
-    label: 'Return Labels',
-    value: 'returnlabels',
-  },
-  {
-    label: 'Return Cover Notes',
-    value: 'returncovernote',
-  },
-];
-
-export const orderResources = [
-  {
-    date: '15/01/2024 06:22:47',
-    updated_at: '15/01/2024 06:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 1,
-  },
-  {
-    date: '22/01/2024 07:22:47',
-    updated_at: '22/01/2024 07:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 2,
-  },
-  {
-    date: '22/01/2024 07:22:47',
-    updated_at: '22/01/2024 07:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 3,
-  },
-  {
-    date: '22/01/2024 07:22:47',
-    updated_at: '22/01/2024 07:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 4,
-  },
-  {
-    date: '22/01/2024 07:22:47',
-    updated_at: '22/01/2024 07:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 5,
-  },
-  {
-    date: '22/01/2024 07:22:47',
-    updated_at: '22/01/2024 07:22:47',
-    type: 'Workflow',
-    category: 'Epod',
-    reference: 'Success Note',
-    id: 6,
-  },
-];
-
-export const HoldOptionMenu = [
-  {
-    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',
-    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',
-  },
-  {
-    label: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',
-    value: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',
-  },
-  {
-    label: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',
-    value: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',
-  },
-  {
-    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',
-    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',
-  },
-  {
-    label: 'STOCK RECEIPT / NO STOCK - CANX',
-    value: 'STOCK RECEIPT / NO STOCK - CANX',
-  },
-  {
-    label: 'STOCK RECEIPT / RE-ALLOCATION',
-    value: 'STOCK RECEIPT / RE-ALLOCATION',
-  },
-  {
-    label: 'CONTACT DETAILS / MISSING TEL NUMBER',
-    value: 'CONTACT DETAILS / MISSING TEL NUMBER',
-  },
-  {
-    label: 'CONTACT DETAILS / INCORRECT ADDRESS',
-    value: 'CONTACT DETAILS / INCORRECT ADDRESS',
-  },
-];
-
-export const initialData: ChargeLogData[] = [
-  {
-    id: 1,
-    date: '17/05/2024',
-    description: 'Delivery Success - 17/05/2024',
-    amount: '0.00',
-    status: '2024-06-02 - Moreham Wood Direct - 34113',
-  },
-  {
-    id: 2,
-    date: '17/05/2024',
-    description: 'Delivery Success - 17/05/2024',
-    amount: '0.45',
-    status: '2024-06-02 - Moreham Wood Direct - 34113',
-  },
-  {
-    id: 3,
-    date: '17/05/2024',
-    description: 'Delivery Success - 17/05/2024',
-    amount: '0.00',
-    status: '',
-  },
-  {
-    id: 4,
-    date: '17/05/2024',
-    description: 'Delivery Success - 17/05/2024',
-    amount: '0.78',
-    status: 'Awaiting Invoice',
-  },
-  {
-    id: 5,
-    date: '17/05/2024',
-    description: 'Delivery Success - 17/05/2024',
-    amount: '0.108',
-    status: 'Awaiting',
-  },
-];

package/src/components/order-view/flags-action-modal/Actions.tsx

@@ -1,173 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { useFlagById, useUpdateTask } from '../order-actions/store';
-import { useCurrentAction } from '../store';
-import Tippy from '@tippyjs/react';
-import {
-  Button,
-  RadioButtonGroup,
-  useAxios,
-} from '@bjsdistribution/dms-component-library';
-import { ApiResponse } from '../types';
-import { notification } from 'antd';
-
-export const FlagsFilter = [
-  {
-    label: 'Private',
-    value: 'private',
-  },
-  {
-    label: 'Public',
-    value: 'public',
-  },
-];
-
-function SaveDetails({ callUnresolvedTaskApi, setTasksData }: any) {
-  const [, setCurrentAction] = useCurrentAction();
-  const [taskPayload] = useUpdateTask();
-
-  const [flagById] = useFlagById();
-
-  //flag PUT API
-  const { fetchData: callFlagUpdateAPI } = useAxios<{
-    data: ApiResponse[];
-  }>({
-    endpoint: `/v1/task/update/`,
-    method: 'PUT',
-  });
-
-  const onSubmit = async () => {
-    const response = (await callFlagUpdateAPI({
-      payload: [taskPayload],
-    })) as {
-      code: number | null;
-      error?: string | null;
-      message?: string;
-      data?: any;
-      [key: string]: any;
-    };
-
-    if (response.code === 200 && response?.data) {
-      notification.success({
-        message: 'Success',
-        description: `${response.message}`,
-      });
-
-      setCurrentAction(undefined);
-
-      const unresolvedResponse = await callUnresolvedTaskApi();
-      if (unresolvedResponse && unresolvedResponse?.data) {
-        setTasksData(unresolvedResponse?.data);
-      }
-    }
-
-    if (response?.code == null && response?.error) {
-      return notification.error({
-        message: 'Failure',
-        description: `${response.error}`,
-      });
-    }
-  };
-
-  const onCancel = () => {
-    setCurrentAction(undefined);
-  };
-
-  const isDisabled = flagById?.status === 'SD';
-
-  return (
-    <Wrapper>
-      <Tippy
-        content={
-          <TooltipContent>
-            {
-              'This task cannot be edited because it has been marked as resolved.'
-            }
-          </TooltipContent>
-        }
-        placement="bottom"
-        arrow={true}
-        disabled={!isDisabled}
-      >
-        <ButtonWrapper>
-          <SaveButton onClick={onSubmit} disabled={isDisabled}>
-            SAVE DETAILS
-          </SaveButton>
-          <CancelButton onClick={onCancel}>CANCEL</CancelButton>
-        </ButtonWrapper>
-      </Tippy>
-    </Wrapper>
-  );
-}
-
-function RadioButtonsSection() {
-  const [flagById] = useFlagById();
-  const [taskPayload, setPayload] = useUpdateTask();
-  const [, setNewValue] = useState<boolean | string>(false);
-
-  useEffect(() => {
-    const defaultSelectedValue = flagById?.is_private ? false : true;
-    setPayload({
-      ...taskPayload,
-      is_private: defaultSelectedValue,
-    });
-  }, [flagById?.is_private]);
-
-  const handleRadioButtonChange = (event: any) => {
-    const value = event.target.value;
-
-    let booleanValue: boolean;
-    if (value === 'private') {
-      booleanValue = true;
-    } else {
-      booleanValue = false;
-    }
-
-    setNewValue(value);
-    setPayload({
-      ...taskPayload,
-      is_private: booleanValue,
-    });
-  };
-
-  return (
-    <DropDowns>
-      <RadioButtonGroup
-        selectedValue={taskPayload?.is_private == false ? 'public' : 'private'}
-        options={FlagsFilter}
-        onChange={handleRadioButtonChange}
-        heading={''}
-        required={false}
-      />
-    </DropDowns>
-  );
-}
-
-const ButtonWrapper = styled.div`
-  display: flex;
-  gap: 15px;
-  margin-right: 15px;
-`;
-
-const SaveButton = styled(Button)``;
-
-const CancelButton = styled(Button)`
-  background-color: white;
-  color: #3a3630;
-`;
-
-const DropDowns = styled.div`
-  display: flex;
-  gap: 25px;
-`;
-
-const TooltipContent = styled.div`
-  background-color: #333;
-  color: #fff;
-  padding: 5px 10px;
-  border-radius: 5px;
-`;
-
-const Wrapper = styled.div``;
-
-export { SaveDetails, RadioButtonsSection };

package/src/components/order-view/flags-action-modal/DetailSection.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Label } from '@bjsdistribution/dms-component-library';
-import { useFlagById } from '../order-actions/store';
-
-function DetailSection() {
-  const [flagById] = useFlagById();
-
-  let orderColumnData =
-    flagById?.order_data?.order_recipient?.recipient_name?.toUpperCase() +
-    ', ' +
-    flagById?.order_data?.order_recipient?.postcode;
-
-  return (
-    <Detail>
-      <Flex>
-        <StyledLabel label="Reference" />
-        <Ref>{flagById?.id}</Ref>
-      </Flex>
-      <Flex>
-        <StyledLabel label="Order" />
-        <Order>{orderColumnData}</Order>
-      </Flex>
-    </Detail>
-  );
-}
-
-const Detail = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 40%;
-  flex-wrap: wrap;
-`;
-
-const Flex = styled.div`
-  margin-top: 20px;
-`;
-const Ref = styled.div`
-  color: #7b7874;
-  font-family: 'Lato', sans-serif;
-`;
-const Order = styled.div`
-  color: #7b7874;
-  text-decoration: underline;
-  font-family: 'Lato', sans-serif;
-`;
-const StyledLabel = styled(Label)`
-  margin-right: 10px;
-  font-weight: bold;
-`;
-
-export default DetailSection;