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

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

@@ -1,65 +1,67 @@
-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 = [
+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 { toReverseDeliveryLabel as k } from "../../../../../common/utils.js";
+import { useClientPortal as T } 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, {})
   }
-], k = [
+], I = [
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(s, {})
+    icon: /* @__PURE__ */ e(c, {})
   }
-], Y = () => {
+], M = () => {
   const [
-    l,
+    d,
     f
-  ] = y(), [m] = v(), [p] = w();
-  if (!l?.length)
+  ] = v(), [m] = S(), [p] = w(), [g] = T();
+  if (!d?.length)
     return null;
-  const h = p?.return_reasons?.map(
+  const u = p?.return_reasons?.map(
     (r) => ({
-      label: r?.reason,
+      label: g ? r?.reason : k(r?.reason),
       value: r?.reason
     })
-  ), u = p?.order_product_return_action?.map(
+  ), h = p?.order_product_return_action?.map(
     (r) => ({
       label: r?.value,
       value: r?.value
     })
   ), i = (r, n, a) => {
     console.log(r, n, a);
-    const t = l?.map(
-      (c) => c.order_product_id === n ? {
-        ...c,
+    const t = d?.map(
+      (s) => s.order_product_id === n ? {
+        ...s,
         [a]: 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(A, { children: /* @__PURE__ */ o(N, { 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(_, { 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";
+    /* @__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";
       return /* @__PURE__ */ e(
         "tr",
         {
@@ -69,7 +71,7 @@ const D = [
           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(
-                T,
+                L,
                 {
                   options: n,
                   placeholder: "Select",
@@ -78,7 +80,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
@@ -110,37 +112,37 @@ const D = [
               /* @__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(A, { children: [
+            a && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ o(j, { children: [
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Action",
                   required: !0,
                   placeholder: "Select action",
-                  options: u,
+                  options: h,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_action"
                   ),
-                  value: u?.filter(
+                  value: h?.filter(
                     (t) => t.value === r?.return_action
                   )
                 }
               ),
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Reason",
                   required: !0,
                   placeholder: "Select reason",
-                  options: h,
+                  options: u,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_reason"
                   ),
-                  value: h?.filter(
+                  value: u?.filter(
                     (t) => t.value === r?.return_reason
                   )
                 }
@@ -152,7 +154,7 @@ const D = [
       );
     }) })
   ] }) }) });
-}, T = d(S)`
+}, L = l(_)`
   .ant-select-selector {
     border-radius: 25px !important;
     /* border: none !important; */
@@ -170,16 +172,16 @@ const D = [
     font-weight: 400;
     font-size: 13px;
   }
-`, I = d.div`
+`, A = 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 = d(R)`
+`, b = l(O)`
   flex: 1;
-`, P = d.table`
+`, N = l.table`
   width: 100%;
   font-size: 14px;
   color: #333;
@@ -244,7 +246,7 @@ const D = [
     background: transparent;
     padding: 8px 12px;
   }
-`, A = d.div`
+`, j = l.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
@@ -252,8 +254,8 @@ const D = [
   width: 100%;
 `;
 export {
-  P as StyledTable,
-  I as StyledTableWrapper,
-  Y as default
+  N as StyledTable,
+  A as StyledTableWrapper,
+  M as default
 };
 //# sourceMappingURL=CancelOrderTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.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';\n// import { AntSelect } from '@bjsdistribution/dms-component-library';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\nimport { EmptyDataContainer } from '../charge-log';\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 CancelOrderTable = () => {\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>Code</th>\n              <th>Description</th>\n              <th>SKU</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={4}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : cancelOrderProducts?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={4}>\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={4}>\n                      <table style={{ width: '100%' }}>\n                        <tbody>\n                          <tr>\n                            <td style={{ width: '25%' }}>\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                                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: '25%' }}>{product?.code}</td>\n                            <td style={{ width: '25%' }}>\n                              {product?.description}\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.sku}</td>\n                          </tr>\n\n                          {isReturn && (\n                            <tr>\n                              <td colSpan={4}>\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: 10px;\n    align-items: center;\n\n    .ant-select-prefix {\n      margin-top: 3px;\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 CancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","CancelOrderTable","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":"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"}
+{"version":3,"file":"CancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.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';\n// import { AntSelect } from '@bjsdistribution/dms-component-library';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\nimport { EmptyDataContainer } from '../charge-log';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\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 CancelOrderTable = () => {\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>Code</th>\n              <th>Description</th>\n              <th>SKU</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={4}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : cancelOrderProducts?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={4}>\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={4}>\n                      <table style={{ width: '100%' }}>\n                        <tbody>\n                          <tr>\n                            <td style={{ width: '25%' }}>\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                                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: '25%' }}>{product?.code}</td>\n                            <td style={{ width: '25%' }}>\n                              {product?.description}\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.sku}</td>\n                          </tr>\n\n                          {isReturn && (\n                            <tr>\n                              <td colSpan={4}>\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: 10px;\n    align-items: center;\n\n    .ant-select-prefix {\n      margin-top: 3px;\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 CancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","CancelOrderTable","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-actions/actions/cancel-order/ReturnReason.js

@@ -1,32 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useOrderStaticData as c, useCancelOrderProducts as u } from "../../../store.js";
-import l from "../../Dropdown.js";
-function R() {
-  const [r] = c(), [, t] = u(), o = r?.return_reasons?.map(
+import { jsxs as c, Fragment as i, jsx as r } from "react/jsx-runtime";
+import { useOrderStaticData as p, useCancelOrderProducts as m } from "../../../store.js";
+import u from "../../Dropdown.js";
+import { createGlobalStyle as d } from "styled-components";
+import { toReverseDeliveryLabel as R } from "../../../../../common/utils.js";
+import { useClientPortal as f } from "../../../../store.js";
+const w = d`
+  .returnReasonDropdown.ant-select-dropdown {
+    min-width: 420px !important;
+    max-width: 90vw !important;
+  }
+`;
+function v() {
+  const [t] = p(), [, o] = m(), [n] = f(), a = t?.return_reasons?.map(
     (e) => ({
-      label: e?.reason,
+      label: n ? e?.reason : R(e?.reason),
       value: e?.reason
     })
   );
-  return /* @__PURE__ */ s(
-    l,
-    {
-      label: "Return Reason",
-      placeholder: "Select Return Reason",
-      options: o,
-      onSelect: (e) => {
-        t(
-          (n) => n?.map((a) => ({
-            ...a,
-            action: "return",
-            return_reason: e
-          }))
-        );
+  return /* @__PURE__ */ c(i, { children: [
+    /* @__PURE__ */ r(w, {}),
+    /* @__PURE__ */ r(
+      u,
+      {
+        label: "Return Reason",
+        placeholder: "Select Return Reason",
+        options: a,
+        onSelect: (e) => {
+          o(
+            (s) => s?.map((l) => ({
+              ...l,
+              action: "return",
+              return_reason: e
+            }))
+          );
+        },
+        popupClassName: "returnReasonDropdown"
       }
-    }
-  );
+    )
+  ] });
 }
 export {
-  R as default
+  v as default
 };
 //# sourceMappingURL=ReturnReason.js.map

package/dist/components/order-view/order-actions/actions/cancel-order/ReturnReason.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnReason.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/ReturnReason.tsx"],"sourcesContent":["import { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport React from 'react';\nfunction ReturnReason() {\n  const [orderStaticData] = useOrderStaticData();\n  const [, setCancelOrderProducts] = useCancelOrderProducts();\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: option?.reason,\n      value: option?.reason,\n    })\n  );\n  const onSelect = (selectedValue: any) => {\n    setCancelOrderProducts((prev: CancelOrderProductsType[]) =>\n      prev?.map((item: any) => ({\n        ...item,\n        action: 'return',\n        return_reason: selectedValue,\n      }))\n    );\n  };\n  // const onSearch = () => {};\n\n  return (\n    <OrderActionsDropdown\n      label=\"Return Reason\"\n      placeholder=\"Select Return Reason\"\n      options={returnReasonsOptions}\n      onSelect={onSelect}\n      // onSearch={onSearch}\n    />\n  );\n}\n\nexport default ReturnReason;\n"],"names":["ReturnReason","orderStaticData","useOrderStaticData","setCancelOrderProducts","useCancelOrderProducts","returnReasonsOptions","option","jsx","OrderActionsDropdown","selectedValue","prev","item"],"mappings":";;;AAIA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAAA,EAAGC,CAAsB,IAAIC,EAAA,GAE7BC,IAAuBJ,GAAiB,gBAAgB;AAAA,IAC5D,CAACK,OAAiB;AAAA,MAChB,OAAOA,GAAQ;AAAA,MACf,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB;AAaF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SAASH;AAAA,MACT,UAhBa,CAACI,MAAuB;AACvC,QAAAN;AAAA,UAAuB,CAACO,MACtBA,GAAM,IAAI,CAACC,OAAe;AAAA,YACxB,GAAGA;AAAA,YACH,QAAQ;AAAA,YACR,eAAeF;AAAA,UAAA,EACf;AAAA,QAAA;AAAA,MAEN;AAAA,IAQI;AAAA,EAAA;AAIN;"}
+{"version":3,"file":"ReturnReason.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/ReturnReason.tsx"],"sourcesContent":["import { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport React from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { toReverseDeliveryLabel } from '../../../../../common/utils';\nimport { useClientPortal } from '../../../../store';\n\nconst ReturnReasonDropdownStyle = createGlobalStyle`\n  .returnReasonDropdown.ant-select-dropdown {\n    min-width: 420px !important;\n    max-width: 90vw !important;\n  }\n`;\n\nfunction ReturnReason() {\n  const [orderStaticData] = useOrderStaticData();\n  const [, setCancelOrderProducts] = useCancelOrderProducts();\n  const [isClientPortal] = useClientPortal();\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  const onSelect = (selectedValue: any) => {\n    setCancelOrderProducts((prev: CancelOrderProductsType[]) =>\n      prev?.map((item: any) => ({\n        ...item,\n        action: 'return',\n        return_reason: selectedValue,\n      }))\n    );\n  };\n  // const onSearch = () => {};\n\n  return (\n    <>\n      <ReturnReasonDropdownStyle />\n      <OrderActionsDropdown\n        label=\"Return Reason\"\n        placeholder=\"Select Return Reason\"\n        options={returnReasonsOptions}\n        onSelect={onSelect}\n        popupClassName=\"returnReasonDropdown\"\n        // onSearch={onSearch}\n      />\n    </>\n  );\n}\n\nexport default ReturnReason;\n"],"names":["ReturnReasonDropdownStyle","createGlobalStyle","ReturnReason","orderStaticData","useOrderStaticData","setCancelOrderProducts","useCancelOrderProducts","isClientPortal","useClientPortal","returnReasonsOptions","option","toReverseDeliveryLabel","jsxs","Fragment","jsx","OrderActionsDropdown","selectedValue","prev","item"],"mappings":";;;;;;AAQA,MAAMA,IAA4BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlC,SAASC,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAAA,EAAGC,CAAsB,IAAIC,EAAA,GAC7B,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAuBN,GAAiB,gBAAgB;AAAA,IAC5D,CAACO,OAAiB;AAAA,MAChB,OAAOH,IACHG,GAAQ,SACRC,EAAuBD,GAAQ,MAAM;AAAA,MACzC,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB;AAaF,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACd,GAAA,EAA0B;AAAA,IAC3B,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAASN;AAAA,QACT,UAlBW,CAACO,MAAuB;AACvC,UAAAX;AAAA,YAAuB,CAACY,MACtBA,GAAM,IAAI,CAACC,OAAe;AAAA,cACxB,GAAGA;AAAA,cACH,QAAQ;AAAA,cACR,eAAeF;AAAA,YAAA,EACf;AAAA,UAAA;AAAA,QAEN;AAAA,QAWM,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAEjB,GACF;AAEJ;"}

package/dist/components/order-view/order-actions/actions/cancel-order/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React, { useEffect, useState } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport ReturnAction from './ReturnAction';\nimport ReturnReason from './ReturnReason';\nimport {\n  useCancelOrderProducts,\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderStaticData,\n  useProductDetails,\n} from '../../../store';\nimport OrderActionsDropdown from '../../Dropdown';\nimport { TextArea, useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse, CancelOrderProductsType } from '../../../types';\nimport { notification } from 'antd';\nimport CancelOrderTable from './CancelOrderTable';\n\ninterface IProps {\n  callOrdersApi: any;\n  callOrderStatusApi: any;\n  callOrderAlertsApi: any;\n  callOrderProductsApi: any;\n}\n\nfunction CancelOrder(props: IProps) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderProductDetails] = useProductDetails();\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n  const [customerInfo] = useCustomerInfo();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const [orderStaticData] = useOrderStaticData();\n\n  const [cancelReason, setCancelReason] = useState<string | undefined>(\n    undefined\n  );\n\n  const [cancelNotes, setCancelNotes] = useState<string>('');\n\n  const cancelReasonOptions = orderStaticData?.return_cancellation_reasons?.map(\n    (item: any) => {\n      return {\n        label: item?.reason,\n        value: item?.reason,\n      };\n    }\n  );\n\n  const { fetchData: callCancelApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/cancel/?order_id=${orderId}`,\n    method: 'POST',\n  });\n\n  useEffect(() => {\n    const receivedProducts = orderProductDetails?.filter(\n      (product: any) =>\n        product?.status_value === 'received' &&\n        product?.order_product_type?.type !== 'return'\n    );\n    const modifiedReceivedProducts =\n      receivedProducts?.length > 0\n        ? receivedProducts?.map((product: any) => {\n          return {\n            order_product_id: product?.id,\n            action: '',\n            return_action: '',\n            return_reason: '',\n            code: product?.code,\n            description: product?.description,\n            sku: product?.sku,\n            product_type: product?.order_product_type?.type,\n          };\n        })\n        : [];\n    setCancelOrderProducts(modifiedReceivedProducts);\n  }, [orderProductDetails]);\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n    setCancelOrderProducts([]);\n  };\n\n  const onSelectCancelReason = (value: string) => {\n    setCancelReason(value);\n  };\n\n  const onChangeNotes = (event: any) => {\n    setCancelNotes(event.target.value);\n  };\n\n  const onSubmitCancel = async () => {\n    const productsPayload = cancelOrderProducts?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'deliver') {\n          return {\n            order_product_id: product?.order_product_id,\n            action: product?.action,\n          };\n        }\n        return {\n          order_product_id: product?.order_product_id,\n          action: product?.action,\n          return_action: product?.return_action,\n          return_reason: product?.return_reason,\n        };\n      }\n    );\n\n    // VALIDATIONS START\n\n    const productsPayloadActions = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action !== '') {\n          return true;\n        }\n        return false;\n      }\n    );\n\n    if (productsPayloadActions?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill product status field`,\n      });\n      return;\n    }\n\n    const productsPayloadValidate = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'return') {\n          return product?.return_action !== '' && product?.return_reason !== '';\n        }\n        return true;\n      }\n    );\n\n    if (productsPayloadValidate?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill all the mandatory fields`,\n      });\n      return;\n    }\n\n    // VALIDATIONS END\n\n    const apiPayload = {\n      cancelled_reason: cancelReason,\n      cancelled_notes: cancelNotes,\n      products: productsPayload,\n    };\n\n    if (orderId) {\n      const response = (await callCancelApi({\n        payload: apiPayload,\n      })) 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        await props?.callOrderProductsApi();\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  const showSubmitBtn = cancelReason !== undefined;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Cancel Order\"\n      showAdditionalInfo\n      infoText={infoText}\n      onCloseHeader={onClose}\n      onSubmit={onSubmitCancel}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={!showSubmitBtn}\n    >\n      <ContentContainer>\n        <Top>\n          <TopLeft>\n            <OrderActionsDropdown\n              required\n              label=\"Cancellation Reason\"\n              placeholder=\"Select Cancellation Reason\"\n              options={cancelReasonOptions || []}\n              onSelect={onSelectCancelReason}\n              value={cancelReason}\n            />\n            <Wrapper>\n              <ReturnAction />\n              <ReturnReason />\n            </Wrapper>\n          </TopLeft>\n          <TopRight>\n            <Container>\n              <div style={{ display: 'flex', flexDirection: 'row' }}>\n                <Label>Cancellation Note</Label>\n              </div>\n              <TArea\n                rows={5}\n                onChange={onChangeNotes}\n                value={cancelNotes}\n                placeholder=\"Reason for Cancel  Order\"\n              />\n            </Container>\n          </TopRight>\n        </Top>\n        <Bottom>\n          <CancelOrderTable />\n        </Bottom>\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nconst TArea = styled(TextArea)`\n  resize: none;\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\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 15px;\n  width: 100%;\n  > div {\n    width: 50%;\n  }\n`;\n\nconst TopLeft = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  width: 50%;\n`;\n\nconst TopRight = styled.div`\n  width: 50%;\n`;\n\nconst Top = styled.div`\n  width: 100%;\n  border-radius: 16px;\n  border: 1px solid #edebe8;\n  background: #f8fafc;\n  display: flex;\n  padding: 15px;\n  align-items: flex-start;\n  gap: 30px;\n  align-self: stretch;\n`;\n\nconst Bottom = styled.div``;\n\nconst ContentContainer = styled.div`\n  display: flex;\n  padding: 15px;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 100%;\n`;\n\nexport default CancelOrder;\n"],"names":["CancelOrder","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderProductDetails","useProductDetails","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","customerInfo","useCustomerInfo","infoText","orderStaticData","useOrderStaticData","cancelReason","setCancelReason","useState","cancelNotes","setCancelNotes","cancelReasonOptions","item","callCancelApi","useAxios","useEffect","receivedProducts","product","modifiedReceivedProducts","jsx","OrderActionModal","productsPayload","notification","apiPayload","response","ContentContainer","jsxs","Top","TopLeft","OrderActionsDropdown","value","Wrapper","ReturnAction","ReturnReason","TopRight","Container","Label","TArea","event","Bottom","CancelOrderTable","styled","TextArea"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/index.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React, { useEffect, useState } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport ReturnAction from './ReturnAction';\nimport ReturnReason from './ReturnReason';\nimport {\n  useCancelOrderProducts,\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderStaticData,\n  useProductDetails,\n} from '../../../store';\nimport OrderActionsDropdown from '../../Dropdown';\nimport { TextArea, useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse, CancelOrderProductsType } from '../../../types';\nimport { notification } from 'antd';\nimport CancelOrderTable from './CancelOrderTable';\n\ninterface IProps {\n  callOrdersApi: any;\n  callOrderStatusApi: any;\n  callOrderAlertsApi: any;\n  callOrderProductsApi: any;\n}\n\nfunction CancelOrder(props: IProps) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderProductDetails] = useProductDetails();\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n  const [customerInfo] = useCustomerInfo();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const [orderStaticData] = useOrderStaticData();\n\n  const [cancelReason, setCancelReason] = useState<string | undefined>(\n    undefined\n  );\n\n  const [cancelNotes, setCancelNotes] = useState<string>('');\n\n  const cancelReasonOptions = orderStaticData?.return_cancellation_reasons?.map(\n    (item: any) => {\n      return {\n        label: item?.reason,\n        value: item?.reason,\n      };\n    }\n  );\n\n  const { fetchData: callCancelApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/cancel/?order_id=${orderId}`,\n    method: 'POST',\n  });\n\n  useEffect(() => {\n    const receivedProducts = orderProductDetails?.filter(\n      (product: any) =>\n        product?.status_value === 'received' &&\n        product?.order_product_type?.type !== 'return'\n    );\n    const modifiedReceivedProducts =\n      receivedProducts?.length > 0\n        ? receivedProducts?.map((product: any) => {\n          return {\n            order_product_id: product?.id,\n            action: '',\n            return_action: '',\n            return_reason: '',\n            code: product?.code,\n            description: product?.description,\n            sku: product?.sku,\n            product_type: product?.order_product_type?.type,\n          };\n        })\n        : [];\n    setCancelOrderProducts(modifiedReceivedProducts);\n  }, [orderProductDetails]);\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n    setCancelOrderProducts([]);\n  };\n\n  const onSelectCancelReason = (value: string) => {\n    setCancelReason(value);\n  };\n\n  const onChangeNotes = (event: any) => {\n    setCancelNotes(event.target.value);\n  };\n\n  const onSubmitCancel = async () => {\n    const productsPayload = cancelOrderProducts?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'deliver') {\n          return {\n            order_product_id: product?.order_product_id,\n            action: product?.action,\n          };\n        }\n        return {\n          order_product_id: product?.order_product_id,\n          action: product?.action,\n          return_action: product?.return_action,\n          return_reason: product?.return_reason,\n        };\n      }\n    );\n\n    // VALIDATIONS START\n\n    const productsPayloadActions = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action !== '') {\n          return true;\n        }\n        return false;\n      }\n    );\n\n    if (productsPayloadActions?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill product status field`,\n      });\n      return;\n    }\n\n    const productsPayloadValidate = productsPayload?.map(\n      (product: CancelOrderProductsType) => {\n        if (product?.action === 'return') {\n          return product?.return_action !== '' && product?.return_reason !== '';\n        }\n        return true;\n      }\n    );\n\n    if (productsPayloadValidate?.includes(false)) {\n      notification.error({\n        message: 'Error',\n        description: `please fill all the mandatory fields`,\n      });\n      return;\n    }\n\n    // VALIDATIONS END\n\n    const apiPayload = {\n      cancelled_reason: cancelReason,\n      cancelled_notes: cancelNotes,\n      products: productsPayload,\n    };\n\n    if (orderId) {\n      const response = (await callCancelApi({\n        payload: apiPayload,\n      })) 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        await props?.callOrderProductsApi();\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  const showSubmitBtn = cancelReason !== undefined;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Cancel Order\"\n      showAdditionalInfo\n      infoText={infoText}\n      onCloseHeader={onClose}\n      onSubmit={onSubmitCancel}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={!showSubmitBtn}\n    >\n      <ContentContainer>\n        <Top>\n          <TopLeft>\n            <OrderActionsDropdown\n              required\n              label=\"Cancellation Reason\"\n              placeholder=\"Select Cancellation Reason\"\n              options={cancelReasonOptions || []}\n              onSelect={onSelectCancelReason}\n              value={cancelReason}\n            />\n            <Wrapper>\n              <ReturnAction />\n              <ReturnReason />\n            </Wrapper>\n          </TopLeft>\n          <TopRight>\n            <Container>\n              <div style={{ display: 'flex', flexDirection: 'row' }}>\n                <Label>Cancellation Note</Label>\n              </div>\n              <TArea\n                rows={5}\n                onChange={onChangeNotes}\n                value={cancelNotes}\n                placeholder=\"Reason for Cancel  Order\"\n              />\n            </Container>\n          </TopRight>\n        </Top>\n        <Bottom>\n          <CancelOrderTable />\n        </Bottom>\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\nconst TArea = styled(TextArea)`\n  resize: none;\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\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 15px;\n  width: 100%;\n  > div {\n    width: 50%;\n  }\n`;\n\nconst TopLeft = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  width: 50%;\n`;\n\nconst TopRight = styled.div`\n  width: 50%;\n`;\n\nconst Top = styled.div`\n  width: 100%;\n  border-radius: 16px;\n  border: 1px solid #edebe8;\n  background: #f8fafc;\n  display: flex;\n  padding: 15px;\n  align-items: flex-start;\n  gap: 30px;\n  align-self: stretch;\n`;\n\nconst Bottom = styled.div``;\n\nconst ContentContainer = styled.div`\n  display: flex;\n  padding: 15px;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 100%;\n`;\n\nexport default CancelOrder;\n"],"names":["CancelOrder","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderProductDetails","useProductDetails","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","customerInfo","useCustomerInfo","infoText","orderStaticData","useOrderStaticData","cancelReason","setCancelReason","useState","cancelNotes","setCancelNotes","cancelReasonOptions","item","callCancelApi","useAxios","useEffect","receivedProducts","product","modifiedReceivedProducts","jsx","OrderActionModal","productsPayload","notification","apiPayload","response","ContentContainer","jsxs","Top","TopLeft","OrderActionsDropdown","value","Wrapper","ReturnAction","ReturnReason","TopRight","Container","Label","TArea","event","Bottom","CancelOrderTable","styled","TextArea"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.js

@@ -1,38 +1,40 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import i from "styled-components";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import n from "styled-components";
 import { useProductDetails as d } from "../../../../store.js";
-import { Skeleton as o, Empty as c } from "antd";
-import { useLoading as a } from "../../../../../order-daily-overview/store/store.js";
-import { StyledTableWrapper as s, StyledTable as h, EmptyDataContainer as p } from "./ReminderStyles.js";
-function P() {
-  const [n] = d(), [l] = a();
-  return n ? /* @__PURE__ */ e(f, { children: [
-    /* @__PURE__ */ e(m, { children: [
+import { Skeleton as c, Empty as a } from "antd";
+import { useLoading as s } from "../../../../../order-daily-overview/store/store.js";
+import { StyledTableWrapper as p, StyledTable as h, EmptyDataContainer as m } from "./ReminderStyles.js";
+import { toReverseDeliveryLabel as f } from "../../../../../../common/utils.js";
+import { useClientPortal as u } from "../../../../../store.js";
+function _() {
+  const [i] = d(), [l] = s(), [o] = u();
+  return i ? /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ r(y, { children: [
       "Products (",
-      n?.length,
+      i?.length,
       ")"
     ] }),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ e(h, { className: "scrollClass", children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ e("tr", { children: [
+    /* @__PURE__ */ t(p, { children: /* @__PURE__ */ r(h, { className: "scrollClass", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { children: [
         /* @__PURE__ */ t("th", { children: "Action" }),
         /* @__PURE__ */ t("th", { children: "Code" }),
         /* @__PURE__ */ t("th", { children: "Description" }),
         /* @__PURE__ */ t("th", { children: "Parts" })
       ] }) }),
-      /* @__PURE__ */ t("tbody", { children: l ? /* @__PURE__ */ e("tr", { children: [
-        /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(o, { active: !0 }) }),
+      /* @__PURE__ */ t("tbody", { children: l ? /* @__PURE__ */ r("tr", { children: [
+        /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(c, { active: !0 }) }),
         /* @__PURE__ */ t("td", { colSpan: 6 })
-      ] }) : n?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(c, {}) }) }) }) : n?.map((r) => /* @__PURE__ */ e("tr", { children: [
-        /* @__PURE__ */ t("td", { children: r?.order_product_type?.type }),
+      ] }) : i?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: 7, children: /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(a, {}) }) }) }) : i?.map((e) => /* @__PURE__ */ r("tr", { children: [
+        /* @__PURE__ */ t("td", { children: o ? e?.order_product_type?.type : f(e?.order_product_type?.type) }),
         " ",
-        /* @__PURE__ */ t("td", { children: r?.code }),
-        /* @__PURE__ */ t("td", { children: r?.description }),
-        /* @__PURE__ */ t("td", { children: r?.sku })
-      ] }, r.id)) })
+        /* @__PURE__ */ t("td", { children: e?.code }),
+        /* @__PURE__ */ t("td", { children: e?.description }),
+        /* @__PURE__ */ t("td", { children: e?.sku })
+      ] }, e.id)) })
     ] }) })
   ] }) : null;
 }
-const m = i.h2`
+const y = n.h2`
   color: #3a3630;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
@@ -41,7 +43,7 @@ const m = i.h2`
   text-transform: uppercase;
   padding: 0;
   margin: 0;
-`, f = i.div`
+`, g = n.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -50,6 +52,6 @@ const m = i.h2`
   }
 `;
 export {
-  P as default
+  _ as default
 };
 //# sourceMappingURL=ProductTable.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTable.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { useLoading } from '../../../../../order-daily-overview/store/store';\nimport {\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from './ReminderStyles';\n\nfunction ProductTable() {\n  const [orderProductDetails] = useProductDetails();\n  const [loading] = useLoading();\n\n  if (!orderProductDetails) {\n    return null;\n  }\n\n  return (\n    <Container>\n      <Title>Products ({orderProductDetails?.length})</Title>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Parts</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 />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              orderProductDetails?.map((order: any) => (\n                <tr key={order.id}>\n                  <td>{order?.order_product_type?.type}</td>{' '}\n                  <td>{order?.code}</td>\n                  <td>{order?.description}</td>\n                  <td>{order?.sku}</td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </Container>\n  );\n}\n\nconst Title = styled.h2`\n  color: #3a3630;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 0;\n  margin: 0;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  > div {\n    min-height: 165px;\n  }\n`;\n\nexport default ProductTable;\n"],"names":["ProductTable","orderProductDetails","useProductDetails","loading","useLoading","Container","jsxs","Title","jsx","StyledTableWrapper","StyledTable","Skeleton","EmptyDataContainer","Empty","order","styled"],"mappings":";;;;;;AAYA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA;AAElB,SAAKH,sBAKFI,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,UAAA;AAAA,MAAA;AAAA,MAAWN,GAAqB;AAAA,MAAO;AAAA,IAAA,GAAC;AAAA,IAC/C,gBAAAO,EAACC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,QACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CACX,EAAA,CACF;AAAA,MACA,gBAAAA,EAAC,SAAA,EACE,UAAAL,IACC,gBAAAG,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAG,SAAS,GACX,4BAACG,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,QACA,gBAAAH,EAAC,MAAA,EAAG,SAAS,EAAA,CAAG;AAAA,MAAA,EAAA,CAClB,IACEP,GAAqB,WAAW,IAClC,gBAAAO,EAAC,QACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,4BAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAM,EAAA,CACT,GACF,EAAA,CACF,IAEAZ,GAAqB,IAAI,CAACa,MACxB,gBAAAR,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,MAAA,EAAI,UAAAM,GAAO,oBAAoB,MAAK;AAAA,QAAM;AAAA,QAC3C,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,KAAA,CAAK;AAAA,QACjB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,YAAA,CAAY;AAAA,QACxB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,IAAA,CAAI;AAAA,MAAA,KAJTA,EAAM,EAKf,CACD,EAAA,CAEL;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,IA7CO;AA+CX;AAEA,MAAMP,IAAQQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWfV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ProductTable.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/tables/ProductTable.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../../../store';\n\nimport { Empty, Skeleton } from 'antd';\nimport { useLoading } from '../../../../../order-daily-overview/store/store';\nimport {\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from './ReminderStyles';\nimport { toReverseDeliveryLabel } from '../../../../../../common/utils';\nimport { useClientPortal } from '../../../../../store';\n\nfunction ProductTable() {\n  const [orderProductDetails] = useProductDetails();\n  const [loading] = useLoading();\n  const [isClientPortal] = useClientPortal();\n\n  if (!orderProductDetails) {\n    return null;\n  }\n\n  return (\n    <Container>\n      <Title>Products ({orderProductDetails?.length})</Title>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Parts</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 />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              orderProductDetails?.map((order: any) => (\n                <tr key={order.id}>\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?.sku}</td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </Container>\n  );\n}\n\nconst Title = styled.h2`\n  color: #3a3630;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 0;\n  margin: 0;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  > div {\n    min-height: 165px;\n  }\n`;\n\nexport default ProductTable;\n"],"names":["ProductTable","orderProductDetails","useProductDetails","loading","useLoading","isClientPortal","useClientPortal","Container","jsxs","Title","jsx","StyledTableWrapper","StyledTable","Skeleton","EmptyDataContainer","Empty","order","toReverseDeliveryLabel","styled"],"mappings":";;;;;;;;AAcA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,CAAc,IAAIC,EAAA;AAEzB,SAAKL,sBAKFM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,UAAA;AAAA,MAAA;AAAA,MAAWR,GAAqB;AAAA,MAAO;AAAA,IAAA,GAAC;AAAA,IAC/C,gBAAAS,EAACC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,QACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,QAAG,UAAA,QAAA,CAAK;AAAA,MAAA,EAAA,CACX,EAAA,CACF;AAAA,MACA,gBAAAA,EAAC,SAAA,EACE,UAAAP,IACC,gBAAAK,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAG,SAAS,GACX,4BAACG,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,QACA,gBAAAH,EAAC,MAAA,EAAG,SAAS,EAAA,CAAG;AAAA,MAAA,EAAA,CAClB,IACET,GAAqB,WAAW,IAClC,gBAAAS,EAAC,QACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,WAAU,SAAS,GAC/B,4BAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAM,EAAA,CACT,GACF,EAAA,CACF,IAEAd,GAAqB,IAAI,CAACe,MACxB,gBAAAR,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAAC,MAAA,EACE,cACGM,GAAO,oBAAoB,OAC3BC,EAAuBD,GAAO,oBAAoB,IAAI,EAAA,CAC5D;AAAA,QAAM;AAAA,QACN,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,KAAA,CAAK;AAAA,QACjB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,YAAA,CAAY;AAAA,QACxB,gBAAAN,EAAC,MAAA,EAAI,UAAAM,GAAO,IAAA,CAAI;AAAA,MAAA,KARTA,EAAM,EASf,CACD,EAAA,CAEL;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF,IAjDO;AAmDX;AAEA,MAAMP,IAAQS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWfX,IAAYW,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}