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

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

@@ -0,0 +1,259 @@
+import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
+import { useCancelOrderProducts as y, useOrderStaticData as w } from "../../../store.js";
+import { useLoading as v } from "../../../../order-daily-overview/store/store.js";
+import { Select as S, Skeleton as _, Empty as O } from "antd";
+import R from "../../Dropdown.js";
+import d from "styled-components";
+import b from "../../../../../assets/icons/DeliverProductIcon.js";
+import s from "../../../../../assets/icons/ReturnProductIcon.js";
+import { EmptyDataContainer as C } from "../charge-log/index.js";
+const D = [
+  {
+    label: "Deliver",
+    value: "deliver",
+    icon: /* @__PURE__ */ e(b, {})
+  },
+  {
+    label: "Return",
+    value: "return",
+    icon: /* @__PURE__ */ e(s, {})
+  }
+], k = [
+  {
+    label: "Return",
+    value: "return",
+    icon: /* @__PURE__ */ e(s, {})
+  }
+], Y = () => {
+  const [
+    l,
+    f
+  ] = y(), [m] = v(), [p] = w();
+  if (!l?.length)
+    return null;
+  const h = p?.return_reasons?.map(
+    (r) => ({
+      label: r?.reason,
+      value: r?.reason
+    })
+  ), u = p?.order_product_return_action?.map(
+    (r) => ({
+      label: r?.value,
+      value: r?.value
+    })
+  ), i = (r, n, a) => {
+    console.log(r, n, a);
+    const t = l?.map(
+      (c) => c.order_product_id === n ? {
+        ...c,
+        [a]: r
+      } : c
+    );
+    f(t);
+  };
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ o(P, { className: "scrollClass", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
+      /* @__PURE__ */ e("th", { children: "Status" }),
+      /* @__PURE__ */ e("th", { children: "Code" }),
+      /* @__PURE__ */ e("th", { children: "Description" }),
+      /* @__PURE__ */ e("th", { children: "SKU" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e(_, { active: !0 }) }) }) : l?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 4, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(O, {}) }) }) }) : l?.map((r) => {
+      const n = r?.product_type === "deliver" ? D : k, a = r?.action === "return";
+      return /* @__PURE__ */ e(
+        "tr",
+        {
+          style: {
+            boxShadow: "0px 1px 3px 0px rgba(16, 24, 40, 0.1)"
+          },
+          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,
+                {
+                  options: n,
+                  placeholder: "Select",
+                  onChange: (t) => i(
+                    t,
+                    r?.order_product_id,
+                    "action"
+                  ),
+                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(b, {}) : r?.action === "return" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(g, {}),
+                  style: { width: "100%" },
+                  value: n?.filter(
+                    (t) => t?.value === r?.action
+                  ),
+                  optionRender: (t) => /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        gap: "8px",
+                        alignItems: "center"
+                      },
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            style: { display: "flex" },
+                            "aria-label": t.data.label,
+                            children: t.data.icon
+                          }
+                        ),
+                        /* @__PURE__ */ e("span", { style: { color: "#8D8F90" }, children: t.data.label })
+                      ]
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e("td", { style: { width: "25%" }, children: r?.code }),
+              /* @__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: [
+              /* @__PURE__ */ e(
+                x,
+                {
+                  label: "Return Action",
+                  required: !0,
+                  placeholder: "Select action",
+                  options: u,
+                  onSelect: (t) => i(
+                    t,
+                    r?.order_product_id,
+                    "return_action"
+                  ),
+                  value: u?.filter(
+                    (t) => t.value === r?.return_action
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  label: "Return Reason",
+                  required: !0,
+                  placeholder: "Select reason",
+                  options: h,
+                  onSelect: (t) => i(
+                    t,
+                    r?.order_product_id,
+                    "return_reason"
+                  ),
+                  value: h?.filter(
+                    (t) => t.value === r?.return_reason
+                  )
+                }
+              )
+            ] }) }) })
+          ] }) }) })
+        },
+        r?.order_product_id
+      );
+    }) })
+  ] }) }) });
+}, T = d(S)`
+  .ant-select-selector {
+    border-radius: 25px !important;
+    /* border: none !important; */
+    min-width: 100px;
+    padding: 0 10px;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+
+    .ant-select-prefix {
+      margin-top: 3px;
+    }
+  }
+  .ant-select-selection-item {
+    font-weight: 400;
+    font-size: 13px;
+  }
+`, I = d.div`
+  width: 100%;
+  overflow-x: auto;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  padding: 16px;
+`, x = d(R)`
+  flex: 1;
+`, P = d.table`
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-spacing: 0 10px;
+
+  th,
+  td {
+    padding: 12px 16px;
+    background: #fff;
+  }
+
+  th {
+    background: #f0f2f2;
+
+    &:first-child {
+      border-top-left-radius: 40px;
+      border-bottom-left-radius: 40px;
+    }
+
+    &:last-child {
+      border-top-right-radius: 40px;
+      border-bottom-right-radius: 40px;
+    }
+  }
+
+  // This affects ONLY top-level rows
+  > tbody > tr {
+    background: #fff;
+    border-radius: 40px;
+    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);
+  }
+
+  // Round the outer row's corners only on first/last td
+  > tbody > tr > td:first-child {
+    border-top-left-radius: 40px;
+    border-bottom-left-radius: 40px;
+  }
+
+  > tbody > tr > td:last-child {
+    border-top-right-radius: 40px;
+    border-bottom-right-radius: 40px;
+  }
+
+  .scrollClass {
+    overflow-x: auto;
+  }
+
+  .emptyTd {
+    text-align: center;
+    padding: 40px 0;
+    color: #999;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  td table {
+    border-spacing: 0;
+    width: 100%;
+  }
+
+  td table td {
+    background: transparent;
+    padding: 8px 12px;
+  }
+`, A = d.div`
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  padding: 0 12px;
+  width: 100%;
+`;
+export {
+  P as StyledTable,
+  I as StyledTableWrapper,
+  Y as default
+};
+//# sourceMappingURL=CancelOrderTable.js.map

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

@@ -0,0 +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":";;;;;;;;;AAYA,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,IAAmB,MAAM;AAC7B,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,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,kBAChB,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,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,QAzGKA,GAAS;AAAA,MAAA;AAAA,IA4GpB,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;"}

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

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useOrderStaticData as u, useCancelOrderProducts as i } from "../../../store.js";
+import l from "../../Dropdown.js";
+function f() {
+  const [r] = u(), [, e] = i(), o = r?.order_product_return_action?.map(
+    (t) => ({
+      label: t?.value,
+      value: t?.value
+    })
+  );
+  return /* @__PURE__ */ a(
+    l,
+    {
+      label: "Return Action",
+      placeholder: "Select Return Action",
+      options: o,
+      onSelect: (t) => {
+        e(
+          (n) => n?.map((c) => ({
+            ...c,
+            action: "return",
+            return_action: t
+          }))
+        );
+      }
+    }
+  );
+}
+export {
+  f as default
+};
+//# sourceMappingURL=ReturnAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnAction.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/ReturnAction.tsx"],"sourcesContent":["import { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport React from 'react';\nfunction ReturnAction() {\n  const [orderStaticData] = useOrderStaticData();\n  const [, setCancelOrderProducts] = useCancelOrderProducts();\n  // const onSearch = () => {};\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 onSelect = (selectedValue: any) => {\n    setCancelOrderProducts((prev: CancelOrderProductsType[]) =>\n      prev?.map((item: any) => ({\n        ...item,\n        action: 'return',\n        return_action: selectedValue,\n      }))\n    );\n  };\n\n  return (\n    <OrderActionsDropdown\n      label=\"Return Action\"\n      placeholder=\"Select Return Action\"\n      options={returnActionOptions}\n      onSelect={onSelect}\n      // onSearch={onSearch}\n    />\n  );\n}\n\nexport default ReturnAction;\n"],"names":["ReturnAction","orderStaticData","useOrderStaticData","setCancelOrderProducts","useCancelOrderProducts","returnActionOptions","option","jsx","OrderActionsDropdown","selectedValue","prev","item"],"mappings":";;;AAIA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAAA,EAAGC,CAAsB,IAAIC,EAAA,GAG7BC,IAAsBJ,GAAiB,6BAA6B;AAAA,IACxE,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,UAfa,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,IAOI;AAAA,EAAA;AAIN;"}

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

@@ -0,0 +1,32 @@
+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(
+    (e) => ({
+      label: 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
+          }))
+        );
+      }
+    }
+  );
+}
+export {
+  R as default
+};
+//# sourceMappingURL=ReturnReason.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,187 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import n from "styled-components";
+import { useState as _, useEffect as O } from "react";
+import S from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import P from "./ReturnAction.js";
+import R from "./ReturnReason.js";
+import { useOrderId as T, useCurrentAction as D, useProductDetails as I, useCancelOrderProducts as N, useCustomerInfo as $, useOrderStaticData as B } from "../../../store.js";
+import E from "../../Dropdown.js";
+import { TextArea as k, useAxios as L } from "@bjsdistribution/dms-component-library";
+import { notification as s } from "antd";
+import j from "./CancelOrderTable.js";
+function de(i) {
+  const [l] = T(), [, d] = D(), [u] = I(), [
+    C,
+    p
+  ] = N(), [f] = $(), x = `${f?.recipient_name}, ${f?.postcode}`, [v] = B(), [c, y] = _(
+    void 0
+  ), [m, g] = _(""), w = v?.return_cancellation_reasons?.map(
+    (r) => ({
+      label: r?.reason,
+      value: r?.reason
+    })
+  ), { fetchData: b } = L({
+    endpoint: `v1/orders/cancel/?order_id=${l}`,
+    method: "POST"
+  });
+  return O(() => {
+    const r = u?.filter(
+      (o) => o?.status_value === "received" && o?.order_product_type?.type !== "return"
+    ), h = r?.length > 0 ? r?.map((o) => ({
+      order_product_id: o?.id,
+      action: "",
+      return_action: "",
+      return_reason: "",
+      code: o?.code,
+      description: o?.description,
+      sku: o?.sku,
+      product_type: o?.order_product_type?.type
+    })) : [];
+    p(h);
+  }, [u]), /* @__PURE__ */ t(
+    S,
+    {
+      headerTitle: "Cancel Order",
+      showAdditionalInfo: !0,
+      infoText: x,
+      onCloseHeader: () => {
+        d(void 0), p([]);
+      },
+      onSubmit: async () => {
+        const r = C?.map(
+          (e) => e?.action === "deliver" ? {
+            order_product_id: e?.order_product_id,
+            action: e?.action
+          } : {
+            order_product_id: e?.order_product_id,
+            action: e?.action,
+            return_action: e?.return_action,
+            return_reason: e?.return_reason
+          }
+        );
+        if (r?.map(
+          (e) => e?.action !== ""
+        )?.includes(!1)) {
+          s.error({
+            message: "Error",
+            description: "please fill product status field"
+          });
+          return;
+        }
+        if (r?.map(
+          (e) => e?.action === "return" ? e?.return_action !== "" && e?.return_reason !== "" : !0
+        )?.includes(!1)) {
+          s.error({
+            message: "Error",
+            description: "please fill all the mandatory fields"
+          });
+          return;
+        }
+        const A = {
+          cancelled_reason: c,
+          cancelled_notes: m,
+          products: r
+        };
+        if (l) {
+          const e = await b({
+            payload: A
+          });
+          e?.code === 200 && (s.success({
+            message: "Success",
+            description: `${e.message}`
+          }), await i?.callOrderProductsApi(), await i?.callOrderAlertsApi(), await i?.callOrderStatusApi(), await i?.callOrdersApi()), e?.code !== 200 && (s.error({
+            message: "Error",
+            description: `${e.error}`
+          }), d(void 0));
+        }
+      },
+      submitBtnTitle: "Save Details",
+      isSubmitDisabled: !(c !== void 0),
+      children: /* @__PURE__ */ a(J, { children: [
+        /* @__PURE__ */ a(F, { children: [
+          /* @__PURE__ */ a(M, { children: [
+            /* @__PURE__ */ t(
+              E,
+              {
+                required: !0,
+                label: "Cancellation Reason",
+                placeholder: "Select Cancellation Reason",
+                options: w || [],
+                onSelect: (r) => {
+                  y(r);
+                },
+                value: c
+              }
+            ),
+            /* @__PURE__ */ a(H, { children: [
+              /* @__PURE__ */ t(P, {}),
+              /* @__PURE__ */ t(R, {})
+            ] })
+          ] }),
+          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ a(q, { children: [
+            /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "row" }, children: /* @__PURE__ */ t(V, { children: "Cancellation Note" }) }),
+            /* @__PURE__ */ t(
+              z,
+              {
+                rows: 5,
+                onChange: (r) => {
+                  g(r.target.value);
+                },
+                value: m,
+                placeholder: "Reason for Cancel  Order"
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(j, {}) })
+      ] })
+    }
+  );
+}
+const z = n(k)`
+  resize: none;
+`, V = n.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, q = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`, H = n.div`
+  display: flex;
+  gap: 15px;
+  width: 100%;
+  > div {
+    width: 50%;
+  }
+`, M = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  width: 50%;
+`, W = n.div`
+  width: 50%;
+`, F = n.div`
+  width: 100%;
+  border-radius: 16px;
+  border: 1px solid #edebe8;
+  background: #f8fafc;
+  display: flex;
+  padding: 15px;
+  align-items: flex-start;
+  gap: 30px;
+  align-self: stretch;
+`, G = n.div``, J = n.div`
+  display: flex;
+  padding: 15px;
+  align-items: flex-start;
+  flex-direction: column;
+  width: 100%;
+`;
+export {
+  de as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}