npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.77-prod → 0.1.78-prod - Mend

@bjsdistribution/dms-client-return 0.1.77-prod → 0.1.78-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/components/order-view/order-actions/actions/hold-order/HoldOrderModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoldOrderModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n AntSelect,\n Label,\n useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useCurrentAction,\n useCustomerInfo,\n useOrderId,\n useOrderStaticData,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport {\n HoldContentContainer,\n HoldDatePickerWrap,\n HoldRow,\n SplitText,\n} from '../modalstyle';\nimport { DatePicker, DatePickerProps, notification } from 'antd';\nimport dayjs from 'dayjs';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\n\ninterface IProps {\n callOrderAlertsApi: any;\n callOrdersApi?: any;\n callOrderStatusApi: any;\n callUnresolvedTaskApi?: any;\n}\n\nfunction HoldOrderModal(props: IProps) {\n const [orderId] = useOrderId();\n const [, setCurrentAction] = useCurrentAction();\n const [orderStaticData] = useOrderStaticData();\n const [selectedDate, setDate] = useState<Date \| string \| null>(null);\n const [holdReason, setHoldReason] = useState<string \| undefined>(undefined);\n const [customerInfo] = useCustomerInfo();\n const [isClientPortal] = useClientPortal();\n const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n const onHoldReasonOptions = orderStaticData?.onhold_reasons?.map(\n (item: any) => {\n return {\n label: item?.reason,\n value: item?.reason,\n };\n }\n );\n\n const dynamicUrl = selectedDate\n ? `orders/${orderId}/hold/?hold_reason=${holdReason}&hold_until=${selectedDate}`\n : `orders/${orderId}/hold/?hold_reason=${holdReason}\n`;\n\n const { fetchData: callOnHoldApi, error } = useAxios<{\n data: ApiResponse[];\n }>({\n endpoint: dynamicUrl,\n method: 'POST',\n });\n\n const onClose = () => {\n setCurrentAction(undefined);\n };\n\n const onChangeHold = (value: string) => {\n setHoldReason(value);\n };\n\n const handleDateChange: DatePickerProps['onChange'] = (date, _dateString) => {\n const newDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n if (newDate !== undefined) {\n setDate(newDate);\n } else {\n setDate(null);\n }\n };\n\n const onSubmitHold = async () => {\n if (orderId) {\n const response = (await callOnHoldApi()) as {\n code: number \| null;\n error?: string \| null \| undefined;\n [key: string]: any;\n };\n if (response?.code === 200) {\n notification.success({\n message: 'Success',\n description: `${response.message}`,\n });\n // call orders api to update status\n if (isClientPortal) {\n await props?.callUnresolvedTaskApi();\n }\n await props?.callOrderAlertsApi();\n await props?.callOrderStatusApi();\n await props?.callOrdersApi();\n }\n if (response?.code !== 200) {\n notification.error({\n message: 'Error',\n description: `${response.error}`,\n });\n setCurrentAction(undefined);\n }\n }\n };\n\n useEffect(() => {\n //@ts-ignore\n if (error !== null && error?.code !== 200) {\n console.log('entered');\n notification.error({\n //@ts-ignore\n message: `${error?.error}`,\n description: (\n //@ts-ignore\n <span dangerouslySetInnerHTML={{ __html: error?.message }} />\n ),\n });\n setCurrentAction(undefined);\n }\n }, [error]);\n\n const showSubmitBtn = holdReason !== undefined;\n\n return (\n <OrderActionModal\n minWidth=\"24vw\"\n headerTitle=\"Hold order\"\n onCloseHeader={onClose}\n onSubmit={onSubmitHold}\n showAdditionalInfo\n infoText={infoText}\n submitBtnTitle=\"Save Details\"\n isSubmitDisabled={!showSubmitBtn}\n >\n <HoldContentContainer>\n <SplitText>\n <HoldRow>\n <Label label=\"Hold Until (leave blank for indefinite)\" />\n <HoldDatePickerWrap>\n <DatePicker\n needConfirm\n format={'MMMM D, YYYY'}\n onChange={handleDateChange}\n value={\n selectedDate === null ? selectedDate : dayjs(selectedDate)\n }\n disabledDate={current => {\n return current && current < dayjs().startOf('day');\n }}\n />\n </HoldDatePickerWrap>\n </HoldRow>\n\n <HoldRow>\n <Label label=\"Hold Reason\" required />\n <AntSelect\n options={onHoldReasonOptions \|\| []}\n placeholder=\"Select Hold Reason\"\n onChange={onChangeHold}\n disabled={false}\n style={{ width: '346px', height: 40 }}\n showSearch={true}\n popupClassName={'dropDownStyle'}\n selectWrapperClass={'rounded'}\n defaultValue={holdReason}\n />\n </HoldRow>\n </SplitText>\n </HoldContentContainer>\n </OrderActionModal>\n );\n}\n\nexport default HoldOrderModal;\n"],"names":["HoldOrderModal","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderStaticData","useOrderStaticData","selectedDate","setDate","useState","holdReason","setHoldReason","customerInfo","useCustomerInfo","isClientPortal","useClientPortal","infoText","onHoldReasonOptions","item","dynamicUrl","callOnHoldApi","error","useAxios","onClose","onChangeHold","value","handleDateChange","date","_dateString","newDate","onSubmitHold","response","notification","useEffect","jsx","OrderActionModal","HoldContentContainer","jsxs","SplitText","HoldRow","Label","HoldDatePickerWrap","DatePicker","dayjs","current","AntSelect"],"mappings":"~~;;;;;;;;;AA+BA~~,SAASA,~~EAAeC~~,GAAe;AACrC,QAAM,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAcC,CAAO,IAAIC,EAA+B,IAAI,GAC7D,CAACC,GAAYC,CAAa,IAAIF,EAA6B,MAAS,GACpE,CAACG,CAAY,IAAIC,EAAA,GACjB,CAACC,CAAc,IAAIC,EAAA,GACnBC,IAAW,GAAGJ,GAAc,cAAc,KAAKA,GAAc,QAAQ,IAErEK,IAAsBZ,GAAiB,gBAAgB;AAAA,IAC3D,CAACa,OACQ;AAAA,MACL,~~OAAOA~~,GAAM;AAAA,~~MACb~~,OAAOA,GAAM;AAAA,IAAA;AAAA,EAEjB,~~GAGIC~~,~~IAAaZ~~,IACf,UAAUN,CAAO,sBAAsBS,CAAU,eAAeH,CAAY,KAC5E,UAAUN,CAAO,sBAAsBS,CAAU;AAAA,GAG/C,EAAE,~~WAAWU~~,GAAe,OAAAC,EAAA,IAAUC,EAEzC;AAAA,IACD,UAAUH;AAAA,IACV,QAAQ;AAAA,EAAA,CACT,GAEKI,IAAU,MAAM;AACpB,~~IAAApB~~,EAAiB,MAAS;AAAA,EAC5B,~~GAEMqB~~,IAAe,CAACC,MAAkB;AACtC,~~IAAAd~~,~~EAAcc~~,CAAK;AAAA,EACrB,GAEMC,IAAgD,CAACC,GAAMC,MAAgB;AAC3E,UAAMC,IAAUF,GAAM,OAAO,qBAAqB;AAClD,~~IACEnB~~,~~EADEqB~~,MAAY,SACNA,IAEA,IAFO;AAAA,EAInB,GAEMC,IAAe,YAAY;AAC/B,~~QAAI7B~~,GAAS;AACX,~~YAAM8B~~,IAAY,MAAMX,EAAA;AAKxB,MAAIW,GAAU,SAAS,QACrBC,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT,aAAa,GAAGD,EAAS,OAAO;AAAA,MAAA,CACjC,~~GAEGjB~~,KACF,MAAMd,GAAO,sBAAA,GAEf,MAAMA,GAAO,mBAAA,GACb,MAAMA,GAAO,mBAAA,GACb,MAAMA,GAAO,cAAA,~~IAEX+B~~,GAAU,SAAS,QACrBC,EAAa,MAAM;AAAA,QACjB,SAAS;AAAA,QACT,aAAa,GAAGD,EAAS,KAAK;AAAA,MAAA,CAC/B,~~GACD5B~~,EAAiB,MAAS;AAAA,IAE9B;AAAA,EACF;AAEA,~~SAAA8B~~,EAAU,MAAM;AAEd,IAAIZ,MAAU,QAAQA,GAAO,SAAS,QACpC,QAAQ,IAAI,SAAS,GACrBW,EAAa,MAAM;AAAA;AAAA,MAEjB,SAAS,GAAGX,GAAO,KAAK;AAAA,MACxB;AAAA;AAAA,0BAEG,QAAA,EAAK,yBAAyB,EAAE,QAAQA,GAAO,UAAQ,CAAG;AAAA;AAAA,IAAA,CAE9D,~~GACDlB~~,EAAiB,MAAS;AAAA,EAE9B,GAAG,~~CAACkB~~,CAAK,CAAC,GAKR,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAeZ;AAAA,MACf,UAAUO;AAAA,MACV,oBAAkB;AAAA,MAClB,~~UAAAd~~;AAAA,MACA,gBAAe;AAAA,MACf,kBAAkB,EAXAN,MAAe;AAAA,MAajC,UAAA,~~gBAAAwB~~,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAL,EAACM,GAAA,EAAM,OAAM,0CAAA,CAA0C;AAAA,4BACtDC,GAAA,EACC,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,aAAW;AAAA,cACX,QAAQ;AAAA,cACR,UAAUhB;AAAA,cACV,~~OACEnB~~,MAAiB,OAAOA,~~IAAeoC~~,~~EAAMpC~~,CAAY;AAAA,cAE3D,cAAc,~~CAAAqC~~,MACLA,KAAWA,IAAUD,EAAA,EAAQ,QAAQ,KAAK;AAAA,YACnD;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,0BAECJ,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAL,EAACM,GAAA,EAAM,OAAM,eAAc,UAAQ,IAAC;AAAA,UACpC,gBAAAN;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,~~SAAS5B~~,KAAuB,CAAA;AAAA,cAChC,aAAY;AAAA,cACZ,~~UAAUO~~;AAAA,cACV,UAAU;AAAA,cACV,OAAO,EAAE,OAAO,SAAS,QAAQ,GAAA;AAAA,cACjC,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,oBAAoB;AAAA,cACpB,~~cAAcd~~;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"HoldOrderModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n AntSelect,\n Label,\n useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useCurrentAction,\n useCustomerInfo,\n useOrderId,\n useOrderStaticData,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport {\n HoldContentContainer,\n HoldDatePickerWrap,\n HoldRow,\n SplitText,\n} from '../modalstyle';\nimport { DatePicker, DatePickerProps, notification } from 'antd';\nimport dayjs from 'dayjs';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\n\ninterface IProps {\n callOrderAlertsApi: any;\n callOrdersApi?: any;\n callOrderStatusApi: any;\n callUnresolvedTaskApi?: any;\n}\n\nfunction HoldOrderModal(props: IProps) {\n const [orderId] = useOrderId();\n const [, setCurrentAction] = useCurrentAction();\n const [orderStaticData] = useOrderStaticData();\n const [selectedDate, setDate] = useState<Date \| string \| null>(null);\n const [holdReason, setHoldReason] = useState<string \| undefined>(undefined);\n const [customerInfo] = useCustomerInfo();\n const [isClientPortal] = useClientPortal();\n const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n const onHoldReasonOptions = orderStaticData?.onhold_reasons?.map(\n (item: any) => {\n return {\n label: isClientPortal\n ? item?.reason\n : toReverseDeliveryLabel(item?.reason),\n value: item?.reason,\n };\n }\n );\n\n const dynamicUrl = selectedDate\n ? `orders/${orderId}/hold/?hold_reason=${holdReason}&hold_until=${selectedDate}`\n : `orders/${orderId}/hold/?hold_reason=${holdReason}\n`;\n\n const { fetchData: callOnHoldApi, error } = useAxios<{\n data: ApiResponse[];\n }>({\n endpoint: dynamicUrl,\n method: 'POST',\n });\n\n const onClose = () => {\n setCurrentAction(undefined);\n };\n\n const onChangeHold = (value: string) => {\n setHoldReason(value);\n };\n\n const handleDateChange: DatePickerProps['onChange'] = (date, _dateString) => {\n const newDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n if (newDate !== undefined) {\n setDate(newDate);\n } else {\n setDate(null);\n }\n };\n\n const onSubmitHold = async () => {\n if (orderId) {\n const response = (await callOnHoldApi()) as {\n code: number \| null;\n error?: string \| null \| undefined;\n [key: string]: any;\n };\n if (response?.code === 200) {\n notification.success({\n message: 'Success',\n description: `${response.message}`,\n });\n // call orders api to update status\n if (isClientPortal) {\n await props?.callUnresolvedTaskApi();\n }\n await props?.callOrderAlertsApi();\n await props?.callOrderStatusApi();\n await props?.callOrdersApi();\n }\n if (response?.code !== 200) {\n notification.error({\n message: 'Error',\n description: `${response.error}`,\n });\n setCurrentAction(undefined);\n }\n }\n };\n\n useEffect(() => {\n //@ts-ignore\n if (error !== null && error?.code !== 200) {\n console.log('entered');\n notification.error({\n //@ts-ignore\n message: `${error?.error}`,\n description: (\n //@ts-ignore\n <span dangerouslySetInnerHTML={{ __html: error?.message }} />\n ),\n });\n setCurrentAction(undefined);\n }\n }, [error]);\n\n const showSubmitBtn = holdReason !== undefined;\n\n return (\n <OrderActionModal\n minWidth=\"24vw\"\n headerTitle=\"Hold order\"\n onCloseHeader={onClose}\n onSubmit={onSubmitHold}\n showAdditionalInfo\n infoText={infoText}\n submitBtnTitle=\"Save Details\"\n isSubmitDisabled={!showSubmitBtn}\n >\n <HoldContentContainer>\n <SplitText>\n <HoldRow>\n <Label label=\"Hold Until (leave blank for indefinite)\" />\n <HoldDatePickerWrap>\n <DatePicker\n needConfirm\n format={'MMMM D, YYYY'}\n onChange={handleDateChange}\n value={\n selectedDate === null ? selectedDate : dayjs(selectedDate)\n }\n disabledDate={current => {\n return current && current < dayjs().startOf('day');\n }}\n />\n </HoldDatePickerWrap>\n </HoldRow>\n\n <HoldRow>\n <Label label=\"Hold Reason\" required />\n <AntSelect\n options={onHoldReasonOptions \|\| []}\n placeholder=\"Select Hold Reason\"\n onChange={onChangeHold}\n disabled={false}\n style={{ width: '346px', height: 40 }}\n showSearch={true}\n popupClassName={'dropDownStyle'}\n selectWrapperClass={'rounded'}\n defaultValue={holdReason}\n />\n </HoldRow>\n </SplitText>\n </HoldContentContainer>\n </OrderActionModal>\n );\n}\n\nexport default HoldOrderModal;\n"],"names":["HoldOrderModal","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderStaticData","useOrderStaticData","selectedDate","setDate","useState","holdReason","setHoldReason","customerInfo","useCustomerInfo","isClientPortal","useClientPortal","infoText","onHoldReasonOptions","item","toReverseDeliveryLabel","dynamicUrl","callOnHoldApi","error","useAxios","onClose","onChangeHold","value","handleDateChange","date","_dateString","newDate","onSubmitHold","response","notification","useEffect","jsx","OrderActionModal","HoldContentContainer","jsxs","SplitText","HoldRow","Label","HoldDatePickerWrap","DatePicker","dayjs","current","AntSelect"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/split-order/SplitOrderTable.js CHANGED Viewed

@@ -1,38 +1,40 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useState as g, useEffect as b } from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useState as b, useEffect as C } from "react";
 import { useProductDetails as k } from "../../../store.js";
-import { Skeleton as C, Empty as D } from "antd";
+import { Skeleton as D, Empty as P } from "antd";
 import { Checkbox as p } from "@bjsdistribution/dms-component-library";
 import { useLoading as T } from "../../../../order-daily-overview/store/store.js";
-import { useSelectedSplit as x, useSplitOrderPayload as P } from "../../store.js";
-import { StyledTableWrapper as A, StyledTable as E, EmptyDataContainer as _ } from "../confirm-order/tables/ReminderStyles.js";
-function q() {
-  const [i] = k(), [m] = T(), [n, c] = x(), [u, o] = g(!1), [S, s] = P(), f = (t) => {
+import { useSelectedSplit as _, useSplitOrderPayload as v } from "../../store.js";
+import { StyledTableWrapper as x, StyledTable as A, EmptyDataContainer as E } from "../confirm-order/tables/ReminderStyles.js";
+import { toReverseDeliveryLabel as L } from "../../../../../common/utils.js";
+import { useClientPortal as j } from "../../../../store.js";
+function H() {
+  const [i] = k(), [m] = T(), [d, c] = _(), [u, o] = b(!1), [S, s] = v(), [f] = j(), y = (t) => {
     const l = t.target.checked;
     o(l), c(
-      l ? i?.map((h) => ({ id: h.id })) : []
+      l ? i?.map((a) => ({ id: a.id })) : []
     );
-  }, y = (t) => {
+  }, g = (t) => {
     c((l) => {
-      const a = l?.some((r) => r.id === t) ? l?.filter((r) => r.id !== t) : [...l, { id: t }];
-      return o(a?.length === i?.length), a;
+      const h = l?.some((r) => r.id === t) ? l?.filter((r) => r.id !== t) : [...l, { id: t }];
+      return o(h?.length === i?.length), h;
     });
   };
-  return b(() => {
+  return C(() => {
     s({
       ...S,
       return_order: 1,
       // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1
-      products: n?.map((t) => t.id),
+      products: d?.map((t) => t.id),
       force: !0
     });
-  }, [n, s]), /* @__PURE__ */ e(A, { id: "tableScrolling", children: /* @__PURE__ */ d(E, { children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
+  }, [d, s]), /* @__PURE__ */ e(x, { id: "tableScrolling", children: /* @__PURE__ */ n(A, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
       /* @__PURE__ */ e("th", { style: { position: "relative" }, children: /* @__PURE__ */ e(
         p,
         {
           checked: u,
-          onChange: f,
+          onChange: y,
           disabled: i?.length === 0 || i?.length === null
         }
       ) }),
@@ -43,20 +45,20 @@ function q() {
       /* @__PURE__ */ e("th", { children: "Delivery Instructions" }),
       /* @__PURE__ */ e("th", { children: "Barcode" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ d("tr", { children: [
-      /* @__PURE__ */ e("td", { colSpan: 6, children: /* @__PURE__ */ e(C, { active: !0 }) }),
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("td", { colSpan: 6, children: /* @__PURE__ */ e(D, { active: !0 }) }),
       /* @__PURE__ */ e("td", { colSpan: 6 })
-    ] }) : i?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(D, { description: "No Data Found" }) }) }) }) : i?.length > 0 && i?.map((t) => /* @__PURE__ */ d("tr", { children: [
+    ] }) : i?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(P, { description: "No Data Found" }) }) }) }) : i?.length > 0 && i?.map((t) => /* @__PURE__ */ n("tr", { children: [
       /* @__PURE__ */ e("td", { style: { position: "relative" }, children: /* @__PURE__ */ e(
         p,
         {
-          checked: n?.some(
+          checked: d?.some(
             (l) => l.id === t.id
           ),
-          onChange: () => y(t.id)
+          onChange: () => g(t.id)
         }
       ) }),
-      /* @__PURE__ */ e("td", { children: t?.order_product_type?.type }),
+      /* @__PURE__ */ e("td", { children: f ? t?.order_product_type?.type : L(t?.order_product_type?.type) }),
       /* @__PURE__ */ e("td", { children: t?.code }),
       /* @__PURE__ */ e("td", { children: t?.description }),
       /* @__PURE__ */ e("td", { children: t?.description }),
@@ -66,6 +68,6 @@ function q() {
   ] }) });
 }
 export {
-  q as default
+  H as default
 };
 //# sourceMappingURL=SplitOrderTable.js.map

package/dist/components/order-view/order-actions/actions/split-order/SplitOrderTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/split-order/SplitOrderTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useProductDetails } from '../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { Checkbox } from '@bjsdistribution/dms-component-library';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { useSelectedSplit, useSplitOrderPayload } from '../../store';\nimport {\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../confirm-order/tables/ReminderStyles';\n\nfunction SplitOrderTable() {\n const [orderProductDetails] = useProductDetails();\n const [loading] = useLoading();\n const [selectedSplits, setSelectedSplit] = useSelectedSplit();\n const [selectAll, setSelectAll] = useState(false);\n const [payload, setPayload] = useSplitOrderPayload();\n\n // Handle Select All\n const handleSelectAll = (e: any) => {\n const isChecked = e.target.checked;\n setSelectAll(isChecked);\n\n if (isChecked) {\n setSelectedSplit(\n orderProductDetails?.map((order: any) => ({ id: order.id }))\n );\n } else {\n setSelectedSplit([]);\n }\n };\n\n const handleSelectedSplitList = (id: any) => {\n setSelectedSplit(prevSelectedOrder => {\n const isSelected = prevSelectedOrder?.some(order => order.id === id);\n\n const updatedSelection = isSelected\n ? prevSelectedOrder?.filter(order => order.id !== id)\n : [...prevSelectedOrder, { id }];\n\n setSelectAll(updatedSelection?.length === orderProductDetails?.length);\n\n return updatedSelection;\n });\n };\n\n useEffect(() => {\n setPayload({\n ...payload,\n return_order: 1, // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1\n products: selectedSplits?.map(order => order.id),\n force: true,\n });\n }, [selectedSplits, setPayload]);\n\n return (\n <StyledTableWrapper id=\"tableScrolling\">\n <StyledTable>\n <thead>\n <tr>\n <th style={{ position: 'relative' }}>\n <Checkbox\n checked={selectAll}\n onChange={handleSelectAll}\n disabled={\n orderProductDetails?.length === 0 \|\|\n orderProductDetails?.length === null\n }\n />\n </th>\n <th>Type</th>\n <th>Code</th>\n <th>Scan</th>\n <th>Description</th>\n <th>Delivery Instructions</th>\n <th>Barcode</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={6}>\n <Skeleton active />\n </td>\n <td colSpan={6}></td>\n </tr>\n ) : orderProductDetails?.length === 0 ? (\n <tr>\n <td className=\"emptyTd\" colSpan={7}>\n <EmptyDataContainer>\n <Empty description=\"No Data Found\" />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n orderProductDetails?.length > 0 &&\n orderProductDetails?.map((order: any) => (\n <tr key={order.id}>\n <td style={{ position: 'relative' }}>\n <Checkbox\n checked={selectedSplits?.some(\n selectedOrder => selectedOrder.id === order.id\n )}\n onChange={() => handleSelectedSplitList(order.id)}\n />\n </td>\n <td>{order?.order_product_type?.type}</td>\n <td>{order?.code}</td>\n <td>{order?.description}</td>\n <td>{order?.description}</td>\n <td>{order?.description}</td>\n <td>{order?.sku}</td>\n </tr>\n ))\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n );\n}\n\nexport default SplitOrderTable;\n"],"names":["SplitOrderTable","orderProductDetails","useProductDetails","loading","useLoading","selectedSplits","setSelectedSplit","useSelectedSplit","selectAll","setSelectAll","useState","payload","setPayload","useSplitOrderPayload","handleSelectAll","e","isChecked","order","handleSelectedSplitList","id","prevSelectedOrder","updatedSelection","useEffect","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","Skeleton","EmptyDataContainer","Empty","selectedOrder"],"mappings":"~~;;;;;;;;AAaA~~,SAASA,IAAkB;AACzB,QAAM,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,GAAgBC,CAAgB,IAAIC,EAAA,GACrC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIC,EAAA,~~GAGxBC~~,IAAkB,CAACC,MAAW;AAClC,UAAMC,IAAYD,EAAE,OAAO;AAC3B,~~IAAAN~~,~~EAAaO~~,CAAS,~~GAGpBV~~;AAAA,~~MADEU~~,~~IAEAf~~,GAAqB,IAAI,~~CAACgB~~,OAAgB,EAAE,IAAIA,EAAM,KAAK,IAG5C,CAAA;AAAA,IAH4C;AAAA,EAKjE,GAEMC,IAA0B,CAACC,MAAY;AAC3C,~~IAAAb~~,EAAiB,~~CAAAc~~,MAAqB;AAGpC,YAAMC,IAFaD,GAAmB,KAAK,CAAAH,MAASA,EAAM,OAAOE,CAAE,IAG/DC,GAAmB,OAAO,OAASH,EAAM,OAAOE,CAAE,IAClD,CAAC,GAAGC,GAAmB,EAAE,IAAAD,GAAI;AAEjC,~~aAAAV~~,~~EAAaY~~,GAAkB,~~WAAWpB~~,GAAqB,MAAM,~~GAE9DoB~~;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAAC,EAAU,MAAM;AACd,~~IAAAV~~,EAAW;AAAA,MACT,GAAGD;AAAA,MACH,cAAc;AAAA;AAAA,MACd,UAAUN,GAAgB,IAAI,~~CAAAY~~,MAASA,EAAM,EAAE;AAAA,MAC/C,OAAO;AAAA,IAAA,CACR;AAAA,EACH,GAAG,~~CAACZ~~,GAAgBO,CAAU,CAAC,GAG7B,~~gBAAAW~~,EAACC,GAAA,EAAmB,IAAG,kBACrB,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,OAAO,EAAE,UAAU,cACrB,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,~~SAASlB~~;AAAA,UACT,~~UAAUM~~;AAAA,UACV,~~UACEb~~,GAAqB,WAAW,KAChCA,GAAqB,WAAW;AAAA,QAAA;AAAA,MAAA,GAGtC;AAAA,MACA,~~gBAAAsB~~,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,wBAAA,CAAqB;AAAA,MACzB,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACb,EAAA,CACF;AAAA,IACA,gBAAAA,EAAC,SAAA,EACE,~~UAAApB~~,IACC,~~gBAAAwB~~,EAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,QAAG,SAAS,GACX,4BAACK,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,MACA,gBAAAL,EAAC,MAAA,EAAG,SAAS,EAAA,CAAG;AAAA,IAAA,EAAA,CAClB,~~IACEtB~~,GAAqB,WAAW,IAClC,~~gBAAAsB~~,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,4BAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,EAAM,aAAY,gBAAA,CAAgB,GACrC,EAAA,CACF,EAAA,CACF,~~IAEA7B~~,GAAqB,SAAS,KAC9BA,GAAqB,IAAI,~~CAACgB~~,wBACvB,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAM,EAAC,MAAA,EAAG,OAAO,EAAE,UAAU,cACrB,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,~~SAASrB~~,GAAgB;AAAA,YACvB,~~CAAA0B~~,MAAiBA,EAAc,OAAOd,EAAM;AAAA,UAAA;AAAA,UAE9C,UAAU,MAAMC,EAAwBD,EAAM,EAAE;AAAA,QAAA;AAAA,MAAA,GAEpD;AAAA,MACA,gBAAAM,EAAC,MAAA,~~EAAI~~,~~UAAAN~~,GAAO,oBAAoB,~~MAAK~~;AAAA,~~MACrC~~,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,KAAA,CAAK;AAAA,MACjB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,YAAA,CAAY;AAAA,MACxB,gBAAAM,EAAC,MAAA,EAAI,UAAAN,GAAO,IAAA,CAAI;AAAA,IAAA,~~KAdTA~~,EAAM,~~EAef~~,CACD,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"SplitOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/split-order/SplitOrderTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useProductDetails } from '../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { Checkbox } from '@bjsdistribution/dms-component-library';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { useSelectedSplit, useSplitOrderPayload } from '../../store';\nimport {\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../confirm-order/tables/ReminderStyles';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\nimport { useClientPortal } from '../../../../store';\n\nfunction SplitOrderTable() {\n const [orderProductDetails] = useProductDetails();\n const [loading] = useLoading();\n const [selectedSplits, setSelectedSplit] = useSelectedSplit();\n const [selectAll, setSelectAll] = useState(false);\n const [payload, setPayload] = useSplitOrderPayload();\n const [isClientPortal] = useClientPortal();\n\n // Handle Select All\n const handleSelectAll = (e: any) => {\n const isChecked = e.target.checked;\n setSelectAll(isChecked);\n\n if (isChecked) {\n setSelectedSplit(\n orderProductDetails?.map((order: any) => ({ id: order.id }))\n );\n } else {\n setSelectedSplit([]);\n }\n };\n\n const handleSelectedSplitList = (id: any) => {\n setSelectedSplit(prevSelectedOrder => {\n const isSelected = prevSelectedOrder?.some(order => order.id === id);\n\n const updatedSelection = isSelected\n ? prevSelectedOrder?.filter(order => order.id !== id)\n : [...prevSelectedOrder, { id }];\n\n setSelectAll(updatedSelection?.length === orderProductDetails?.length);\n\n return updatedSelection;\n });\n };\n\n useEffect(() => {\n setPayload({\n ...payload,\n return_order: 1, // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1\n products: selectedSplits?.map(order => order.id),\n force: true,\n });\n }, [selectedSplits, setPayload]);\n\n return (\n <StyledTableWrapper id=\"tableScrolling\">\n <StyledTable>\n <thead>\n <tr>\n <th style={{ position: 'relative' }}>\n <Checkbox\n checked={selectAll}\n onChange={handleSelectAll}\n disabled={\n orderProductDetails?.length === 0 \|\|\n orderProductDetails?.length === null\n }\n />\n </th>\n <th>Type</th>\n <th>Code</th>\n <th>Scan</th>\n <th>Description</th>\n <th>Delivery Instructions</th>\n <th>Barcode</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={6}>\n <Skeleton active />\n </td>\n <td colSpan={6}></td>\n </tr>\n ) : orderProductDetails?.length === 0 ? (\n <tr>\n <td className=\"emptyTd\" colSpan={7}>\n <EmptyDataContainer>\n <Empty description=\"No Data Found\" />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n orderProductDetails?.length > 0 &&\n orderProductDetails?.map((order: any) => (\n <tr key={order.id}>\n <td style={{ position: 'relative' }}>\n <Checkbox\n checked={selectedSplits?.some(\n selectedOrder => selectedOrder.id === order.id\n )}\n onChange={() => handleSelectedSplitList(order.id)}\n />\n </td>\n <td>\n {isClientPortal\n ? order?.order_product_type?.type\n : toReverseDeliveryLabel(order?.order_product_type?.type)}\n </td>\n <td>{order?.code}</td>\n <td>{order?.description}</td>\n <td>{order?.description}</td>\n <td>{order?.description}</td>\n <td>{order?.sku}</td>\n </tr>\n ))\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n );\n}\n\nexport default SplitOrderTable;\n"],"names":["SplitOrderTable","orderProductDetails","useProductDetails","loading","useLoading","selectedSplits","setSelectedSplit","useSelectedSplit","selectAll","setSelectAll","useState","payload","setPayload","useSplitOrderPayload","isClientPortal","useClientPortal","handleSelectAll","e","isChecked","order","handleSelectedSplitList","id","prevSelectedOrder","updatedSelection","useEffect","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","Skeleton","EmptyDataContainer","Empty","selectedOrder","toReverseDeliveryLabel"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.js CHANGED Viewed

@@ -1,39 +1,41 @@
-import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
-import { useCancelOrderProducts as y, useOrderStaticData as v } from "../../../store.js";
-import { useLoading as w } from "../../../../order-daily-overview/store/store.js";
-import { Select as _, Skeleton as S, Empty as O } from "antd";
-import R from "../../Dropdown.js";
+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 _ } from "../../../../order-daily-overview/store/store.js";
+import { Select as S, Skeleton as O, Empty as R } from "antd";
+import C from "../../Dropdown.js";
 import l from "styled-components";
-import { EmptyDataContainer as C } from "../confirm-order/tables/ReminderStyles.js";
-import b from "../../../../../assets/icons/DeliverProductIcon.js";
-import s from "../../../../../assets/icons/ReturnProductIcon.js";
-const D = [
+import { EmptyDataContainer as D } from "../confirm-order/tables/ReminderStyles.js";
+import x from "../../../../../assets/icons/DeliverProductIcon.js";
+import { toReverseDeliveryLabel as T } from "../../../../../common/utils.js";
+import c from "../../../../../assets/icons/ReturnProductIcon.js";
+import { useClientPortal as k } from "../../../../store.js";
+const P = [
   {
     label: "Deliver",
     value: "deliver",
-    icon: /* @__PURE__ */ e(b, {})
+    icon: /* @__PURE__ */ e(x, {})
   },
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(s, {})
+    icon: /* @__PURE__ */ e(c, {})
   }
-], T = [
+], I = [
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(s, {})
+    icon: /* @__PURE__ */ e(c, {})
   }
-], Y = () => {
+], M = () => {
   const [
     d,
     f
-  ] = y(), [m] = w(), [p] = v();
+  ] = v(), [m] = _(), [p] = w(), [g] = k();
   if (!d?.length)
     return null;
   const h = p?.return_reasons?.map(
     (r) => ({
-      label: r?.reason,
+      label: g ? r?.reason : T(r?.reason),
       value: r?.reason
     })
   ), u = p?.order_product_return_action?.map(
@@ -44,14 +46,14 @@ const D = [
   ), a = (r, n, i) => {
     console.log(r, n, i);
     const t = d?.map(
-      (c) => c.order_product_id === n ? {
-        ...c,
+      (s) => s.order_product_id === n ? {
+        ...s,
         [i]: r
-      } : c
+      } : s
     );
     f(t);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ o(P, { className: "scrollClass", children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ o(N, { className: "scrollClass", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
       /* @__PURE__ */ e("th", { children: "Status" }),
       /* @__PURE__ */ e("th", { children: "Original Type" }),
@@ -59,8 +61,8 @@ const D = [
       /* @__PURE__ */ e("th", { children: "Description" }),
       /* @__PURE__ */ e("th", { children: "SKU" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e(S, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 5, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(O, {}) }) }) }) : d?.map((r) => {
-      const n = r?.product_type === "deliver" ? D : T, i = r?.action === "return";
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e(O, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 5, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(R, {}) }) }) }) : d?.map((r) => {
+      const n = r?.product_type === "deliver" ? P : I, i = r?.action === "return";
       return /* @__PURE__ */ e(
         "tr",
         {
@@ -70,7 +72,7 @@ const D = [
           children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e("table", { style: { width: "100%" }, children: /* @__PURE__ */ o("tbody", { children: [
             /* @__PURE__ */ o("tr", { children: [
               /* @__PURE__ */ e("td", { style: { width: "20%" }, children: /* @__PURE__ */ e(
-                k,
+                A,
                 {
                   options: n,
                   placeholder: "Select",
@@ -79,7 +81,7 @@ const D = [
                     r?.order_product_id,
                     "action"
                   ),
-                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(b, {}) : r?.action === "return" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(g, {}),
+                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(x, {}) : r?.action === "return" ? /* @__PURE__ */ e(c, {}) : /* @__PURE__ */ e(y, {}),
                   style: { width: "100%" },
                   value: n?.filter(
                     (t) => t?.value === r?.action
@@ -112,9 +114,9 @@ const D = [
               /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.description }),
               /* @__PURE__ */ e("td", { style: { width: "20%" }, children: r?.sku })
             ] }),
-            i && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ o(A, { children: [
+            i && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ o(j, { children: [
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Action",
                   required: !0,
@@ -131,7 +133,7 @@ const D = [
                 }
               ),
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Reason",
                   required: !0,
@@ -154,7 +156,7 @@ const D = [
       );
     }) })
   ] }) }) });
-}, k = l(_)`
+}, A = l(S)`
   .ant-select-selector {
     border-radius: 25px !important;
     /* border: none !important; */
@@ -172,16 +174,16 @@ const D = [
     font-weight: 400;
     font-size: 13px;
   }
-`, I = l.div`
+`, L = l.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;
-`, x = l(R)`
+`, b = l(C)`
   flex: 1;
-`, P = l.table`
+`, N = l.table`
   width: 100%;
   font-size: 14px;
   color: #333;
@@ -246,7 +248,7 @@ const D = [
     background: transparent;
     padding: 8px 12px;
   }
-`, A = l.div`
+`, j = l.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
@@ -254,8 +256,8 @@ const D = [
   width: 100%;
 `;
 export {
-  P as StyledTable,
-  I as StyledTableWrapper,
-  Y as default
+  N as StyledTable,
+  L as StyledTableWrapper,
+  M as default
 };
 //# sourceMappingURL=UncancelOrderTable.js.map

package/dist/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UncancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { Empty, Select, Skeleton } from 'antd';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport { EmptyDataContainer } from '../confirm-order/tables/ReminderStyles';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\n\nconst deliverTypeOptions = [\n {\n label: 'Deliver',\n value: 'deliver',\n icon: <DeliverProductIcon />,\n },\n {\n label: 'Return',\n value: 'return',\n icon: <ReturnProductIcon />,\n },\n];\n\nconst collectTypeOptions = [\n {\n label: 'Return',\n value: 'return',\n icon: <ReturnProductIcon />,\n },\n];\n\nconst UnCancelOrderTable = () => {\n const [\n cancelOrderProducts,\n setCancelOrderProducts,\n ] = useCancelOrderProducts();\n\n const [loading] = useLoading();\n const [orderStaticData] = useOrderStaticData();\n\n if (!cancelOrderProducts?.length) {\n return null;\n }\n\n const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n (option: any) => ({\n label: option?.reason,\n value: option?.reason,\n })\n );\n\n const returnActionOptions = orderStaticData?.order_product_return_action?.map(\n (option: any) => ({\n label: option?.value,\n value: option?.value,\n })\n );\n\n const onChange = (\n selectedVal: string,\n id: number,\n type: keyof CancelOrderProductsType\n ) => {\n console.log(selectedVal, id, type);\n const updatedList = cancelOrderProducts?.map(\n (item: CancelOrderProductsType) => {\n const newItem =\n item.order_product_id === id\n ? {\n ...item,\n [type]: selectedVal,\n }\n : item;\n return newItem;\n }\n );\n setCancelOrderProducts(updatedList);\n };\n\n return (\n <div>\n <StyledTableWrapper>\n <StyledTable className=\"scrollClass\">\n <thead>\n <tr>\n <th>Status</th>\n <th>Original Type</th>\n <th>Code</th>\n <th>Description</th>\n <th>SKU</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={5}>\n <Skeleton active />\n </td>\n </tr>\n ) : cancelOrderProducts?.length === 0 ? (\n <tr>\n <td className=\"emptyTd\" colSpan={5}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n cancelOrderProducts?.map((product: CancelOrderProductsType) => {\n const dropdownOptions =\n product?.product_type === 'deliver'\n ? deliverTypeOptions\n : collectTypeOptions;\n\n const isReturn = product?.action === 'return';\n\n return (\n <tr\n key={product?.order_product_id}\n style={{\n boxShadow: '0px 1px 3px 0px rgba(16, 24, 40, 0.1)',\n }}\n >\n <td colSpan={5}>\n <table style={{ width: '100%' }}>\n <tbody>\n <tr>\n <td style={{ width: '20%' }}>\n <CustomSelectDropdown\n options={dropdownOptions}\n placeholder=\"Select\"\n onChange={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'action'\n )\n }\n prefix={\n product?.action === 'deliver' ? (\n <DeliverProductIcon />\n ) : product?.action === 'return' ? (\n <ReturnProductIcon />\n ) : (\n <></>\n )\n }\n style={{ width: '100%' }}\n // popupClassName={'dropDownStyle'}\n // selectWrapperClass={'rounded'}\n value={dropdownOptions?.filter(\n (item: any) => item?.value === product?.action\n )}\n optionRender={(option: any) => (\n <div\n style={{\n display: 'flex',\n gap: '8px',\n alignItems: 'center',\n }}\n >\n <span\n style={{ display: 'flex' }}\n aria-label={option.data.label}\n >\n {option.data.icon}\n </span>\n <span style={{ color: '#8D8F90' }}>\n {option.data.label}\n </span>\n </div>\n )}\n />\n </td>\n <td style={{ width: '20%' }}>\n {product?.previous_product_type === null\n ? 'N/A'\n : product?.previous_product_type}\n </td>\n <td style={{ width: '20%' }}>{product?.code}</td>\n <td style={{ width: '20%' }}>\n {product?.description}\n </td>\n <td style={{ width: '20%' }}>{product?.sku}</td>\n </tr>\n\n {isReturn && (\n <tr>\n <td colSpan={5}>\n <ReturnRowWrapper>\n <StyledDropdown\n label=\"Return Action\"\n required\n placeholder=\"Select action\"\n options={returnActionOptions}\n onSelect={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'return_action'\n )\n }\n value={returnActionOptions?.filter(\n (option: any) =>\n option.value === product?.return_action\n )}\n />\n <StyledDropdown\n label=\"Return Reason\"\n required\n placeholder=\"Select reason\"\n options={returnReasonsOptions}\n onSelect={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'return_reason'\n )\n }\n value={returnReasonsOptions?.filter(\n (option: any) =>\n option.value === product?.return_reason\n )}\n />\n </ReturnRowWrapper>\n </td>\n </tr>\n )}\n </tbody>\n </table>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n );\n};\n\nconst CustomSelectDropdown: any = styled(Select)`\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n`;\n\nexport const StyledTableWrapper = styled.div`\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n`;\n\nconst StyledDropdown = styled(OrderActionsDropdown)`\n flex: 1;\n`;\n\nexport const StyledTable = styled.table`\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n`;\n\nconst ReturnRowWrapper = styled.div`\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n`;\n\nexport default UnCancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","UnCancelOrderTable","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","loading","useLoading","orderStaticData","useOrderStaticData","returnReasonsOptions","option","returnActionOptions","onChange","selectedVal","id","type","updatedList","item","jsx","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","product","dropdownOptions","isReturn","CustomSelectDropdown","val","Fragment","ReturnRowWrapper","StyledDropdown","styled","Select","OrderActionsDropdown"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAmB;AAAA,EAAA;AAAA,EAE5B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAkB;AAAA,EAAA;AAE7B,GAEMC,IAAqB;AAAA,EACzB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,wBAAOD,GAAA,CAAA,CAAkB;AAAA,EAAA;AAE7B,GAEME,IAAqB,MAAM;AAC/B,QAAM;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GAEE,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,CAAe,IAAIC,EAAA;AAE1B,MAAI,CAACN,GAAqB;AACxB,WAAO;AAGT,QAAMO,IAAuBF,GAAiB,gBAAgB;AAAA,IAC5D,CAACG,OAAiB;AAAA,MAChB,OAAOA,GAAQ;AAAA,MACf,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB,GAGIC,IAAsBJ,GAAiB,6BAA6B;AAAA,IACxE,CAACG,OAAiB;AAAA,MAChB,OAAOA,GAAQ;AAAA,MACf,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB,GAGIE,IAAW,CACfC,GACAC,GACAC,MACG;AACH,YAAQ,IAAIF,GAAaC,GAAIC,CAAI;AACjC,UAAMC,IAAcd,GAAqB;AAAA,MACvC,CAACe,MAEGA,EAAK,qBAAqBH,IACtB;AAAA,QACE,GAAGG;AAAA,QACH,CAACF,CAAI,GAAGF;AAAA,MAAA,IAEVI;AAAA,IAER;AAEF,IAAAd,EAAuBa,CAAW;AAAA,EACpC;AAEA,2BACG,OAAA,EACC,UAAA,gBAAAE,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAY,WAAU,eACrB,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,IAAA,EAAA,CACT,EAAA,CACF;AAAA,sBACC,SAAA,EACE,UAAAb,IACC,gBAAAa,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,GACX,UAAA,gBAAAA,EAACI,KAAS,QAAM,IAAC,GACnB,EAAA,CACF,IACEpB,GAAqB,WAAW,IAClC,gBAAAgB,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,UAAA,gBAAAA,EAACK,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,CAAA,CAAM,GACT,GACF,EAAA,CACF,IAEAtB,GAAqB,IAAI,CAACuB,MAAqC;AAC7D,YAAMC,IACJD,GAAS,iBAAiB,YACtB5B,IACAG,GAEA2B,IAAWF,GAAS,WAAW;AAErC,aACE,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAO;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,UAGb,UAAA,gBAAAA,EAAC,MAAA,EAAG,SAAS,GACX,UAAA,gBAAAA,EAAC,SAAA,EAAM,OAAO,EAAE,OAAO,OAAA,GACrB,UAAA,gBAAAE,EAAC,SAAA,EACC,UAAA;AAAA,YAAA,gBAAAA,EAAC,MAAA,EACC,UAAA;AAAA,cAAA,gBAAAF,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,SAClB,UAAA,gBAAAA;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,SAASF;AAAA,kBACT,aAAY;AAAA,kBACZ,UAAU,CAACG,MACTjB;AAAA,oBACEiB;AAAA,oBACAJ,GAAS;AAAA,oBACT;AAAA,kBAAA;AAAA,kBAGJ,QACEA,GAAS,WAAW,YAClB,gBAAAP,EAACpB,GAAA,CAAA,CAAmB,IAClB2B,GAAS,WAAW,WACtB,gBAAAP,EAACnB,GAAA,CAAA,CAAkB,IAEnB,gBAAAmB,EAAAY,GAAA,EAAE;AAAA,kBAGN,OAAO,EAAE,OAAO,OAAA;AAAA,kBAGhB,OAAOJ,GAAiB;AAAA,oBACtB,CAACT,MAAcA,GAAM,UAAUQ,GAAS;AAAA,kBAAA;AAAA,kBAE1C,cAAc,CAACf,MACb,gBAAAU;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,wBACL,SAAS;AAAA,wBACT,KAAK;AAAA,wBACL,YAAY;AAAA,sBAAA;AAAA,sBAGd,UAAA;AAAA,wBAAA,gBAAAF;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,OAAO,EAAE,SAAS,OAAA;AAAA,4BAClB,cAAYR,EAAO,KAAK;AAAA,4BAEvB,YAAO,KAAK;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAEf,gBAAAQ,EAAC,UAAK,OAAO,EAAE,OAAO,UAAA,GACnB,UAAAR,EAAO,KAAK,MAAA,CACf;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,GAGN;AAAA,cACA,gBAAAQ,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,MAAA,GACjB,UAAAO,GAAS,0BAA0B,OAChC,QACAA,GAAS,sBAAA,CACf;AAAA,cACA,gBAAAP,EAAC,QAAG,OAAO,EAAE,OAAO,MAAA,GAAU,aAAS,MAAK;AAAA,cAC5C,gBAAAA,EAAC,QAAG,OAAO,EAAE,OAAO,MAAA,GACjB,aAAS,aACZ;AAAA,cACA,gBAAAA,EAAC,QAAG,OAAO,EAAE,OAAO,SAAU,aAAS,IAAA,CAAI;AAAA,YAAA,GAC7C;AAAA,YAECS,uBACE,MAAA,EACC,UAAA,gBAAAT,EAAC,QAAG,SAAS,GACX,4BAACa,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAb;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAQ;AAAA,kBACR,aAAY;AAAA,kBACZ,SAASrB;AAAA,kBACT,UAAU,CAACkB,MACTjB;AAAA,oBACEiB;AAAA,oBACAJ,GAAS;AAAA,oBACT;AAAA,kBAAA;AAAA,kBAGJ,OAAOd,GAAqB;AAAA,oBAC1B,CAACD,MACCA,EAAO,UAAUe,GAAS;AAAA,kBAAA;AAAA,gBAC9B;AAAA,cAAA;AAAA,cAEF,gBAAAP;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAQ;AAAA,kBACR,aAAY;AAAA,kBACZ,SAASvB;AAAA,kBACT,UAAU,CAACoB,MACTjB;AAAA,oBACEiB;AAAA,oBACAJ,GAAS;AAAA,oBACT;AAAA,kBAAA;AAAA,kBAGJ,OAAOhB,GAAsB;AAAA,oBAC3B,CAACC,MACCA,EAAO,UAAUe,GAAS;AAAA,kBAAA;AAAA,gBAC9B;AAAA,cAAA;AAAA,YACF,EAAA,CACF,GACF,EAAA,CACF;AAAA,UAAA,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,QAAA;AAAA,QAhHKA,GAAS;AAAA,MAAA;AAAA,IAmHpB,CAAC,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ,GAEMG,IAA4BK,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBlCf,IAAqBc,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnCD,IAAiBC,EAAOE,CAAoB;AAAA;AAAA,GAIrCd,IAAcY,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmE5BF,IAAmBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"UncancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/uncancel-order/UncancelOrderTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { Empty, Select, Skeleton } from 'antd';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport { EmptyDataContainer } from '../confirm-order/tables/ReminderStyles';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\nimport { useClientPortal } from '../../../../store';\n\nconst deliverTypeOptions = [\n {\n label: 'Deliver',\n value: 'deliver',\n icon: <DeliverProductIcon />,\n },\n {\n label: 'Return',\n value: 'return',\n icon: <ReturnProductIcon />,\n },\n];\n\nconst collectTypeOptions = [\n {\n label: 'Return',\n value: 'return',\n icon: <ReturnProductIcon />,\n },\n];\n\nconst UnCancelOrderTable = () => {\n const [\n cancelOrderProducts,\n setCancelOrderProducts,\n ] = useCancelOrderProducts();\n\n const [loading] = useLoading();\n const [orderStaticData] = useOrderStaticData();\n const [isClientPortal] = useClientPortal();\n\n if (!cancelOrderProducts?.length) {\n return null;\n }\n\n const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n (option: any) => ({\n label: isClientPortal\n ? option?.reason\n : toReverseDeliveryLabel(option?.reason),\n value: option?.reason,\n })\n );\n\n const returnActionOptions = orderStaticData?.order_product_return_action?.map(\n (option: any) => ({\n label: option?.value,\n value: option?.value,\n })\n );\n\n const onChange = (\n selectedVal: string,\n id: number,\n type: keyof CancelOrderProductsType\n ) => {\n console.log(selectedVal, id, type);\n const updatedList = cancelOrderProducts?.map(\n (item: CancelOrderProductsType) => {\n const newItem =\n item.order_product_id === id\n ? {\n ...item,\n [type]: selectedVal,\n }\n : item;\n return newItem;\n }\n );\n setCancelOrderProducts(updatedList);\n };\n\n return (\n <div>\n <StyledTableWrapper>\n <StyledTable className=\"scrollClass\">\n <thead>\n <tr>\n <th>Status</th>\n <th>Original Type</th>\n <th>Code</th>\n <th>Description</th>\n <th>SKU</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={5}>\n <Skeleton active />\n </td>\n </tr>\n ) : cancelOrderProducts?.length === 0 ? (\n <tr>\n <td className=\"emptyTd\" colSpan={5}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n cancelOrderProducts?.map((product: CancelOrderProductsType) => {\n const dropdownOptions =\n product?.product_type === 'deliver'\n ? deliverTypeOptions\n : collectTypeOptions;\n\n const isReturn = product?.action === 'return';\n\n return (\n <tr\n key={product?.order_product_id}\n style={{\n boxShadow: '0px 1px 3px 0px rgba(16, 24, 40, 0.1)',\n }}\n >\n <td colSpan={5}>\n <table style={{ width: '100%' }}>\n <tbody>\n <tr>\n <td style={{ width: '20%' }}>\n <CustomSelectDropdown\n options={dropdownOptions}\n placeholder=\"Select\"\n onChange={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'action'\n )\n }\n prefix={\n product?.action === 'deliver' ? (\n <DeliverProductIcon />\n ) : product?.action === 'return' ? (\n <ReturnProductIcon />\n ) : (\n <></>\n )\n }\n style={{ width: '100%' }}\n // popupClassName={'dropDownStyle'}\n // selectWrapperClass={'rounded'}\n value={dropdownOptions?.filter(\n (item: any) => item?.value === product?.action\n )}\n optionRender={(option: any) => (\n <div\n style={{\n display: 'flex',\n gap: '8px',\n alignItems: 'center',\n }}\n >\n <span\n style={{ display: 'flex' }}\n aria-label={option.data.label}\n >\n {option.data.icon}\n </span>\n <span style={{ color: '#8D8F90' }}>\n {option.data.label}\n </span>\n </div>\n )}\n />\n </td>\n <td style={{ width: '20%' }}>\n {product?.previous_product_type === null\n ? 'N/A'\n : product?.previous_product_type}\n </td>\n <td style={{ width: '20%' }}>{product?.code}</td>\n <td style={{ width: '20%' }}>\n {product?.description}\n </td>\n <td style={{ width: '20%' }}>{product?.sku}</td>\n </tr>\n\n {isReturn && (\n <tr>\n <td colSpan={5}>\n <ReturnRowWrapper>\n <StyledDropdown\n label=\"Return Action\"\n required\n placeholder=\"Select action\"\n options={returnActionOptions}\n onSelect={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'return_action'\n )\n }\n value={returnActionOptions?.filter(\n (option: any) =>\n option.value === product?.return_action\n )}\n />\n <StyledDropdown\n label=\"Return Reason\"\n required\n placeholder=\"Select reason\"\n options={returnReasonsOptions}\n onSelect={(val: any) =>\n onChange(\n val,\n product?.order_product_id!,\n 'return_reason'\n )\n }\n value={returnReasonsOptions?.filter(\n (option: any) =>\n option.value === product?.return_reason\n )}\n />\n </ReturnRowWrapper>\n </td>\n </tr>\n )}\n </tbody>\n </table>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n );\n};\n\nconst CustomSelectDropdown: any = styled(Select)`\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n`;\n\nexport const StyledTableWrapper = styled.div`\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n`;\n\nconst StyledDropdown = styled(OrderActionsDropdown)`\n flex: 1;\n`;\n\nexport const StyledTable = styled.table`\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n`;\n\nconst ReturnRowWrapper = styled.div`\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n`;\n\nexport default UnCancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","UnCancelOrderTable","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","loading","useLoading","orderStaticData","useOrderStaticData","isClientPortal","useClientPortal","returnReasonsOptions","option","toReverseDeliveryLabel","returnActionOptions","onChange","selectedVal","id","type","updatedList","item","jsx","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","product","dropdownOptions","isReturn","CustomSelectDropdown","val","Fragment","ReturnRowWrapper","StyledDropdown","styled","Select","OrderActionsDropdown"],"mappings":"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"}

package/dist/components/order-view/order-details/expanded-content/services-section/OrderServices.js CHANGED Viewed

@@ -1,39 +1,41 @@
-import { jsx as n } from "react/jsx-runtime";
-import f from "styled-components";
-import u from "../../../../../common/services-slider/ServiceSlider.js";
-import { useOrderStaticData as v, useOrderDetails as S } from "../../../store.js";
-function b() {
-  const [r] = v(), [i, c] = S(), d = r?.order_service_list, o = [
+import { jsx as l } from "react/jsx-runtime";
+import u from "styled-components";
+import v from "../../../../../common/services-slider/ServiceSlider.js";
+import { useOrderStaticData as y, useOrderDetails as S } from "../../../store.js";
+import { toReverseDeliveryLabel as x } from "../../../../../common/utils.js";
+import { useClientPortal as D } from "../../../../store.js";
+function A() {
+  const [r] = y(), [i, n] = S(), [c] = D(), o = r?.order_service_list, a = [
     "unpack_items",
     "take_packaging_away",
     "assemble",
     "disassemble",
     "collect_disposal"
-  ], l = d?.sort((e, t) => o.indexOf(e.type) - o.indexOf(t.type)), p = (e) => {
-    const a = d?.find(
+  ], p = o?.sort((e, t) => a.indexOf(e.type) - a.indexOf(t.type)), m = (e) => {
+    const d = o?.find(
       (s) => s.id === e
-    )?.type, m = !i[a];
-    c((s) => ({
+    )?.type, f = !i[d];
+    n((s) => ({
       ...s,
-      [a]: m
+      [d]: f
     }));
   };
-  return /* @__PURE__ */ n(x, { disabled: !0, children: l?.map((e) => {
+  return /* @__PURE__ */ l(O, { disabled: !0, children: p?.map((e) => {
     const t = i[e?.type];
-    return /* @__PURE__ */ n(
-      u,
+    return /* @__PURE__ */ l(
+      v,
       {
-        serviceName: e?.type?.replaceAll("_", " "),
+        serviceName: c ? e?.type?.replaceAll("_", " ") : x(e?.type?.replaceAll("_", " ")),
         serviceId: e?.id,
         isSelected: t,
-        toggle: p,
+        toggle: m,
         disabled: !0
       },
       e?.id
     );
   }) });
 }
-const x = f.div`
+const O = u.div`
   display: flex;
   gap: 30px;
   flex: 1;
@@ -50,6 +52,6 @@ const x = f.div`
   }
 `;
 export {
-  b as default
+  A as default
 };
 //# sourceMappingURL=OrderServices.js.map

package/dist/components/order-view/order-details/expanded-content/services-section/OrderServices.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderServices.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport ServiceSlider from '../../../../../common/services-slider/ServiceSlider';\nimport {\n useOrderDetails,\n useOrderStaticData,\n} from '../../../store';\nimport { OrdersType } from '../../../types';\n\nfunction OrderServices() {\n const [orderStaticData] = useOrderStaticData();\n const [orderDetails, setOrderDetails] = useOrderDetails();\n\n const orderServicesOptions = orderStaticData?.order_service_list;\n\n const desiredOrder = [\n 'unpack_items',\n 'take_packaging_away',\n 'assemble',\n 'disassemble',\n 'collect_disposal',\n ];\n\n const sortedServices = orderServicesOptions?.sort((a: any, b: any) => {\n return desiredOrder.indexOf(a.type) - desiredOrder.indexOf(b.type);\n });\n\n const toggleServices = (id: number) => {\n const selectedService = orderServicesOptions?.find(\n (item: any) => item.id === id\n );\n const key = selectedService?.type;\n const value = !orderDetails[key as keyof OrdersType];\n setOrderDetails(prev => ({\n ...prev,\n [key]: value,\n }));\n };\n const isDisabled = true;\n\n return (\n <Container disabled={isDisabled}>\n {sortedServices?.map((service: any) => {\n const selected = orderDetails[service?.type as keyof OrdersType];\n return (\n <ServiceSlider\n serviceName={service?.type?.replaceAll('_', ' ')}\n serviceId={service?.id}\n isSelected={selected}\n toggle={toggleServices}\n key={service?.id}\n disabled={true}\n />\n );\n })}\n </Container>\n );\n}\n\nconst Container = styled.div<{ disabled: boolean }>`\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n\n ${({ disabled }) =>\n disabled &&\n `\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n `}\n }\n`;\n\nexport default OrderServices;\n"],"names":["OrderServices","orderStaticData","useOrderStaticData","orderDetails","setOrderDetails","useOrderDetails","orderServicesOptions","desiredOrder","sortedServices","a","b","toggleServices","id","key","item","value","prev","Container","service","selected","jsx","ServiceSlider","styled","disabled"],"mappings":"~~;;;;AASA~~,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAcC,CAAe,IAAIC,EAAA,~~GAElCC~~,~~IAAuBL~~,GAAiB,~~oBAExCM~~,IAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIC,IAAiBF,GAAsB,KAAK,CAACG,GAAQC,MAClDH,EAAa,QAAQE,EAAE,IAAI,IAAIF,EAAa,QAAQG,EAAE,IAAI,CAClE,GAEKC,IAAiB,CAACC,MAAe;AAIrC,UAAMC,IAHkBP,GAAsB;AAAA,MAC5C,CAACQ,MAAcA,EAAK,OAAOF;AAAA,IAAA,GAEA,MACvBG,IAAQ,~~CAACZ~~,~~EAAaU~~,CAAuB;AACnD,~~IAAAT~~,EAAgB,~~CAAAY~~,OAAS;AAAA,MACvB,GAAGA;AAAA,MACH,CAACH,CAAG,GAAGE;AAAA,IAAA,EACP;AAAA,EACJ;AAGA,2BACGE,GAAA,EAAU,UAHM,IAId,UAAAT,GAAgB,IAAI,CAACU,MAAiB;AACrC,UAAMC,~~IAAWhB~~,~~EAAae~~,GAAS,IAAwB;AAC/D,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,~~aAAaH~~,GAAS,MAAM,WAAW,KAAK,GAAG;AAAA,~~QAC/C~~,WAAWA,GAAS;AAAA,QACpB,YAAYC;AAAA,QACZ,QAAQR;AAAA,QAER,UAAU;AAAA,MAAA;AAAA,MADLO,GAAS;AAAA,IAAA;AAAA,EAIpB,CAAC,EAAA,CACH;AAEJ;AAEA,MAAMD,~~IAAYK~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOnB,CAAC,EAAE,UAAAC,EAAA,MACHA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMH;AAAA;AAAA;"}
1	+ {"version":3,"file":"OrderServices.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport ServiceSlider from '../../../../../common/services-slider/ServiceSlider';\nimport {\n useOrderDetails,\n useOrderStaticData,\n} from '../../../store';\nimport { OrdersType } from '../../../types';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\nimport { useClientPortal } from '../../../../store';\n\nfunction OrderServices() {\n const [orderStaticData] = useOrderStaticData();\n const [orderDetails, setOrderDetails] = useOrderDetails();\n const [isClientPortal] = useClientPortal();\n\n const orderServicesOptions = orderStaticData?.order_service_list;\n\n const desiredOrder = [\n 'unpack_items',\n 'take_packaging_away',\n 'assemble',\n 'disassemble',\n 'collect_disposal',\n ];\n\n const sortedServices = orderServicesOptions?.sort((a: any, b: any) => {\n return desiredOrder.indexOf(a.type) - desiredOrder.indexOf(b.type);\n });\n\n const toggleServices = (id: number) => {\n const selectedService = orderServicesOptions?.find(\n (item: any) => item.id === id\n );\n const key = selectedService?.type;\n const value = !orderDetails[key as keyof OrdersType];\n setOrderDetails(prev => ({\n ...prev,\n [key]: value,\n }));\n };\n const isDisabled = true;\n\n return (\n <Container disabled={isDisabled}>\n {sortedServices?.map((service: any) => {\n const selected = orderDetails[service?.type as keyof OrdersType];\n return (\n <ServiceSlider\n serviceName={\n isClientPortal\n ? service?.type?.replaceAll('_', ' ')\n : toReverseDeliveryLabel(service?.type?.replaceAll('_', ' '))\n }\n serviceId={service?.id}\n isSelected={selected}\n toggle={toggleServices}\n key={service?.id}\n disabled={true}\n />\n );\n })}\n </Container>\n );\n}\n\nconst Container = styled.div<{ disabled: boolean }>`\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n\n ${({ disabled }) =>\n disabled &&\n `\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n `}\n }\n`;\n\nexport default OrderServices;\n"],"names":["OrderServices","orderStaticData","useOrderStaticData","orderDetails","setOrderDetails","useOrderDetails","isClientPortal","useClientPortal","orderServicesOptions","desiredOrder","sortedServices","a","b","toggleServices","id","key","item","value","prev","Container","service","selected","jsx","ServiceSlider","toReverseDeliveryLabel","styled","disabled"],"mappings":";;;;;;AAWA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAuBP,GAAiB,oBAExCQ,IAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIC,IAAiBF,GAAsB,KAAK,CAACG,GAAQC,MAClDH,EAAa,QAAQE,EAAE,IAAI,IAAIF,EAAa,QAAQG,EAAE,IAAI,CAClE,GAEKC,IAAiB,CAACC,MAAe;AAIrC,UAAMC,IAHkBP,GAAsB;AAAA,MAC5C,CAACQ,MAAcA,EAAK,OAAOF;AAAA,IAAA,GAEA,MACvBG,IAAQ,CAACd,EAAaY,CAAuB;AACnD,IAAAX,EAAgB,CAAAc,OAAS;AAAA,MACvB,GAAGA;AAAA,MACH,CAACH,CAAG,GAAGE;AAAA,IAAA,EACP;AAAA,EACJ;AAGA,2BACGE,GAAA,EAAU,UAHM,IAId,UAAAT,GAAgB,IAAI,CAACU,MAAiB;AACrC,UAAMC,IAAWlB,EAAaiB,GAAS,IAAwB;AAC/D,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aACEjB,IACIc,GAAS,MAAM,WAAW,KAAK,GAAG,IAClCI,EAAuBJ,GAAS,MAAM,WAAW,KAAK,GAAG,CAAC;AAAA,QAEhE,WAAWA,GAAS;AAAA,QACpB,YAAYC;AAAA,QACZ,QAAQR;AAAA,QAER,UAAU;AAAA,MAAA;AAAA,MADLO,GAAS;AAAA,IAAA;AAAA,EAIpB,CAAC,EAAA,CACH;AAEJ;AAEA,MAAMD,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOnB,CAAC,EAAE,UAAAC,EAAA,MACHA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMH;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/services-section/ServiceType.js CHANGED Viewed

@@ -1,26 +1,31 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { SelectDropdown as c, Label as m } from "@bjsdistribution/dms-component-library";
-import { useOrderStaticData as u, useOrderDetails as y } from "../../../store.js";
-import a from "styled-components";
-import { capitalize as D } from "../../../utils.js";
-function _() {
-  const [i] = u(), [r, l] = y(), p = r?.order_type_id, t = i?.order_type?.map(
-    (e) => ({
-      label: D(e.type.replaceAll("_", " ")),
-      value: e.id
-    })
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { SelectDropdown as m, Label as u } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as y, useOrderDetails as f } from "../../../store.js";
+import i from "styled-components";
+import { capitalize as v } from "../../../utils.js";
+import { toReverseDeliveryLabel as D } from "../../../../../common/utils.js";
+import { useClientPortal as w } from "../../../../store.js";
+function g() {
+  const [l] = y(), [t, n] = f(), [p] = w(), s = t?.order_type_id, o = l?.order_type?.map(
+    (e) => {
+      const r = v(e.type.replaceAll("_", " "));
+      return {
+        label: p ? r : D(r),
+        value: e.id
+      };
+    }
   ), d = (e) => {
-    const n = { ...r, order_type_id: e.value };
-    l(n);
+    const r = { ...t, order_type_id: e.value };
+    n(r);
   };
-  return /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ o(m, { label: "Service Type", htmlFor: "serviceTypeDropdown" }),
-    /* @__PURE__ */ o(
-      v,
+  return /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ a(u, { label: "Service Type", htmlFor: "serviceTypeDropdown" }),
+    /* @__PURE__ */ a(
+      b,
       {
         placeholder: "Select Service Type",
-        options: t || [],
-        value: t?.filter((e) => e.value === p),
+        options: o || [],
+        value: o?.filter((e) => e.value === s),
         inputId: "serviceTypeDropdown",
         openMenuOnFocus: !0,
         onChange: d,
@@ -30,19 +35,19 @@ function _() {
     )
   ] });
 }
-const f = a.div`
+const S = i.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
   // flex: 1;
   min-width: 250px;
-`, v = a(c)`
+`, b = i(m)`
   &.disabled {
     cursor: not-allowed !important;
     opacity: 0.7;
   }
 `;
 export {
-  _ as default
+  g as default
 };
 //# sourceMappingURL=ServiceType.js.map