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

package/dist/components/order-view/order-resources/collapsed-content/index.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "styled-components";
+function f() {
+  return /* @__PURE__ */ t(n, { children: "ORDER RESOURCES" });
+}
+const n = o.div`
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-resources/collapsed-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/order-resources/collapsed-content/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nfunction CollapsedContent() {\n  return <Font>ORDER RESOURCES</Font>;\n}\nconst Font = styled.div`\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n`;\nexport default CollapsedContent;\n"],"names":["CollapsedContent","jsx","Font","styled"],"mappings":";;AAGA,SAASA,IAAmB;AAC1B,SAAO,gBAAAC,EAACC,KAAK,UAAA,kBAAA,CAAe;AAC9B;AACA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-resources/columns/Category.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "styled-components";
+function d(t) {
+  const n = t?.row?.original.category;
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(e, { children: n }) });
+}
+const i = r.div``, e = r.div``;
+export {
+  d as default
+};
+//# sourceMappingURL=Category.js.map

package/dist/components/order-view/order-resources/columns/Category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.js","sources":["../../../../../src/components/order-view/order-resources/columns/Category.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nfunction Category(props: any) {\n  const data = props?.row?.original.category;\n  return (\n    <RowContainer>\n      <Row>{data}</Row>\n    </RowContainer>\n  );\n}\n\nconst RowContainer = styled.div``;\n\nconst Row = styled.div``;\n\nexport default Category;\n"],"names":["Category","props","data","jsx","RowContainer","Row","styled"],"mappings":";;AAGA,SAASA,EAASC,GAAY;AAC5B,QAAMC,IAAOD,GAAO,KAAK,SAAS;AAClC,SACE,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAK,aAAK,GACb;AAEJ;AAEA,MAAMD,IAAeE,EAAO,OAEtBD,IAAMC,EAAO;"}

package/dist/components/order-view/order-resources/columns/Date.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "styled-components";
+import { formatDate as n } from "../../order-actions/utils.js";
+function f(r) {
+  const i = r?.row?.original.date;
+  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, { children: n(i) }) });
+}
+const a = t.div``, e = t.div``;
+export {
+  f as default
+};
+//# sourceMappingURL=Date.js.map

package/dist/components/order-view/order-resources/columns/Date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","sources":["../../../../../src/components/order-view/order-resources/columns/Date.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { formatDate } from '../../order-actions/utils';\n\nfunction Date(props: any) {\n  const data = props?.row?.original.date;\n  return (\n    <RowContainer>\n      <Row>{formatDate(data)}</Row>\n    </RowContainer>\n  );\n}\n\nconst RowContainer = styled.div``;\n\nconst Row = styled.div``;\n\nexport default Date;\n"],"names":["Date","props","data","RowContainer","jsx","Row","formatDate","styled"],"mappings":";;;AAIA,SAASA,EAAKC,GAAY;AACxB,QAAMC,IAAOD,GAAO,KAAK,SAAS;AAClC,2BACGE,GAAA,EACC,UAAA,gBAAAC,EAACC,KAAK,UAAAC,EAAWJ,CAAI,GAAE,EAAA,CACzB;AAEJ;AAEA,MAAMC,IAAeI,EAAO,OAEtBF,IAAME,EAAO;"}

package/dist/components/order-view/order-resources/columns/Reference.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import r from "styled-components";
+function a(o) {
+  const n = o?.row?.original.reference;
+  return /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(i, { children: n }) });
+}
+const t = r.div``, i = r.div``;
+export {
+  a as default
+};
+//# sourceMappingURL=Reference.js.map

package/dist/components/order-view/order-resources/columns/Reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reference.js","sources":["../../../../../src/components/order-view/order-resources/columns/Reference.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nfunction Reference(props: any) {\n  const data = props?.row?.original.reference;\n  return (\n    <RowContainer>\n      <Row>{data}</Row>\n    </RowContainer>\n  );\n}\n\nconst RowContainer = styled.div``;\n\nconst Row = styled.div``;\n\nexport default Reference;\n"],"names":["Reference","props","data","jsx","RowContainer","Row","styled"],"mappings":";;AAGA,SAASA,EAAUC,GAAY;AAC7B,QAAMC,IAAOD,GAAO,KAAK,SAAS;AAClC,SACE,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAK,aAAK,GACb;AAEJ;AAEA,MAAMD,IAAeE,EAAO,OAEtBD,IAAMC,EAAO;"}

package/dist/components/order-view/order-resources/columns/Type.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "styled-components";
+function c(r) {
+  const n = r?.row?.original.type;
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(e, { children: n }) });
+}
+const i = t.div``, e = t.div``;
+export {
+  c as default
+};
+//# sourceMappingURL=Type.js.map

package/dist/components/order-view/order-resources/columns/Type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Type.js","sources":["../../../../../src/components/order-view/order-resources/columns/Type.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nfunction Type(props: any) {\n  const data = props?.row?.original.type;\n  return (\n    <RowContainer>\n      <Row>{data}</Row>\n    </RowContainer>\n  );\n}\n\nconst RowContainer = styled.div``;\n\nconst Row = styled.div``;\n\nexport default Type;\n"],"names":["Type","props","data","jsx","RowContainer","Row","styled"],"mappings":";;AAGA,SAASA,EAAKC,GAAY;AACxB,QAAMC,IAAOD,GAAO,KAAK,SAAS;AAClC,SACE,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAK,aAAK,GACb;AAEJ;AAEA,MAAMD,IAAeE,EAAO,OAEtBD,IAAMC,EAAO;"}

package/dist/components/order-view/order-resources/columns/actions/index.js

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { ViewIcon as h } from "@bjsdistribution/dms-component-library";
+import l from "@tippyjs/react";
+import { useState as g } from "react";
+import c from "styled-components";
+import { atom as y } from "jotai";
+import { useOrderProductsResources as R } from "../../../store.js";
+import { notification as t } from "antd";
+import { DownloadIcon as b } from "../../../../../assets/icons/DownloadIcon.js";
+y([]);
+function P({ row: m }) {
+  const [p] = R(), [i, s] = g(!1), u = m?.original?.id, r = p?.data?.find(
+    (o) => o.id === u
+  )?.url;
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ f(D, { children: [
+    /* @__PURE__ */ e(l, { content: "View", placement: "top", trigger: "mouseenter", children: /* @__PURE__ */ e(a, { onClick: () => {
+      r && window.open(r, "_blank");
+    }, children: /* @__PURE__ */ e(h, { style: { cursor: "pointer" } }) }) }),
+    /* @__PURE__ */ e(l, { content: "Download", placement: "top", trigger: "mouseenter", children: /* @__PURE__ */ e(
+      a,
+      {
+        onClick: i ? void 0 : async () => {
+          if (!r) {
+            t.error({
+              message: "Error",
+              description: "Resource URL is not available"
+            });
+            return;
+          }
+          s(!0), t.info({
+            message: "Info",
+            description: "Download is in progress. Please wait"
+          }), fetch(r, {
+            method: "GET",
+            headers: {}
+          }).then((o) => {
+            if (!o.ok)
+              throw new Error("Network response was not ok");
+            return o.blob();
+          }).then((o) => {
+            const d = window.URL.createObjectURL(o), n = document.createElement("a");
+            n.href = d;
+            const w = "Downloads";
+            n.download = w, document.body.appendChild(n), n.click(), document.body.removeChild(n), window.URL.revokeObjectURL(d), t.success({
+              message: "Success",
+              description: "Document downloaded successfully."
+            }), s(!1);
+          }).catch((o) => {
+            console.error("Error downloading the document:", o), t.error({
+              message: "Error",
+              description: "Failed to download the document."
+            });
+          }).finally(() => {
+            s(!1);
+          });
+        },
+        style: {
+          cursor: i ? "not-allowed" : "pointer",
+          opacity: i ? 0.6 : 1
+        },
+        children: /* @__PURE__ */ e(b, {})
+      }
+    ) })
+  ] }) });
+}
+const k = c.div``, a = c.div`
+  display: inline-block;
+  margin: 7px;
+`, D = c.div`
+  gap: 10px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+`;
+export {
+  P as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-resources/columns/actions/index.tsx"],"sourcesContent":["import { ViewIcon } from '@bjsdistribution/dms-component-library';\nimport Tippy from '@tippyjs/react';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { atom } from 'jotai';\nimport { useOrderProductsResources } from '../../../store';\nimport { notification } from 'antd';\nimport DownloadIcon from '../../../../../assets/icons/DownloadIcon';\n\nexport const selectedOrderIdAtom = atom<number[]>([]);\n\ninterface ActionProps {\n  row: {\n    original: {\n      id: number;\n    };\n  };\n}\n\nfunction Action({ row }: ActionProps) {\n  const [orderResources] = useOrderProductsResources();\n  const [isDownloading, setIsDownloading] = useState(false);\n  const urlID = row?.original?.id;\n\n  const matchingResource = orderResources?.data?.find(\n    (resource: any) => resource.id === urlID\n  );\n\n  const resourceUrl = matchingResource?.url;\n\n  const handleView = () => {\n    if (resourceUrl) {\n      window.open(resourceUrl, '_blank');\n    }\n  };\n\n  const handleDownload = async () => {\n    if (!resourceUrl) {\n      notification.error({\n        message: 'Error',\n        description: 'Resource URL is not available',\n      });\n      return;\n    }\n\n    setIsDownloading(true); // disable button\n    notification.info({\n      message: 'Info',\n      description: `Download is in progress. Please wait`,\n    });\n    //to change\n    fetch(resourceUrl, {\n      method: 'GET',\n      headers: {},\n    })\n      .then(response => {\n        if (!response.ok) {\n          throw new Error('Network response was not ok');\n        }\n        return response.blob();\n      })\n      .then(blob => {\n        // Create a temporary URL for the blob\n        const urlObject = window.URL.createObjectURL(blob);\n\n        // Create a temporary anchor element\n        const link = document.createElement('a');\n        link.href = urlObject;\n\n        // Generate a filename (you can customize this)\n        const filename = `Downloads`;\n        link.download = filename;\n\n        // Append to body, click, and remove\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Revoke the blob URL\n        window.URL.revokeObjectURL(urlObject);\n\n        notification.success({\n          message: 'Success',\n          description: 'Document downloaded successfully.',\n        });\n\n        setIsDownloading(false); // enable button\n      })\n      .catch(error => {\n        console.error('Error downloading the document:', error);\n        notification.error({\n          message: 'Error',\n          description: 'Failed to download the document.',\n        });\n      })\n      .finally(() => {\n        setIsDownloading(false);\n      });\n  };\n\n  return (\n    <Actions>\n      <Row>\n        <Tippy content=\"View\" placement=\"top\" trigger=\"mouseenter\">\n          <TippyContainer onClick={handleView}>\n            <ViewIcon style={{ cursor: 'pointer' }} />\n          </TippyContainer>\n        </Tippy>\n        <Tippy content=\"Download\" placement=\"top\" trigger=\"mouseenter\">\n          <TippyContainer\n            onClick={isDownloading ? undefined : handleDownload}\n            style={{\n              cursor: isDownloading ? 'not-allowed' : 'pointer',\n              opacity: isDownloading ? 0.6 : 1,\n            }}\n          >\n            <DownloadIcon />\n          </TippyContainer>\n        </Tippy>\n      </Row>\n    </Actions>\n  );\n}\n\n// Styled components for styling\nconst Actions = styled.div``;\n\nconst TippyContainer = styled.div`\n  display: inline-block;\n  margin: 7px;\n`;\n\nconst Row = styled.div`\n  gap: 10px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n`;\n\nexport default Action;\n"],"names":["atom","Action","row","orderResources","useOrderProductsResources","isDownloading","setIsDownloading","useState","urlID","resourceUrl","resource","jsx","Actions","jsxs","Row","Tippy","TippyContainer","ViewIcon","notification","response","blob","urlObject","link","filename","error","DownloadIcon","styled"],"mappings":";;;;;;;;;AASmCA,EAAe,CAAA,CAAE;AAUpD,SAASC,EAAO,EAAE,KAAAC,KAAoB;AACpC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAQN,GAAK,UAAU,IAMvBO,IAJmBN,GAAgB,MAAM;AAAA,IAC7C,CAACO,MAAkBA,EAAS,OAAOF;AAAA,EAAA,GAGC;AAwEtC,SACE,gBAAAG,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,KAAM,SAAQ,QAAO,WAAU,OAAM,SAAQ,cAC5C,UAAA,gBAAAJ,EAACK,GAAA,EAAe,SA1EL,MAAM;AACvB,MAAIP,KACF,OAAO,KAAKA,GAAa,QAAQ;AAAA,IAErC,GAuEU,UAAA,gBAAAE,EAACM,KAAS,OAAO,EAAE,QAAQ,UAAA,GAAa,GAC1C,EAAA,CACF;AAAA,sBACCF,GAAA,EAAM,SAAQ,YAAW,WAAU,OAAM,SAAQ,cAChD,UAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,SAASX,IAAgB,SA1EZ,YAAY;AACjC,cAAI,CAACI,GAAa;AAChB,YAAAS,EAAa,MAAM;AAAA,cACjB,SAAS;AAAA,cACT,aAAa;AAAA,YAAA,CACd;AACD;AAAA,UACF;AAEA,UAAAZ,EAAiB,EAAI,GACrBY,EAAa,KAAK;AAAA,YAChB,SAAS;AAAA,YACT,aAAa;AAAA,UAAA,CACd,GAED,MAAMT,GAAa;AAAA,YACjB,QAAQ;AAAA,YACR,SAAS,CAAA;AAAA,UAAC,CACX,EACE,KAAK,CAAAU,MAAY;AAChB,gBAAI,CAACA,EAAS;AACZ,oBAAM,IAAI,MAAM,6BAA6B;AAE/C,mBAAOA,EAAS,KAAA;AAAA,UAClB,CAAC,EACA,KAAK,CAAAC,MAAQ;AAEZ,kBAAMC,IAAY,OAAO,IAAI,gBAAgBD,CAAI,GAG3CE,IAAO,SAAS,cAAc,GAAG;AACvC,YAAAA,EAAK,OAAOD;AAGZ,kBAAME,IAAW;AACjB,YAAAD,EAAK,WAAWC,GAGhB,SAAS,KAAK,YAAYD,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI,GAG9B,OAAO,IAAI,gBAAgBD,CAAS,GAEpCH,EAAa,QAAQ;AAAA,cACnB,SAAS;AAAA,cACT,aAAa;AAAA,YAAA,CACd,GAEDZ,EAAiB,EAAK;AAAA,UACxB,CAAC,EACA,MAAM,CAAAkB,MAAS;AACd,oBAAQ,MAAM,mCAAmCA,CAAK,GACtDN,EAAa,MAAM;AAAA,cACjB,SAAS;AAAA,cACT,aAAa;AAAA,YAAA,CACd;AAAA,UACH,CAAC,EACA,QAAQ,MAAM;AACb,YAAAZ,EAAiB,EAAK;AAAA,UACxB,CAAC;AAAA,QACL;AAAA,QAaU,OAAO;AAAA,UACL,QAAQD,IAAgB,gBAAgB;AAAA,UACxC,SAASA,IAAgB,MAAM;AAAA,QAAA;AAAA,QAGjC,4BAACoB,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,IAAA,EAChB,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAGA,MAAMb,IAAUc,EAAO,OAEjBV,IAAiBU,EAAO;AAAA;AAAA;AAAA,GAKxBZ,IAAMY,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-resources/expanded-content/index.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "../collapsed-content/index.js";
+import m from "styled-components";
+import l from "../../../../common/expand-collapse/index.js";
+import s from "../../DynamicTable.js";
+import { useOrderProductsResources as d } from "../../store.js";
+import { tableColumns as n } from "../helper.js";
+function x({ loading: t }) {
+  const [r] = d(), e = r?.data && r?.data?.length > 0 ? r?.data : "";
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(l, { collapsedContent: /* @__PURE__ */ o(a, {}), children: /* @__PURE__ */ o(s, { columns: n, data: e, loading: t }) }) });
+}
+const i = m.div`
+  width: 100%;
+`;
+export {
+  x as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-resources/expanded-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/order-resources/expanded-content/index.tsx"],"sourcesContent":["import React from 'react';\nimport CollapsedContent from '../collapsed-content';\nimport styled from 'styled-components';\nimport CollapsableForm from '../../../../common/expand-collapse';\nimport DynamicTable from '../../DynamicTable';\nimport { useOrderProductsResources } from '../../store';\nimport { tableColumns } from '../helper';\n\nfunction Order({ loading }: any) {\n  const [orderResources] = useOrderProductsResources();\n\n  const data =\n    orderResources?.data && orderResources?.data?.length > 0\n      ? orderResources?.data\n      : '';\n\n  return (\n    <Table>\n      <CollapsableForm collapsedContent={<CollapsedContent />}>\n        <DynamicTable columns={tableColumns} data={data} loading={loading} />\n      </CollapsableForm>\n    </Table>\n  );\n}\nconst Table = styled.div`\n  width: 100%;\n`;\nexport default Order;\n"],"names":["Order","loading","orderResources","useOrderProductsResources","data","jsx","Table","CollapsableForm","CollapsedContent","DynamicTable","tableColumns","styled"],"mappings":";;;;;;;AAQA,SAASA,EAAM,EAAE,SAAAC,KAAgB;AAC/B,QAAM,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IACJF,GAAgB,QAAQA,GAAgB,MAAM,SAAS,IACnDA,GAAgB,OAChB;AAEN,SACE,gBAAAG,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAgB,kBAAkB,gBAAAF,EAACG,GAAA,CAAA,CAAiB,GACnD,UAAA,gBAAAH,EAACI,KAAa,SAASC,GAAc,MAAAN,GAAY,SAAAH,EAAA,CAAkB,GACrE,GACF;AAEJ;AACA,MAAMK,IAAQK,EAAO;AAAA;AAAA;"}

package/dist/components/order-view/order-resources/helper.js

@@ -0,0 +1,41 @@
+import e from "./columns/Category.js";
+import r from "./columns/Date.js";
+import o from "./columns/Reference.js";
+import a from "./columns/Type.js";
+import c from "./columns/actions/index.js";
+const i = [
+  {
+    header: "Date",
+    accessorKey: "date",
+    cell: r,
+    enableSorting: !1
+  },
+  {
+    header: "Type",
+    accessorKey: "type",
+    cell: a,
+    enableSorting: !1
+  },
+  {
+    header: "Category",
+    accessorKey: "category",
+    cell: e,
+    enableSorting: !1
+  },
+  {
+    header: "Reference",
+    accessorKey: "reference",
+    cell: o,
+    enableSorting: !1
+  },
+  {
+    header: "Actions",
+    accessorKey: "action",
+    cell: c,
+    enableSorting: !1
+  }
+];
+export {
+  i as tableColumns
+};
+//# sourceMappingURL=helper.js.map

package/dist/components/order-view/order-resources/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../src/components/order-view/order-resources/helper.ts"],"sourcesContent":["import {  Actions, Category, Date, Reference, Type } from './columns';\n\nexport const tableColumns = [\n  {\n    header: 'Date',\n    accessorKey: 'date',\n    cell: Date,\n    enableSorting: false,\n  },\n  {\n    header: 'Type',\n    accessorKey: 'type',\n    cell: Type,\n    enableSorting: false,\n  },\n  {\n    header: 'Category',\n    accessorKey: 'category',\n    cell: Category,\n    enableSorting: false,\n  },\n  {\n    header: 'Reference',\n    accessorKey: 'reference',\n    cell: Reference,\n    enableSorting: false,\n  },\n  {\n    header: 'Actions',\n    accessorKey: 'action',\n    cell: Actions,\n    enableSorting: false,\n  },\n];\n"],"names":["tableColumns","Date","Type","Category","Reference","Actions"],"mappings":";;;;;AAEO,MAAMA,IAAe;AAAA,EAC1B;AAAA,IACE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAMC;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAMC;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAMC;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAMC;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB;AAAA,IACE,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAMC;AAAAA,IACN,eAAe;AAAA,EAAA;AAEnB;"}

package/dist/components/order-view/products-info/collapsed-content/index.js

@@ -0,0 +1,56 @@
+import { jsxs as o, jsx as s, Fragment as p } from "react/jsx-runtime";
+import { SectionHeader as f } from "@bjsdistribution/dms-component-library";
+import n from "styled-components";
+import { useProductDetails as m } from "../../store.js";
+import { WEIGHT_UNIT as u } from "../../../../common/utils.js";
+function P() {
+  const [t] = m(), r = (e, a) => e?.reduce((c, d) => {
+    const i = parseFloat(d?.[a]);
+    return c + (isNaN(i) ? 0 : i);
+  }, 0).toFixed(2);
+  return /* @__PURE__ */ o(x, { children: [
+    /* @__PURE__ */ s(f, { label: "Products" }),
+    /* @__PURE__ */ s(h, { children: "Products to be Returned" }),
+    t?.length > 0 && /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
+        "Total: ",
+        r(t, "weight"),
+        u,
+        " / ",
+        r(t, "cube"),
+        "m³"
+      ] }),
+      /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
+        "Orders- ",
+        new Set(t?.map((e) => e?.order_id).filter((e) => e != null)).size,
+        " / Products- ",
+        t?.length
+      ] })
+    ] })
+  ] });
+}
+const h = n.span`
+  color: #6a7378;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px; /* 171.429% */
+`, x = n.div`
+  display: flex;
+  align-items: center;
+  /* justify-content: space-between; */
+  width: 100%;
+  gap: 30px;
+`, l = n.span`
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 24px;
+  color: #8e8a85;
+  text-transform: capitalize;
+  color: #6a7378;
+`;
+export {
+  P as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/products-info/collapsed-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/collapsed-content/index.tsx"],"sourcesContent":["import { SectionHeader } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../store';\nimport { WEIGHT_UNIT } from '../../../../common/utils';\n\nfunction CollapsedContent() {\n  const [productsData] = useProductDetails();\n\n  const calculateTotal = (items: any[], field: 'cube' | 'weight') => {\n    return items\n      ?.reduce((total, item) => {\n        const val = parseFloat(item?.[field]);\n        return total + (isNaN(val) ? 0 : val);\n      }, 0)\n      .toFixed(2);\n  };\n\n  return (\n    <Container>\n      <SectionHeader label=\"Products\" />\n      <Dimensions>Products to be Returned</Dimensions>\n\n      {productsData?.length > 0 && (\n        <>\n          <Items style={{ display: 'flex' }}>\n            Total: {calculateTotal(productsData, 'weight')}\n            {WEIGHT_UNIT} / {calculateTotal(productsData, 'cube')}m³\n          </Items>\n\n          <Items style={{ display: 'flex' }}>\n            Orders- {new Set(productsData?.map((item: any) => item?.order_id).filter((id: any) => id != null)).size} / Products- {productsData?.length}\n          </Items>\n        </>\n      )}\n    </Container>\n  );\n}\n\nconst Dimensions = styled.span`\n  color: #6a7378;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 171.429% */\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  width: 100%;\n  gap: 30px;\n`;\n\nconst Items = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  color: #8e8a85;\n  text-transform: capitalize;\n  color: #6a7378;\n`;\n\nexport default CollapsedContent;\n"],"names":["CollapsedContent","productsData","useProductDetails","calculateTotal","items","field","total","item","val","Container","jsx","SectionHeader","Dimensions","jsxs","Fragment","Items","WEIGHT_UNIT","id","styled"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiB,CAACC,GAAcC,MAC7BD,GACH,OAAO,CAACE,GAAOC,MAAS;AACxB,UAAMC,IAAM,WAAWD,IAAOF,CAAK,CAAC;AACpC,WAAOC,KAAS,MAAME,CAAG,IAAI,IAAIA;AAAA,EACnC,GAAG,CAAC,EACH,QAAQ,CAAC;AAGd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAM,WAAA,CAAW;AAAA,IAChC,gBAAAD,EAACE,KAAW,UAAA,0BAAA,CAAuB;AAAA,IAElCX,GAAc,SAAS,KACtB,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACzBZ,EAAeF,GAAc,QAAQ;AAAA,QAC5Ce;AAAA,QAAY;AAAA,QAAIb,EAAeF,GAAc,MAAM;AAAA,QAAE;AAAA,MAAA,GACxD;AAAA,wBAECc,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACxB,IAAI,IAAId,GAAc,IAAI,CAACM,MAAcA,GAAM,QAAQ,EAAE,OAAO,CAACU,MAAYA,KAAM,IAAI,CAAC,EAAE;AAAA,QAAK;AAAA,QAAchB,GAAc;AAAA,MAAA,EAAA,CACtI;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMW,IAAaM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBT,IAAYS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBH,IAAQG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/products-info/expanded-content/index.js

@@ -0,0 +1,90 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as S, useEffect as i } from "react";
+import a from "styled-components";
+import C from "../../return-client-products/ProductTable.js";
+import I, { payloadAtom as R, selectedOrderId as A } from "../../notes/order-dropdown/NewReturnDropdown.js";
+import { useAxios as D, Button as E } from "@bjsdistribution/dms-component-library";
+import { useAtom as g } from "jotai";
+import { usePostLoading as O, useSelectedProducts as _ } from "../../../store.js";
+import { useNavigate as j } from "react-router-dom";
+import { notification as x } from "antd";
+import { useOrderId as B } from "../../store.js";
+function U(t) {
+  const [o] = g(R), [, s] = O(), [P] = B(), [c, l] = S(!0), u = j(), [, n] = _(), [, y] = g(A), {
+    data: e,
+    loading: m,
+    fetchData: b
+  } = D({
+    endpoint: `/v1/return/product/move/?return_order_id=${P}`,
+    method: "POST",
+    body: o
+  });
+  i(() => {
+    s(m);
+  }, [m, s]), i(() => {
+    o?.new_return_order && o?.products?.length > 0 ? l(!1) : l(!0);
+  }, [o]);
+  const v = (p) => new Promise((w) => setTimeout(w, p)), h = async () => {
+    if (c) {
+      console.error("Payload is incomplete:", o);
+      return;
+    }
+    s(!0), (await b())?.code === 200 && (await v(2e3), t?.callReturnProducts(), y(null));
+  }, d = Array.isArray(e?.data) ? (
+    //@ts-ignore
+    e?.data?.[0]?.id
+  ) : (
+    //@ts-ignore
+    e?.data?.id
+  );
+  return i(() => {
+    e?.code === 200 ? (x.success({
+      message: "Success",
+      //@ts-ignore
+      description: e?.message || "Products moved successfully"
+    }), n([])) : e && x.error({
+      message: "Error",
+      //@ts-ignore
+      description: e?.message || "Error while moving products"
+    }), e?.code === 200 && d && (u(`${d}`), n([]));
+  }, [e, d, u, n]), /* @__PURE__ */ f(N, { children: [
+    /* @__PURE__ */ r(
+      C,
+      {
+        callReturnProducts: t?.callReturnProducts,
+        loading: t?.loading,
+        locationloading: t?.locationloading
+      }
+    ),
+    /* @__PURE__ */ r(L, { children: /* @__PURE__ */ f(M, { children: [
+      /* @__PURE__ */ r(
+        E,
+        {
+          style: { borderRadius: "20px" },
+          onClick: h,
+          disabled: c,
+          children: "Move Products"
+        }
+      ),
+      /* @__PURE__ */ r(I, {})
+    ] }) })
+  ] });
+}
+const L = a.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 15px;
+  align-items: flex-start;
+  border-top: 1px solid #edebe8;
+  background: #f8fafc;
+  margin: 0px -15px -15px -15px;
+  border-radius: 0px 0px 8px 8px;
+  margin-bottom: 22px;
+`, M = a.div`
+  display: inline-flex;
+  gap: 10px;
+`, N = a.div``;
+export {
+  U as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/products-info/expanded-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/expanded-content/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport ProductTable from '../../return-client-products/ProductTable';\nimport NewReturnDropdown, {\n  payloadAtom,\n  selectedOrderId,\n} from '../../notes/order-dropdown/NewReturnDropdown';\nimport { Button, useAxios } from '@bjsdistribution/dms-component-library';\nimport { useAtom } from 'jotai';\nimport { ApiResponse } from '../../types';\nimport { usePostLoading, useSelectedProducts } from '../../../store';\n// import { useOrderId } from '../../store';\nimport { useNavigate } from 'react-router-dom';\nimport { notification } from 'antd';\nimport { useOrderId } from '../../store';\n\ninterface IPROS {\n  callReturnProducts: any;\n  loading: boolean;\n  locationloading: boolean;\n}\n\nfunction ExpandedContent(props: IPROS) {\n  const [payload] = useAtom(payloadAtom);\n  const [, setPostLoading] = usePostLoading();\n  const [orderId] = useOrderId();\n  const [isButtonDisabled, setIsButtonDisabled] = useState(true);\n  const navigate = useNavigate();\n  const [, setSelectedProducts] = useSelectedProducts();\n  const [, setSelectedOrderId] = useAtom(selectedOrderId);\n\n  const {\n    data: response,\n\n    loading: confirmLoading,\n    fetchData: callMoveProducts,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/product/move/?return_order_id=${orderId}`,\n    method: 'POST',\n    body: payload,\n  });\n\n  useEffect(() => {\n    setPostLoading(confirmLoading);\n  }, [confirmLoading, setPostLoading]);\n\n  useEffect(() => {\n    if (payload?.new_return_order && payload?.products?.length > 0) {\n      setIsButtonDisabled(false);\n    } else {\n      setIsButtonDisabled(true);\n    }\n  }, [payload]);\n\n  const sleep = (ms: number) => new Promise(res => setTimeout(res, ms));\n\n  const handleConfirmReturn = async () => {\n    if (isButtonDisabled) {\n      console.error('Payload is incomplete:', payload);\n      return;\n    }\n\n    setPostLoading(true);\n\n    const response = await callMoveProducts();\n    //@ts-ignore\n    if (response?.code === 200) {\n      await sleep(2000);\n      props?.callReturnProducts();\n      setSelectedOrderId(null);\n    }\n  };\n\n  const newId = Array.isArray(response?.data)\n    ? //@ts-ignore\n      response?.data?.[0]?.id\n    : //@ts-ignore\n      response?.data?.id;\n\n  useEffect(() => {\n    //@ts-ignore\n    if (response?.code === 200) {\n      notification.success({\n        message: 'Success',\n        //@ts-ignore\n\n        description: response?.message || 'Products moved successfully',\n      });\n      setSelectedProducts([]);\n    } else if (response) {\n      notification.error({\n        message: 'Error',\n        //@ts-ignore\n\n        description: response?.message || 'Error while moving products',\n      });\n    }\n\n    //@ts-ignore\n    if (response?.code === 200 && newId) {\n      // suggested by rahul\n      navigate(`${newId}`);\n      setSelectedProducts([]);\n    }\n  }, [response, newId, navigate, setSelectedProducts]);\n\n  return (\n    <Container>\n      <ProductTable\n        callReturnProducts={props?.callReturnProducts}\n        loading={props?.loading}\n        locationloading={props?.locationloading}\n      />\n      <MidContainer>\n        <SaveNoteContainer>\n          <Button\n            style={{ borderRadius: '20px' }}\n            onClick={handleConfirmReturn}\n            disabled={isButtonDisabled}\n          >\n            Move Products\n          </Button>\n          <NewReturnDropdown />\n        </SaveNoteContainer>\n      </MidContainer>\n    </Container>\n  );\n}\n\nconst MidContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 15px;\n  align-items: flex-start;\n  border-top: 1px solid #edebe8;\n  background: #f8fafc;\n  margin: 0px -15px -15px -15px;\n  border-radius: 0px 0px 8px 8px;\n  margin-bottom: 22px;\n`;\n\nconst SaveNoteContainer = styled.div`\n  display: inline-flex;\n  gap: 10px;\n`;\n\nconst Container = styled.div``;\n\nexport default ExpandedContent;\n"],"names":["ExpandedContent","props","payload","useAtom","payloadAtom","setPostLoading","usePostLoading","orderId","useOrderId","isButtonDisabled","setIsButtonDisabled","useState","navigate","useNavigate","setSelectedProducts","useSelectedProducts","setSelectedOrderId","selectedOrderId","response","confirmLoading","callMoveProducts","useAxios","useEffect","sleep","ms","res","handleConfirmReturn","newId","notification","Container","jsx","ProductTable","MidContainer","jsxs","SaveNoteContainer","Button","NewReturnDropdown","styled"],"mappings":";;;;;;;;;;;AAsBA,SAASA,EAAgBC,GAAc;AACrC,QAAM,CAACC,CAAO,IAAIC,EAAQC,CAAW,GAC/B,CAAA,EAAGC,CAAc,IAAIC,EAAA,GACrB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAI,GACvDC,IAAWC,EAAA,GACX,CAAA,EAAGC,CAAmB,IAAIC,EAAA,GAC1B,GAAGC,CAAkB,IAAIb,EAAQc,CAAe,GAEhD;AAAA,IACJ,MAAMC;AAAA,IAEN,SAASC;AAAA,IACT,WAAWC;AAAA,EAAA,IACTC,EAED;AAAA,IACD,UAAU,4CAA4Cd,CAAO;AAAA,IAC7D,QAAQ;AAAA,IACR,MAAML;AAAA,EAAA,CACP;AAED,EAAAoB,EAAU,MAAM;AACd,IAAAjB,EAAec,CAAc;AAAA,EAC/B,GAAG,CAACA,GAAgBd,CAAc,CAAC,GAEnCiB,EAAU,MAAM;AACd,IAAIpB,GAAS,oBAAoBA,GAAS,UAAU,SAAS,IAC3DQ,EAAoB,EAAK,IAEzBA,EAAoB,EAAI;AAAA,EAE5B,GAAG,CAACR,CAAO,CAAC;AAEZ,QAAMqB,IAAQ,CAACC,MAAe,IAAI,QAAQ,CAAAC,MAAO,WAAWA,GAAKD,CAAE,CAAC,GAE9DE,IAAsB,YAAY;AACtC,QAAIjB,GAAkB;AACpB,cAAQ,MAAM,0BAA0BP,CAAO;AAC/C;AAAA,IACF;AAEA,IAAAG,EAAe,EAAI,IAEF,MAAMe,EAAA,IAET,SAAS,QACrB,MAAMG,EAAM,GAAI,GAChBtB,GAAO,mBAAA,GACPe,EAAmB,IAAI;AAAA,EAE3B,GAEMW,IAAQ,MAAM,QAAQT,GAAU,IAAI;AAAA;AAAA,IAEtCA,GAAU,OAAO,CAAC,GAAG;AAAA;AAAA;AAAA,IAErBA,GAAU,MAAM;AAAA;AAEpB,SAAAI,EAAU,MAAM;AAEd,IAAIJ,GAAU,SAAS,OACrBU,EAAa,QAAQ;AAAA,MACnB,SAAS;AAAA;AAAA,MAGT,aAAaV,GAAU,WAAW;AAAA,IAAA,CACnC,GACDJ,EAAoB,CAAA,CAAE,KACbI,KACTU,EAAa,MAAM;AAAA,MACjB,SAAS;AAAA;AAAA,MAGT,aAAaV,GAAU,WAAW;AAAA,IAAA,CACnC,GAICA,GAAU,SAAS,OAAOS,MAE5Bf,EAAS,GAAGe,CAAK,EAAE,GACnBb,EAAoB,CAAA,CAAE;AAAA,EAE1B,GAAG,CAACI,GAAUS,GAAOf,GAAUE,CAAmB,CAAC,qBAGhDe,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,oBAAoB9B,GAAO;AAAA,QAC3B,SAASA,GAAO;AAAA,QAChB,iBAAiBA,GAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1B,gBAAA6B,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,cAAc,OAAA;AAAA,UACvB,SAAST;AAAA,UACT,UAAUjB;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGA2B,GAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACrB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMJ,IAAeK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYtBH,IAAoBG,EAAO;AAAA;AAAA;AAAA,GAK3BR,IAAYQ,EAAO;"}

package/dist/components/order-view/products-info/index.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as E } from "react/jsx-runtime";
+import { useState as y, useEffect as u } from "react";
+import S from "./expanded-content/index.js";
+import D from "./collapsed-content/index.js";
+import v from "../../../common/expand-collapse/index.js";
+import { useOrderDetails as O, useProductDetails as P } from "../store.js";
+import { useLoading as k } from "../../order-daily-overview/store/store.js";
+import { useAxios as f } from "@bjsdistribution/dms-component-library";
+import { Spin as w, notification as L } from "antd";
+function A({ locationloading: m }) {
+  const [g] = O(), r = g, [x, s] = y(!1), { fetchData: h } = f({
+    endpoint: `/v1/export/csv/${r?.id}`,
+    method: "POST"
+  }), b = (t) => {
+    t.stopPropagation(), s(!0), h().then((i) => {
+      const p = i?.data?.url || i?.url;
+      if (p) {
+        const a = document.createElement("a");
+        a.href = p, a.download = `products_export_${r?.id}.csv`, document.body.appendChild(a), a.click(), document.body.removeChild(a);
+      }
+      s(!1);
+    }).catch((i) => {
+      L.error({
+        message: "Failed to export csv",
+        description: i?.message || "Export error"
+      }), s(!1);
+    });
+  }, [, l] = P(), [, C] = k(), {
+    data: o,
+    loading: d,
+    fetchData: c
+  } = f({
+    endpoint: `/v1/return/products/${r?.id}`,
+    method: "GET",
+    pagination: { is_pagination: !1 }
+  });
+  u(() => {
+    r?.id && c();
+  }, [r.id]), u(() => {
+    if (C(d), o && o.data) {
+      const t = o.data;
+      t?.length > 0 ? l(t) : l([]);
+    }
+  }, [o, d]);
+  const n = !o?.data || o?.data?.length === 0;
+  return /* @__PURE__ */ e(
+    v,
+    {
+      collapsedContent: /* @__PURE__ */ e(D, {}),
+      extraActions: /* @__PURE__ */ E(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            cursor: n ? "not-allowed" : "pointer",
+            opacity: n ? 0.5 : 1,
+            marginRight: "16px",
+            backgroundColor: "rgb(243 243 243)",
+            border: "1px solid #E2E8F0",
+            padding: "6px 14px",
+            borderRadius: "10px",
+            boxShadow: "0 1px 2px rgba(0,0,0,0.05)",
+            transition: "background-color 0.2s"
+          },
+          onClick: (t) => {
+            n || b(t);
+          },
+          onMouseOver: (t) => {
+            n || (t.currentTarget.style.backgroundColor = "#E2E8F0");
+          },
+          onMouseOut: (t) => {
+            n || (t.currentTarget.style.backgroundColor = "rgb(243 243 243)");
+          },
+          children: [
+            /* @__PURE__ */ e("span", { style: { color: "#475569", fontFamily: "Lato", fontSize: "13px", fontWeight: 600, whiteSpace: "nowrap", letterSpacing: "0.3px" }, children: "EXPORT CSV" }),
+            /* @__PURE__ */ e("span", { style: { marginLeft: "6px", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(w, { spinning: x, size: "small" }) })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ e(
+        S,
+        {
+          callReturnProducts: c,
+          loading: d,
+          locationloading: m
+        }
+      )
+    }
+  );
+}
+export {
+  A as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/products-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/products-info/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ExpandedContent from './expanded-content';\nimport CollapsedContent from './collapsed-content';\nimport CollapsableForm from '../../../common/expand-collapse';\nimport { useOrderDetails, useProductDetails } from '../store';\nimport { useLoading } from '../../order-daily-overview/store/store';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification, Spin } from 'antd';\nimport { useState } from 'react';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction ProductsInfo({ locationloading }: any) {\n  const [data] = useOrderDetails();\n  const returnOrder = data;\n\n  const [spinLoading, setSpinLoading] = useState<boolean>(false);\n\n  // Export functionality\n  const { fetchData: callExportCSV } = useAxios<any>({\n    endpoint: `/v1/export/csv/${returnOrder?.id}`,\n    method: 'POST',\n  });\n\n  const handleExportCSV = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSpinLoading(true);\n\n    callExportCSV()\n      .then((res: any) => {\n        const urlToDownload = res?.data?.url || res?.url;\n        if (urlToDownload) {\n          const a = document.createElement('a');\n          a.href = urlToDownload;\n          a.download = `products_export_${returnOrder?.id}.csv`;\n          document.body.appendChild(a);\n          a.click();\n          document.body.removeChild(a);\n        }\n        setSpinLoading(false);\n      })\n      .catch(err => {\n        notification.error({\n          message: 'Failed to export csv',\n          description: err?.message || 'Export error',\n        });\n        setSpinLoading(false);\n      });\n  };\n\n  // For API Call\n  const [, setProductsData] = useProductDetails();\n  const [, setLoading] = useLoading();\n  const {\n    data: returnOrdersData,\n    loading,\n    fetchData: callReturnProducts,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/products/${returnOrder?.id}`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (returnOrder?.id) {\n      callReturnProducts();\n    }\n  }, [returnOrder.id]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (returnOrdersData && returnOrdersData.data) {\n      const requiredData = returnOrdersData.data;\n      if (requiredData?.length > 0) {\n        setProductsData(requiredData);\n      } else {\n        setProductsData([]);\n      }\n    }\n  }, [returnOrdersData, loading]);\n\n  const isExportDisabled = !returnOrdersData?.data || returnOrdersData?.data?.length === 0;\n\n  return (\n    <CollapsableForm\n      collapsedContent={<CollapsedContent />}\n      extraActions={\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            cursor: isExportDisabled ? 'not-allowed' : 'pointer',\n            opacity: isExportDisabled ? 0.5 : 1,\n            marginRight: '16px',\n            backgroundColor: 'rgb(243 243 243)',\n            border: '1px solid #E2E8F0',\n            padding: '6px 14px',\n            borderRadius: '10px',\n            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',\n            transition: 'background-color 0.2s',\n          }}\n          onClick={(e) => {\n            if (isExportDisabled) return;\n            handleExportCSV(e);\n          }}\n          onMouseOver={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = '#E2E8F0';\n          }}\n          onMouseOut={(e) => {\n            if (!isExportDisabled) e.currentTarget.style.backgroundColor = 'rgb(243 243 243)';\n          }}\n        >\n          <span style={{ color: '#475569', fontFamily: 'Lato', fontSize: '13px', fontWeight: 600, whiteSpace: 'nowrap', letterSpacing: '0.3px' }}>\n            EXPORT CSV\n          </span>\n          <span style={{ marginLeft: '6px', display: 'flex', alignItems: 'center' }}>\n            <Spin spinning={spinLoading} size=\"small\" />\n          </span>\n        </div>\n      }\n    >\n      <ExpandedContent\n        callReturnProducts={callReturnProducts}\n        loading={loading}\n        locationloading={locationloading}\n      />\n    </CollapsableForm>\n  );\n}\n\nexport default ProductsInfo;\n"],"names":["ProductsInfo","locationloading","data","useOrderDetails","returnOrder","spinLoading","setSpinLoading","useState","callExportCSV","useAxios","handleExportCSV","e","res","urlToDownload","err","notification","setProductsData","useProductDetails","setLoading","useLoading","returnOrdersData","loading","callReturnProducts","useEffect","requiredData","isExportDisabled","jsx","CollapsableForm","CollapsedContent","jsxs","Spin","ExpandedContent"],"mappings":"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"}

package/dist/components/order-view/return-client-products/ProductTable.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import l from "./product-table/ReturnProductTable.js";
+import r from "styled-components";
+const c = (o) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+  l,
+  {
+    callReturnProducts: o?.callReturnProducts,
+    loading: o?.loading,
+    locationloading: o?.locationloading
+  }
+) }), n = r.div`
+  /* height: 230px;  */
+  overflow: auto; /* Enable scrolling */
+  scrollbar-width: thin;
+`;
+export {
+  c as default
+};
+//# sourceMappingURL=ProductTable.js.map

package/dist/components/order-view/return-client-products/ProductTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTable.js","sources":["../../../../src/components/order-view/return-client-products/ProductTable.tsx"],"sourcesContent":["import React from 'react';\nimport ReturnProductTable from './product-table/ReturnProductTable';\nimport styled from 'styled-components';\n\ninterface IPROS {\n  callReturnProducts: any;\n  loading: boolean;\n  locationloading: boolean;\n}\n\nconst ProductTable = (props: IPROS) => {\n  return (\n    <Container>\n      <ReturnProductTable\n        callReturnProducts={props?.callReturnProducts}\n        loading={props?.loading}\n        locationloading={props?.locationloading}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  /* height: 230px;  */\n  overflow: auto; /* Enable scrolling */\n  scrollbar-width: thin;\n`;\n\nexport default ProductTable;\n"],"names":["ProductTable","props","Container","jsx","ReturnProductTable","styled"],"mappings":";;;AAUA,MAAMA,IAAe,CAACC,wBAEjBC,GAAA,EACC,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,oBAAoBH,GAAO;AAAA,IAC3B,SAASA,GAAO;AAAA,IAChB,iBAAiBA,GAAO;AAAA,EAAA;AAAA,GAE5B,GAIEC,IAAYG,EAAO;AAAA;AAAA;AAAA;AAAA;"}