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

package/src/components/order-view/general-information/dropdowns/Print.tsx

@@ -1,172 +0,0 @@
-import React, { useMemo } from 'react';
-import styled from 'styled-components';
-import { PrintMenu } from '../../fakedata';
-import { useOrderDetails } from '../../store';
-import { Dropdown, Space } from 'antd';
-import ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-
-function Print() {
-  const [orderDetails] = useOrderDetails();
-  const gsitId = orderDetails?.gsit_order_id;
-
-  const orderId = useMemo(() => {
-    return orderDetails?.id;
-  }, [orderDetails]);
-
-  const getEnvironment = ():
-    | 'development'
-    | 'release_us'
-    | 'release_uk'
-    | 'staging' => {
-    const projectEnv = process.env.REACT_APP_PROJECT_ENV;
-    const apiPath = process.env.REACT_APP_API_PATH;
-
-    if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {
-      return 'release_us';
-    }
-    if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {
-      return 'development';
-    }
-    if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {
-      return 'staging';
-    }
-
-    if (projectEnv === 'release_uk') {
-      return 'release_uk';
-    }
-    if (projectEnv === 'release_us') {
-      return 'release_us';
-    }
-    if (projectEnv === 'staging') {
-      return 'staging';
-    }
-    return 'development';
-  };
-
-  const getBaseUrl = (): string => {
-    const environment = getEnvironment();
-    switch (environment) {
-      case 'release_uk':
-      case 'release_us':
-        return 'https://us.toolbox.bjshomedelivery.com/api/v1/gsit';
-      case 'staging':
-        return 'https://staging.toolbox.bjshomedelivery.com/api/v1/gsit';
-      default:
-        return 'https://development.toolbox.bjshomedelivery.com/api/v1/gsit';
-    }
-  };
-
-  const getUrl = (option: string) => {
-    const val = option?.toLowerCase()?.replaceAll(' ', '');
-    const baseUrl = getBaseUrl();
-
-    if (!gsitId) {
-      console.error('Missing orderId. Cannot generate Return Labels URL.');
-      return '';
-    }
-    if (val === 'returnlabels') {
-      return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;
-    } else {
-      return '';
-    }
-  };
-
-  const handleSelectChange = (selectedOption: any) => {
-    const selectedValue = selectedOption?.value;
-    const baseEndpoint = getBaseEndpoint();
-    if (selectedValue) {
-      //return
-      if (selectedValue === 'returncovernote') {
-        window.open(
-          `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,
-          '_blank'
-        );
-        //proof
-      } else if (selectedValue === 'proofofdelivery') {
-        window.open(
-          `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,
-          '_blank'
-        );
-      } else {
-        const url = getUrl(selectedValue);
-        window.open(url, '_blank');
-      }
-    }
-  };
-
-  // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {
-  //   proofofdelivery: 'deliver',
-  //   returnlabels: 'return',
-  //   returncovernote: 'collect',
-  // };
-
-  // const isOptionDisabled = (optionValue: string) => {
-  //   const labels = orderDetails?.labels || {};
-  //   const labelKey = optionToLabelKey[optionValue];
-
-  //   if (!labelKey) return false;
-  //   return !labels[labelKey];
-  // };
-
-  const filteredOptions = PrintMenu?.map((option: any) => ({
-    key: option.value,
-    label: option.label,
-    value: option.value,
-  }));
-
-  const menuItems = {
-    items: filteredOptions?.map((option: any) => {
-      // const disabled = isOptionDisabled(option.value);
-
-      return {
-        key: option.value,
-        label: (
-          <div
-            onClick={e => {
-              e.stopPropagation();
-              // if (!disabled) {
-                handleSelectChange(option);
-              // }
-            }}
-            // style={{
-            //   color: disabled ? '#bfbfbf' : undefined,
-            //   cursor: disabled ? 'not-allowed' : 'pointer',
-            // }}
-          >
-            {option.label}
-          </div>
-        ),
-        // disabled,
-      };
-    }),
-  };
-
-  return (
-    <Container>
-      <Dropdown menu={menuItems} trigger={['hover']}>
-        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>
-          <StyledSpace>
-            PRINT
-            <ArrowDownIcon fill={'#f0f2f2'} />
-          </StyledSpace>
-        </a>
-      </Dropdown>
-    </Container>
-  );
-}
-
-const Container = 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 Print;

package/src/components/order-view/general-information/index.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import Status from './Status';
-import styled from 'styled-components';
-// import DropDownOptions from './dropdowns';
-
-function GeneralHeader({ statusDataLoading }: any) {
-  return (
-    <Section>
-      <Status statusDataLoading={statusDataLoading} />
-      {/* <DropDownOptions /> */}
-    </Section>
-  );
-}
-
-const Section = styled.div``;
-
-export default GeneralHeader;

package/src/components/order-view/generic-table/AuditLogs.tsx

@@ -1,130 +0,0 @@
-import styled from 'styled-components';
-import React from 'react';
-
-import { Skeleton } from 'antd';
-import {
-  PrivateIcon,
-  formatUtcToLocal,
-} from '@bjsdistribution/dms-component-library';
-import { NotesTableData } from '../notes/logs/fakeData';
-import { useAuditLogLoadingState, usegetNotes } from '../store';
-
-const GenericAuditLogsTable = () => {
-  const tableHeadData = NotesTableData[0]?.tableHead; // Assuming NotesTableData contains table header information
-  const [getNotes] = usegetNotes();
-  const [auditLogLoadingStatus] = useAuditLogLoadingState();
-
-  return (
-    <ScrollableTableWrapper>
-      <AuditTableWrapper>
-        <table>
-          <thead>
-            <tr>
-              {tableHeadData?.map(column => (
-                <th key={column.key}>{column.label}</th>
-              ))}
-            </tr>
-          </thead>
-          <tbody>
-            {auditLogLoadingStatus ? (
-              <tr>
-                <td className="noBoder" colSpan={tableHeadData?.length}>
-                  <Skeleton />
-                </td>
-              </tr>
-            ) : getNotes && getNotes?.length > 0 ? (
-              getNotes?.map((note: any) => (
-                <tr key={note?.id}>
-                  <td>
-                    <div className="bold" title={note?.created_by}>
-                      {note?.created_by}
-                    </div>
-                    <div className="notesIcon">
-                      {note?.is_private ? (
-                        <>
-                          <PrivateIcon />{' '}
-                          <span className="datetime">{`${
-                            formatUtcToLocal(note?.created_at).date
-                          } @ ${
-                            formatUtcToLocal(note?.created_at).time
-                          }`}</span>
-                        </>
-                      ) : (
-                        <span className="datetime">{`${
-                          formatUtcToLocal(note?.created_at).date
-                        } @ ${formatUtcToLocal(note?.created_at).time}`}</span>
-                      )}
-                    </div>
-                    <div>{note?.note_type || 'N/A'}</div>
-                  </td>
-                  <td
-                    dangerouslySetInnerHTML={{ __html: note?.description }}
-                  ></td>
-                </tr>
-              ))
-            ) : (
-              <tr>
-                <td colSpan={tableHeadData?.length}>No data found</td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </AuditTableWrapper>
-    </ScrollableTableWrapper>
-  );
-};
-
-const ScrollableTableWrapper = styled.div``;
-
-export const AuditTableWrapper = styled.div`
-  height: 250px;
-  min-height: 200px;
-  /* overflow: auto; */
-
-  table {
-    border-spacing: 0;
-    width: 100%;
-    text-align: left;
-
-    thead {
-      th {
-        border-bottom: 1px solid rgba(58, 54, 48, 0.25);
-        background: #faf9f9;
-        padding: 14px 12px;
-        color: #3a3630;
-        font-size: 14px;
-        font-weight: 600;
-        line-height: 24px;
-      }
-    }
-    tbody {
-      td {
-        color: #667085;
-        font-family: Lato;
-        font-size: 13px;
-        font-weight: 400;
-        line-height: 16px;
-        padding: 10px;
-        border-bottom: 1px solid #efe8e8;
-        word-break: break-word;
-        vertical-align: top;
-
-        .bold {
-          font-weight: 500;
-          font-size: 14px;
-        }
-        .notesIcon {
-          display: flex;
-          align-items: center;
-          gap: 5px;
-
-          .datetime {
-            min-width: 155px;
-          }
-        }
-      }
-    }
-  }
-`;
-
-export default GenericAuditLogsTable;

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

@@ -1,37 +0,0 @@
-export const StatusOptions = [
-  {
-    label: 'Released',
-    value: 'released',
-  },
-  {
-    label: 'Received',
-    value: 'received',
-  },
-  {
-    label: 'Scheduled',
-    value: 'scheduled',
-  },
-  {
-    label: 'Routed',
-    value: 'routed',
-  },
-  {
-    label: 'Confirmed',
-    value: 'confirmed',
-  },
-  {
-    label: 'Delivered',
-    value: 'delivered',
-  },
-];
-
-export const notesTypeOptions = [
-  {
-    label: 'Public',
-    value: 'public',
-  },
-  {
-    label: 'Private',
-    value: 'private',
-  },
-];