@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-view/notification/index.js

@@ -1,17 +1,17 @@
 import { jsx as t, Fragment as E, jsxs as a } from "react/jsx-runtime";
-import { SectionHeader as ie, useAxios as m } from "@bjsdistribution/dms-component-library";
-import { useState as g, useEffect as s } from "react";
-import re from "./Tabs.js";
-import r from "styled-components";
-import { useTabType as oe, useInfoType as de, useOrderDetails as ne, useRouteId as le, useOrderAlertsData as ce, useOrderId as fe } from "../store.js";
-import pe from "../../../assets/icons/NotifyFlag.js";
-import { useTasksData as ue, useReminderNotiData as he, useRouteDetails as me, useOrderNotify as ge, useAllOrderStatus as ve } from "../order-actions/store.js";
-import { useSearchParams as be, useParams as xe } from "react-router-dom";
+import { SectionHeader as re, useAxios as m } from "@bjsdistribution/dms-component-library";
+import { useState as g, useEffect as i } from "react";
+import se from "./Tabs.js";
+import s from "styled-components";
+import { useTabType as oe, useInfoType as de, useOrderDetails as ne, useRouteId as le, useOrderAlertsData as ce, useOrderId as pe } from "../store.js";
+import fe from "../../../assets/icons/NotifyFlag.js";
+import { useTasksData as ue, useReminderNotiData as he, useRouteDetails as me, useOrderNotify as ge, useAllOrderStatus as xe } from "../order-actions/store.js";
+import { useSearchParams as ve, useParams as be } from "react-router-dom";
 import { useClientPortal as ye } from "../../store.js";
 import { Skeleton as o } from "antd";
 function je() {
-  const [d, z] = oe(), [, G] = de(), [u] = ne(), [l, L] = ue(), [c, $] = he(), [, j] = me(), [, U] = ge(), [D, A] = g([]), [T, k] = g([]), [w, I] = g([]), [R, C] = g([]), [v] = le(), [, H] = ve(), [M] = be(), [V, W] = ce(), q = M.get("order"), { id: B } = xe(), [n, S] = fe(), J = u?.order_routes?.route_id, [N] = ye();
-  s(() => {
+  const [d, z] = oe(), [, G] = de(), [u] = ne(), [l, L] = ue(), [c, $] = he(), [, j] = me(), [, U] = ge(), [D, w] = g([]), [A, T] = g([]), [k, I] = g([]), [R, C] = g([]), [x] = le(), [, H] = xe(), [M] = ve(), [V, W] = ce(), q = M.get("order"), { id: B } = be(), [n, S] = pe(), J = u?.order_routes?.route_id, [N] = ye();
+  i(() => {
     if (q)
       S(B);
     else {
@@ -20,7 +20,7 @@ function je() {
     }
   }, []);
   const {
-    data: f,
+    data: p,
     loading: O,
     fetchData: K
   } = m({
@@ -41,71 +41,71 @@ function je() {
     pagination: { is_pagination: !1 },
     filters: [{ field: "order_id", op: "=", value: n }]
   });
-  s(() => {
+  i(() => {
     h && h?.data && $(h?.data);
-  }, [h]), s(() => {
+  }, [h]), i(() => {
     H(u?.status_value);
   }, [u?.status_value]);
   const _ = (e) => {
     z(e), U(1), G(!1);
   };
-  s(() => {
-    f && f?.data && L(f?.data);
-  }, [O, f]);
-  const { data: b, fetchData: Y } = m({
+  i(() => {
+    p && p?.data && L(p?.data);
+  }, [O, p]);
+  const { data: v, fetchData: Y } = m({
     endpoint: `route/${J}`,
     method: "GET"
   });
-  s(() => {
-    v != null && Y();
-  }, [v]);
+  i(() => {
+    x != null && Y();
+  }, [x]);
   const {
-    data: x,
+    data: b,
     fetchData: Z,
     loading: F
   } = m({
     endpoint: `v1/orders/alerts/?order_id=${n}`,
     method: "GET"
   });
-  s(() => {
-    x && x?.data && W(x?.data);
-  }, [F]), s(() => {
+  i(() => {
+    b && b?.data && W(b?.data);
+  }, [F]), i(() => {
     (async () => {
       if (n != null)
         try {
           !N && await X(), await K(), await Z();
-        } catch (i) {
-          console.error("Error while fetching order-related data:", i);
+        } catch (r) {
+          console.error("Error while fetching order-related data:", r);
         }
     })();
-  }, [n]), s(() => {
-    if (b && b?.data) {
-      const e = b?.data[0];
+  }, [n]), i(() => {
+    if (v && v?.data) {
+      const e = v?.data[0];
       j(e);
     }
-  }, []), s(() => {
+  }, []), i(() => {
     l?.length > 0 && (I(l?.filter((e) => e.status !== "SD")), C(l?.filter((e) => e?.status === "SD")));
-  }, [l, f]), s(() => {
-    c?.length > 0 && (A(
+  }, [l, p]), i(() => {
+    c?.length > 0 && (w(
       c?.filter((e) => e.status === !1)
-    ), k(
+    ), T(
       c?.filter((e) => e?.status === !0)
     ));
   }, [c]);
   const ee = (e) => {
-    I((i) => i?.filter((y) => y.id !== e)), C((i) => i?.filter((y) => y.id !== e));
+    I((r) => r?.filter((y) => y.id !== e)), C((r) => r?.filter((y) => y.id !== e));
   }, te = (e) => {
-    A(
-      (i) => i?.filter((p) => p.id !== e)
-    ), k(
-      (i) => i?.filter((p) => p.id !== e)
+    w(
+      (r) => r?.filter((f) => f.id !== e)
+    ), T(
+      (r) => r?.filter((f) => f.id !== e)
     );
-  }, ae = w?.filter((e) => e.status !== "SD")?.length + D?.length, se = R?.filter((e) => e.status === "SD")?.length + T?.length;
+  }, ae = k?.filter((e) => e.status !== "SD")?.length + D?.length, ie = R?.filter((e) => e.status === "SD")?.length + A?.length;
   return /* @__PURE__ */ t(E, { children: /* @__PURE__ */ a(Ie, { children: [
     /* @__PURE__ */ a(De, { className: "notification-header", children: [
-      /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(pe, {}) }),
+      /* @__PURE__ */ t(we, { children: /* @__PURE__ */ t(fe, {}) }),
       /* @__PURE__ */ t(Re, { label: "NOTIFICATIONS" }),
-      /* @__PURE__ */ a(Te, { className: "tab-buttons", children: [
+      /* @__PURE__ */ a(Ae, { className: "tab-buttons", children: [
         /* @__PURE__ */ a(
           P,
           {
@@ -113,7 +113,7 @@ function je() {
             onClick: () => _("active"),
             children: [
               "Active",
-              /* @__PURE__ */ t(ke, { children: ae })
+              /* @__PURE__ */ t(Te, { children: ae })
             ]
           }
         ),
@@ -124,7 +124,7 @@ function je() {
             onClick: () => _("closed"),
             children: [
               "Closed",
-              /* @__PURE__ */ t(we, { children: se })
+              /* @__PURE__ */ t(ke, { children: ie })
             ]
           }
         )
@@ -228,12 +228,12 @@ function je() {
         }
       )
     ] }) : l?.length > 0 || c?.length > 0 || u ? /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(
-      re,
+      se,
       {
-        activeTasks: w,
+        activeTasks: k,
         closedTasks: R,
         activeReminders: D,
-        closedReminders: T,
+        closedReminders: A,
         dismissReminder: te,
         dismissFlags: ee,
         routeInfoData: V
@@ -241,32 +241,45 @@ function je() {
     ) }) : "No Notifications Found"
   ] }) });
 }
-const De = r.div`
+const De = s.div`
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 10px;
   border-bottom: 1px solid #ccc;
-`, Ae = r.div`
+
+  @media screen and (max-width: 768px) {
+    flex-wrap: wrap;
+    gap: 8px 12px;
+    min-width: 0;
+  }
+`, we = s.div`
   padding: 8px;
   background-color: #3a3630;
   border-radius: 10px;
-`, Te = r.div`
+`, Ae = s.div`
   display: flex;
   align-items: center;
   gap: 20px;
   padding: 10px;
-`, ke = r.div`
+
+  @media screen and (max-width: 768px) {
+    flex: 1 1 100%;
+    flex-wrap: wrap;
+    gap: 8px 16px;
+    padding: 4px 0;
+  }
+`, Te = s.div`
   color: #ffffff;
   padding: 1px 5px;
   background-color: #6396e5;
   border-radius: 6px;
-`, we = r.div`
+`, ke = s.div`
   color: #ffffff;
   padding: 1px 5px;
   background-color: #e95252;
   border-radius: 6px;
-`, P = r.div`
+`, P = s.div`
   display: flex;
   gap: 5px;
   cursor: pointer;
@@ -276,7 +289,7 @@ const De = r.div`
   font-family: 'Roboto', sans-serif;
   padding-bottom: 5px;
   align-items: center;
-`, Ie = r.div`
+`, Ie = s.div`
   display: flex;
   flex-direction: column;
   gap: 14px;
@@ -285,7 +298,7 @@ const De = r.div`
   padding: 10px;
   box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
   border: 1px solid #e0e0e0;
-`, Re = r(ie)`
+`, Re = s(re)`
   border-bottom: 1px solid #ccc;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
@@ -293,7 +306,7 @@ const De = r.div`
   font-weight: 500;
   line-height: 24px; /* 150% */
   text-transform: uppercase;
-`, Ce = r.div`
+`, Ce = s.div`
   /* min-height: 200px; */
   max-height: 350px;
   overflow-y: auto;

package/dist/components/order-view/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/notification/index.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport Tabs from './Tabs';\nimport styled from 'styled-components';\nimport {\n  useInfoType,\n  useOrderAlertsData,\n  useOrderDetails,\n  useOrderId,\n  useRouteId,\n  useTabType,\n} from '../store';\nimport NotifyFlag from '../../../assets/icons/NotifyFlag';\nimport {\n  useTasksData,\n  useOrderNotify,\n  useReminderNotiData,\n  useRouteDetails,\n  useAllOrderStatus,\n} from '../order-actions/store';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useClientPortal } from '../../store';\nimport { Skeleton } from 'antd';\ntype ReminderResponse = {\n  data: ApiResponse[];\n  stats_count: {\n    pending: number;\n    overdue: number;\n  };\n};\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction Notification() {\n  const [activeTab, setActiveTab] = useTabType();\n  const [, setShowMoreInfo] = useInfoType();\n  const [orderData] = useOrderDetails();\n  const [taskData, setTasksData] = useTasksData();\n  const [reminderNotifyData, setReminderNotifyData] = useReminderNotiData();\n  const [, setRouteData] = useRouteDetails();\n  const [, setCount] = useOrderNotify();\n  const [activeReminders, setActiveReminders] = useState([]);\n  const [closedReminders, setCloseReminders] = useState([]);\n  const [activeTasks, setActiveTasks] = useState([]);\n  const [closedTasks, setCloseTasks] = useState([]);\n  const [idOfRoute] = useRouteId();\n  const [, setStatusVal] = useAllOrderStatus();\n  const [searchParams] = useSearchParams();\n  const [orderAlertsData, setOrderAlertsData] = useOrderAlertsData();\n  const orderIdParams = searchParams.get('order');\n  const { id } = useParams();\n  const [orderId, setOrderId] = useOrderId();\n  const routeId = orderData?.order_routes?.route_id;\n  const [isClientPortal] = useClientPortal();\n\n  useEffect(() => {\n    if (orderIdParams) {\n      setOrderId(id);\n    } else {\n      const paths = location.pathname.split('/');\n      setOrderId(paths[paths?.length - 1]);\n    }\n  }, []);\n\n  //Unresolved API\n  const {\n    data: fetchedUnresolvedData,\n    loading: unresolvedLoading,\n    fetchData: callUnresolvedTaskApi,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: isClientPortal\n      ? [\n          { field: 'is_private', op: '=', value: 'false' },\n          { field: 'order_id', op: '=', value: orderId },\n        ]\n      : [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder get\n  const {\n    data: fetchedReminderData,\n    loading: reminderLoading,\n    fetchData: callReminderApi,\n  } = useAxios<ReminderResponse>({\n    endpoint: `/v1/task/reminder/get/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder data set\n  useEffect(() => {\n    if (fetchedReminderData && fetchedReminderData?.data) {\n      setReminderNotifyData(fetchedReminderData?.data);\n    }\n  }, [fetchedReminderData]);\n\n  useEffect(() => {\n    setStatusVal(orderData?.status_value);\n  }, [orderData?.status_value]);\n\n  const handleTabChange = (tab: string) => {\n    setActiveTab(tab);\n    //additionally set count\n    setCount(1);\n    setShowMoreInfo(false);\n  };\n  //flags data set\n  useEffect(() => {\n    if (fetchedUnresolvedData && fetchedUnresolvedData?.data) {\n      setTasksData(fetchedUnresolvedData?.data);\n    }\n  }, [unresolvedLoading, fetchedUnresolvedData]);\n\n  // Route API calling...\n  const { data: fetchedData, fetchData: fetchRoute } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `route/${routeId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (idOfRoute !== null && idOfRoute !== undefined) {\n      fetchRoute();\n    }\n  }, [idOfRoute]);\n\n  const {\n    data: alertsData,\n    fetchData: callOrderAlertsApi,\n    loading: alertsApiLoading,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (alertsData && alertsData?.data) {\n      setOrderAlertsData(alertsData?.data);\n    }\n  }, [alertsApiLoading]);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (orderId == null) return;\n\n      try {\n        !isClientPortal && (await callReminderApi());\n        await callUnresolvedTaskApi();\n        await callOrderAlertsApi();\n      } catch (error) {\n        console.error('Error while fetching order-related data:', error);\n      }\n    };\n\n    fetchData();\n  }, [orderId]);\n\n  useEffect(() => {\n    if (fetchedData && fetchedData?.data) {\n      const data = fetchedData?.data[0];\n      setRouteData(data);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (taskData?.length > 0) {\n      setActiveTasks(taskData?.filter((item: any) => item.status !== 'SD'));\n      setCloseTasks(taskData?.filter((item: any) => item?.status === 'SD'));\n    }\n  }, [taskData, fetchedUnresolvedData]);\n\n  useEffect(() => {\n    if (reminderNotifyData?.length > 0) {\n      setActiveReminders(\n        reminderNotifyData?.filter((item: any) => item.status === false)\n      );\n      setCloseReminders(\n        reminderNotifyData?.filter((item: any) => item?.status === true)\n      );\n    }\n  }, [reminderNotifyData]);\n\n  //dismiss notifcations\n  const dismissFlags = (id: any) => {\n    setActiveTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n\n    setCloseTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n  };\n\n  const dismissReminder = (id: any) => {\n    setActiveReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n    setCloseReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n  };\n\n  const totalActiveCount =\n    activeTasks?.filter((item: any) => item.status !== 'SD')?.length +\n    activeReminders?.length;\n  // orderCount;\n\n  const totalClosedCount =\n    closedTasks?.filter((item: any) => item.status === 'SD')?.length +\n    closedReminders?.length;\n\n  return (\n    <>\n      <Section>\n        <Container className=\"notification-header\">\n          <FlagContainer>\n            <NotifyFlag />\n          </FlagContainer>\n          <Label label=\"NOTIFICATIONS\" />\n          <TabsData className=\"tab-buttons\">\n            <StyledTab\n              active={activeTab === 'active'}\n              onClick={() => handleTabChange('active')}\n            >\n              Active\n              <ActiveCount>{totalActiveCount}</ActiveCount>\n            </StyledTab>\n            <StyledTab\n              active={activeTab === 'closed'}\n              onClick={() => handleTabChange('closed')}\n            >\n              Closed\n              <ClosedCount>{totalClosedCount}</ClosedCount>\n            </StyledTab>\n          </TabsData>\n        </Container>\n        {unresolvedLoading || reminderLoading || alertsApiLoading ? (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n          </>\n        ) : taskData?.length > 0 ||\n          reminderNotifyData?.length > 0 ||\n          orderData ? (\n          <TabsWrapper>\n            <Tabs\n              activeTasks={activeTasks}\n              closedTasks={closedTasks}\n              activeReminders={activeReminders}\n              closedReminders={closedReminders}\n              dismissReminder={dismissReminder}\n              dismissFlags={dismissFlags}\n              routeInfoData={orderAlertsData}\n            />\n          </TabsWrapper>\n        ) : (\n          'No Notifications Found'\n        )}\n      </Section>\n    </>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n`;\n\nconst FlagContainer = styled.div`\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n`;\n\nconst TabsData = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n`;\n\nconst ActiveCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n`;\n\nconst ClosedCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n`;\n\nconst StyledTab = styled.div<{ active: boolean }>`\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ${props => (props.active ? '#3a3630' : '#AEA9A1')};\n  border-bottom: ${props =>\n    props.active ? '2px solid #feba30' : '2px solid #eeeeee'};\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n`;\n\nconst Section = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n`;\n\nconst Label = styled(SectionHeader)`\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n`;\n\nconst TabsWrapper = styled.div`\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n`;\n\nexport default Notification;\n"],"names":["Notification","activeTab","setActiveTab","useTabType","setShowMoreInfo","useInfoType","orderData","useOrderDetails","taskData","setTasksData","useTasksData","reminderNotifyData","setReminderNotifyData","useReminderNotiData","setRouteData","useRouteDetails","setCount","useOrderNotify","activeReminders","setActiveReminders","useState","closedReminders","setCloseReminders","activeTasks","setActiveTasks","closedTasks","setCloseTasks","idOfRoute","useRouteId","setStatusVal","useAllOrderStatus","searchParams","useSearchParams","orderAlertsData","setOrderAlertsData","useOrderAlertsData","orderIdParams","id","useParams","orderId","setOrderId","useOrderId","routeId","isClientPortal","useClientPortal","useEffect","paths","fetchedUnresolvedData","unresolvedLoading","callUnresolvedTaskApi","useAxios","fetchedReminderData","reminderLoading","callReminderApi","handleTabChange","tab","fetchedData","fetchRoute","alertsData","callOrderAlertsApi","alertsApiLoading","error","data","item","dismissFlags","prevFlags","flags","dismissReminder","prevReminders","reminder","totalActiveCount","totalClosedCount","jsx","Fragment","Section","jsxs","Container","FlagContainer","NotifyFlag","Label","TabsData","StyledTab","ActiveCount","ClosedCount","Skeleton","TabsWrapper","Tabs","styled","props","SectionHeader"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/notification/index.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport Tabs from './Tabs';\nimport styled from 'styled-components';\nimport {\n  useInfoType,\n  useOrderAlertsData,\n  useOrderDetails,\n  useOrderId,\n  useRouteId,\n  useTabType,\n} from '../store';\nimport NotifyFlag from '../../../assets/icons/NotifyFlag';\nimport {\n  useTasksData,\n  useOrderNotify,\n  useReminderNotiData,\n  useRouteDetails,\n  useAllOrderStatus,\n} from '../order-actions/store';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useClientPortal } from '../../store';\nimport { Skeleton } from 'antd';\ntype ReminderResponse = {\n  data: ApiResponse[];\n  stats_count: {\n    pending: number;\n    overdue: number;\n  };\n};\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction Notification() {\n  const [activeTab, setActiveTab] = useTabType();\n  const [, setShowMoreInfo] = useInfoType();\n  const [orderData] = useOrderDetails();\n  const [taskData, setTasksData] = useTasksData();\n  const [reminderNotifyData, setReminderNotifyData] = useReminderNotiData();\n  const [, setRouteData] = useRouteDetails();\n  const [, setCount] = useOrderNotify();\n  const [activeReminders, setActiveReminders] = useState([]);\n  const [closedReminders, setCloseReminders] = useState([]);\n  const [activeTasks, setActiveTasks] = useState([]);\n  const [closedTasks, setCloseTasks] = useState([]);\n  const [idOfRoute] = useRouteId();\n  const [, setStatusVal] = useAllOrderStatus();\n  const [searchParams] = useSearchParams();\n  const [orderAlertsData, setOrderAlertsData] = useOrderAlertsData();\n  const orderIdParams = searchParams.get('order');\n  const { id } = useParams();\n  const [orderId, setOrderId] = useOrderId();\n  const routeId = orderData?.order_routes?.route_id;\n  const [isClientPortal] = useClientPortal();\n\n  useEffect(() => {\n    if (orderIdParams) {\n      setOrderId(id);\n    } else {\n      const paths = location.pathname.split('/');\n      setOrderId(paths[paths?.length - 1]);\n    }\n  }, []);\n\n  //Unresolved API\n  const {\n    data: fetchedUnresolvedData,\n    loading: unresolvedLoading,\n    fetchData: callUnresolvedTaskApi,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: isClientPortal\n      ? [\n          { field: 'is_private', op: '=', value: 'false' },\n          { field: 'order_id', op: '=', value: orderId },\n        ]\n      : [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder get\n  const {\n    data: fetchedReminderData,\n    loading: reminderLoading,\n    fetchData: callReminderApi,\n  } = useAxios<ReminderResponse>({\n    endpoint: `/v1/task/reminder/get/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder data set\n  useEffect(() => {\n    if (fetchedReminderData && fetchedReminderData?.data) {\n      setReminderNotifyData(fetchedReminderData?.data);\n    }\n  }, [fetchedReminderData]);\n\n  useEffect(() => {\n    setStatusVal(orderData?.status_value);\n  }, [orderData?.status_value]);\n\n  const handleTabChange = (tab: string) => {\n    setActiveTab(tab);\n    //additionally set count\n    setCount(1);\n    setShowMoreInfo(false);\n  };\n  //flags data set\n  useEffect(() => {\n    if (fetchedUnresolvedData && fetchedUnresolvedData?.data) {\n      setTasksData(fetchedUnresolvedData?.data);\n    }\n  }, [unresolvedLoading, fetchedUnresolvedData]);\n\n  // Route API calling...\n  const { data: fetchedData, fetchData: fetchRoute } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `route/${routeId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (idOfRoute !== null && idOfRoute !== undefined) {\n      fetchRoute();\n    }\n  }, [idOfRoute]);\n\n  const {\n    data: alertsData,\n    fetchData: callOrderAlertsApi,\n    loading: alertsApiLoading,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (alertsData && alertsData?.data) {\n      setOrderAlertsData(alertsData?.data);\n    }\n  }, [alertsApiLoading]);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (orderId == null) return;\n\n      try {\n        !isClientPortal && (await callReminderApi());\n        await callUnresolvedTaskApi();\n        await callOrderAlertsApi();\n      } catch (error) {\n        console.error('Error while fetching order-related data:', error);\n      }\n    };\n\n    fetchData();\n  }, [orderId]);\n\n  useEffect(() => {\n    if (fetchedData && fetchedData?.data) {\n      const data = fetchedData?.data[0];\n      setRouteData(data);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (taskData?.length > 0) {\n      setActiveTasks(taskData?.filter((item: any) => item.status !== 'SD'));\n      setCloseTasks(taskData?.filter((item: any) => item?.status === 'SD'));\n    }\n  }, [taskData, fetchedUnresolvedData]);\n\n  useEffect(() => {\n    if (reminderNotifyData?.length > 0) {\n      setActiveReminders(\n        reminderNotifyData?.filter((item: any) => item.status === false)\n      );\n      setCloseReminders(\n        reminderNotifyData?.filter((item: any) => item?.status === true)\n      );\n    }\n  }, [reminderNotifyData]);\n\n  //dismiss notifcations\n  const dismissFlags = (id: any) => {\n    setActiveTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n\n    setCloseTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n  };\n\n  const dismissReminder = (id: any) => {\n    setActiveReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n    setCloseReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n  };\n\n  const totalActiveCount =\n    activeTasks?.filter((item: any) => item.status !== 'SD')?.length +\n    activeReminders?.length;\n  // orderCount;\n\n  const totalClosedCount =\n    closedTasks?.filter((item: any) => item.status === 'SD')?.length +\n    closedReminders?.length;\n\n  return (\n    <>\n      <Section>\n        <Container className=\"notification-header\">\n          <FlagContainer>\n            <NotifyFlag />\n          </FlagContainer>\n          <Label label=\"NOTIFICATIONS\" />\n          <TabsData className=\"tab-buttons\">\n            <StyledTab\n              active={activeTab === 'active'}\n              onClick={() => handleTabChange('active')}\n            >\n              Active\n              <ActiveCount>{totalActiveCount}</ActiveCount>\n            </StyledTab>\n            <StyledTab\n              active={activeTab === 'closed'}\n              onClick={() => handleTabChange('closed')}\n            >\n              Closed\n              <ClosedCount>{totalClosedCount}</ClosedCount>\n            </StyledTab>\n          </TabsData>\n        </Container>\n        {unresolvedLoading || reminderLoading || alertsApiLoading ? (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n          </>\n        ) : taskData?.length > 0 ||\n          reminderNotifyData?.length > 0 ||\n          orderData ? (\n          <TabsWrapper>\n            <Tabs\n              activeTasks={activeTasks}\n              closedTasks={closedTasks}\n              activeReminders={activeReminders}\n              closedReminders={closedReminders}\n              dismissReminder={dismissReminder}\n              dismissFlags={dismissFlags}\n              routeInfoData={orderAlertsData}\n            />\n          </TabsWrapper>\n        ) : (\n          'No Notifications Found'\n        )}\n      </Section>\n    </>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n\n  @media screen and (max-width: 768px) {\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    min-width: 0;\n  }\n`;\n\nconst FlagContainer = styled.div`\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n`;\n\nconst TabsData = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n\n  @media screen and (max-width: 768px) {\n    flex: 1 1 100%;\n    flex-wrap: wrap;\n    gap: 8px 16px;\n    padding: 4px 0;\n  }\n`;\n\nconst ActiveCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n`;\n\nconst ClosedCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n`;\n\nconst StyledTab = styled.div<{ active: boolean }>`\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ${props => (props.active ? '#3a3630' : '#AEA9A1')};\n  border-bottom: ${props =>\n    props.active ? '2px solid #feba30' : '2px solid #eeeeee'};\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n`;\n\nconst Section = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n`;\n\nconst Label = styled(SectionHeader)`\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n`;\n\nconst TabsWrapper = styled.div`\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n`;\n\nexport default Notification;\n"],"names":["Notification","activeTab","setActiveTab","useTabType","setShowMoreInfo","useInfoType","orderData","useOrderDetails","taskData","setTasksData","useTasksData","reminderNotifyData","setReminderNotifyData","useReminderNotiData","setRouteData","useRouteDetails","setCount","useOrderNotify","activeReminders","setActiveReminders","useState","closedReminders","setCloseReminders","activeTasks","setActiveTasks","closedTasks","setCloseTasks","idOfRoute","useRouteId","setStatusVal","useAllOrderStatus","searchParams","useSearchParams","orderAlertsData","setOrderAlertsData","useOrderAlertsData","orderIdParams","id","useParams","orderId","setOrderId","useOrderId","routeId","isClientPortal","useClientPortal","useEffect","paths","fetchedUnresolvedData","unresolvedLoading","callUnresolvedTaskApi","useAxios","fetchedReminderData","reminderLoading","callReminderApi","handleTabChange","tab","fetchedData","fetchRoute","alertsData","callOrderAlertsApi","alertsApiLoading","error","data","item","dismissFlags","prevFlags","flags","dismissReminder","prevReminders","reminder","totalActiveCount","totalClosedCount","jsx","Fragment","Section","jsxs","Container","FlagContainer","NotifyFlag","Label","TabsData","StyledTab","ActiveCount","ClosedCount","Skeleton","TabsWrapper","Tabs","styled","props","SectionHeader"],"mappings":"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"}

package/dist/components/order-view/order-actions/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "styled-components";
 import { AntSelect as t } from "@bjsdistribution/dms-component-library";
 function f(e) {
-  return /* @__PURE__ */ a(s, { className: e.className, children: [
+  return /* @__PURE__ */ a(i, { className: e.className, children: [
     /* @__PURE__ */ a(r, { children: [
       e.label,
       e.required && /* @__PURE__ */ o(n, { children: "*" })
@@ -17,7 +17,7 @@ function f(e) {
         style: { width: "100%" },
         onSearch: e.onSearch,
         showSearch: !0,
-        popupClassName: e.popupClassName ? `dropDownStyle ${e.popupClassName}` : "dropDownStyle",
+        popupClassName: "dropDownStyle",
         selectWrapperClass: "rounded",
         defaultValue: e.value
       }
@@ -33,7 +33,7 @@ const n = l.span`
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
-`, s = l.div`
+`, i = l.div`
   display: flex;
   flex-direction: column;
   gap: 6px;

package/dist/components/order-view/order-actions/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  popupClassName?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={\n          props.popupClassName\n            ? `dropDownStyle ${props.popupClassName}`\n            : 'dropDownStyle'\n        }\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAsBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBACEA,EAAM,iBACF,iBAAiBA,EAAM,cAAc,KACrC;AAAA,QAEN,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={'dropDownStyle'}\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAqBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.js

@@ -1,67 +1,65 @@
-import { jsx as e, jsxs as o, Fragment as y } from "react/jsx-runtime";
-import { useCancelOrderProducts as v, useOrderStaticData as w } from "../../../store.js";
-import { useLoading as S } from "../../../../order-daily-overview/store/store.js";
-import { Select as _, Skeleton as R, Empty as C } from "antd";
-import O from "../../Dropdown.js";
-import l from "styled-components";
-import x from "../../../../../assets/icons/DeliverProductIcon.js";
-import c from "../../../../../assets/icons/ReturnProductIcon.js";
-import { EmptyDataContainer as D } from "../charge-log/index.js";
-import { useClientPortal as k } from "../../../../store.js";
-import { toReverseDeliveryLabel as T } from "@bjsdistribution/dms-component-library";
-const P = [
+import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
+import { useCancelOrderProducts as y, useOrderStaticData as w } from "../../../store.js";
+import { useLoading as v } from "../../../../order-daily-overview/store/store.js";
+import { Select as S, Skeleton as _, Empty as O } from "antd";
+import R from "../../Dropdown.js";
+import d from "styled-components";
+import b from "../../../../../assets/icons/DeliverProductIcon.js";
+import s from "../../../../../assets/icons/ReturnProductIcon.js";
+import { EmptyDataContainer as C } from "../charge-log/index.js";
+const D = [
   {
     label: "Deliver",
     value: "deliver",
-    icon: /* @__PURE__ */ e(x, {})
+    icon: /* @__PURE__ */ e(b, {})
   },
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(c, {})
+    icon: /* @__PURE__ */ e(s, {})
   }
-], I = [
+], k = [
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(c, {})
+    icon: /* @__PURE__ */ e(s, {})
   }
-], M = () => {
+], Y = () => {
   const [
-    d,
+    l,
     f
-  ] = v(), [m] = S(), [p] = w(), [g] = k();
-  if (!d?.length)
+  ] = y(), [m] = v(), [p] = w();
+  if (!l?.length)
     return null;
-  const u = p?.return_reasons?.map(
+  const h = p?.return_reasons?.map(
     (r) => ({
-      label: g ? r?.reason : T(r?.reason),
+      label: r?.reason,
       value: r?.reason
     })
-  ), h = p?.order_product_return_action?.map(
+  ), u = p?.order_product_return_action?.map(
     (r) => ({
       label: r?.value,
       value: r?.value
     })
   ), i = (r, n, a) => {
     console.log(r, n, a);
-    const t = d?.map(
-      (s) => s.order_product_id === n ? {
-        ...s,
+    const t = l?.map(
+      (c) => c.order_product_id === n ? {
+        ...c,
         [a]: r
-      } : s
+      } : c
     );
     f(t);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ o(N, { className: "scrollClass", children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ o(P, { className: "scrollClass", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
       /* @__PURE__ */ e("th", { children: "Status" }),
       /* @__PURE__ */ e("th", { children: "Code" }),
       /* @__PURE__ */ e("th", { children: "Description" }),
       /* @__PURE__ */ e("th", { children: "SKU" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e(R, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 4, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(C, {}) }) }) }) : d?.map((r) => {
-      const n = r?.product_type === "deliver" ? P : I, a = r?.action === "return";
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e(_, { active: !0 }) }) }) : l?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 4, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(O, {}) }) }) }) : l?.map((r) => {
+      const n = r?.product_type === "deliver" ? D : k, a = r?.action === "return";
       return /* @__PURE__ */ e(
         "tr",
         {
@@ -71,7 +69,7 @@ const P = [
           children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e("table", { style: { width: "100%" }, children: /* @__PURE__ */ o("tbody", { children: [
             /* @__PURE__ */ o("tr", { children: [
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: /* @__PURE__ */ e(
-                L,
+                T,
                 {
                   options: n,
                   placeholder: "Select",
@@ -80,7 +78,7 @@ const P = [
                     r?.order_product_id,
                     "action"
                   ),
-                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(x, {}) : r?.action === "return" ? /* @__PURE__ */ e(c, {}) : /* @__PURE__ */ e(y, {}),
+                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(b, {}) : r?.action === "return" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(g, {}),
                   style: { width: "100%" },
                   value: n?.filter(
                     (t) => t?.value === r?.action
@@ -112,37 +110,37 @@ const P = [
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: r?.description }),
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: r?.sku })
             ] }),
-            a && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ o(j, { children: [
+            a && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ o(A, { children: [
               /* @__PURE__ */ e(
-                b,
+                x,
                 {
                   label: "Return Action",
                   required: !0,
                   placeholder: "Select action",
-                  options: h,
+                  options: u,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_action"
                   ),
-                  value: h?.filter(
+                  value: u?.filter(
                     (t) => t.value === r?.return_action
                   )
                 }
               ),
               /* @__PURE__ */ e(
-                b,
+                x,
                 {
                   label: "Return Reason",
                   required: !0,
                   placeholder: "Select reason",
-                  options: u,
+                  options: h,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_reason"
                   ),
-                  value: u?.filter(
+                  value: h?.filter(
                     (t) => t.value === r?.return_reason
                   )
                 }
@@ -154,7 +152,7 @@ const P = [
       );
     }) })
   ] }) }) });
-}, L = l(_)`
+}, T = d(S)`
   .ant-select-selector {
     border-radius: 25px !important;
     /* border: none !important; */
@@ -172,16 +170,16 @@ const P = [
     font-weight: 400;
     font-size: 13px;
   }
-`, A = l.div`
+`, I = d.div`
   width: 100%;
   overflow-x: auto;
   background-color: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
   padding: 16px;
-`, b = l(O)`
+`, x = d(R)`
   flex: 1;
-`, N = l.table`
+`, P = d.table`
   width: 100%;
   font-size: 14px;
   color: #333;
@@ -246,7 +244,7 @@ const P = [
     background: transparent;
     padding: 8px 12px;
   }
-`, j = l.div`
+`, A = d.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
@@ -254,8 +252,8 @@ const P = [
   width: 100%;
 `;
 export {
-  N as StyledTable,
-  A as StyledTableWrapper,
-  M as default
+  P as StyledTable,
+  I as StyledTableWrapper,
+  Y as default
 };
 //# sourceMappingURL=CancelOrderTable.js.map