@bjsdistribution/dms-client-return 0.1.62-prod → 0.1.63-prod

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.62-prod",
+  "version": "0.1.63-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { bjsMenu } from '../../../fakedata';
 import { useCurrentAction, useStatusDetails } from '../../../store';
+import { useClientPortal } from '../../../../store';
 import ArrowDownIcon from '../../../../../assets/icons/ArrowDownIcon';
 import { Dropdown, Space } from 'antd';
 import styled from 'styled-components';
@@ -12,6 +13,11 @@ function BjsMenuDropDown() {
   };
 
   const [orderStatus] = useStatusDetails();
+  const [clientPortal] = useClientPortal();
+
+  if (clientPortal) {
+    return null; // hide completely for client portal!
+  }
 
   const isReleased = orderStatus[0]?.released;
 

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

@@ -7,13 +7,14 @@ import {
   // useOrderId,
   useStatusDetails,
 } from '../../../store';
-import { optionsMenu } from '../../../fakedata';
+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();
@@ -22,6 +23,11 @@ function Options() {
   const [, setTaskPayload] = useCreateTaskPayload();
   const [orderStatus] = useStatusDetails();
   const [orderDetails] = useOrderDetails();
+  const [isClientPortal] = useClientPortal();
+
+  const clientPortalMenuItems = isClientPortal
+    ? optionsMenuClientPortal
+    : optionsMenu;
 
   const handleSelectChange = (selectedOption: any) => {
     setCurrentAction(selectedOption);
@@ -45,7 +51,7 @@ function Options() {
   const isOrderOnHold = orderDetails?.status === 'OO';
   const isOrderCancelled = orderDetails?.status === 'CO';
 
-  const filteredOptions = optionsMenu?.filter(option => {
+  const filteredOptions = clientPortalMenuItems?.filter(option => {
     let shouldExclude = false;
 
     if (isOrderOnHold && option.value === 'hold-order') {

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

@@ -11,6 +11,26 @@ export const bjsMenu = [
   },
 ];
 
+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' },