@bjsdistribution/dms-client-return 0.1.87-prod → 0.1.88-prod

package/dist/assets/icons/VehicleIcon.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+const a = ({
+  width: o = 24,
+  height: s = 24,
+  color: t = "#AEA9A1",
+  className: n = "",
+  ...r
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: s,
+    viewBox: "0 0 22 22",
+    fill: "none",
+    className: n,
+    ...r,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        className: "path-2",
+        stroke: t,
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        style: { fill: "none" },
+        d: "M9.207 16.455c0 1.405-1.112 2.545-2.483 2.545s-2.483-1.14-2.483-2.546m4.966.001c0-1.405-1.112-2.546-2.483-2.546s-2.483 1.14-2.483 2.545m4.966.001 5.586-.001m-10.552 0H3V6a1 1 0 0 1 1-1h9.793a1 1 0 0 1 1 1v2.182m0 8.272h.621m-.621 0V8.182m0 0h2.261a2 2 0 0 1 1.431.603L21 11.364v5.09h-.621m0 0c0 1.406-1.111 2.546-2.482 2.546-1.371 0-2.483-1.14-2.483-2.546m4.965 0c0-1.405-1.111-2.545-2.482-2.545-1.371 0-2.483 1.14-2.483 2.545"
+      }
+    )
+  }
+);
+export {
+  a as default
+};
+//# sourceMappingURL=VehicleIcon.js.map

package/dist/assets/icons/VehicleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleIcon.js","sources":["../../../src/assets/icons/VehicleIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { SVGProps } from \"react\";\n\ntype VehicleIconProps = SVGProps<SVGSVGElement> & {\n  width?: number;\n  height?: number;\n  color?: string;\n  className?: string;\n};\n\nconst VehicleIcon: React.FC<VehicleIconProps> = ({\n  width = 24,\n  height = 24,\n  color = \"#AEA9A1\",\n  className = \"\",\n  ...props\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 22 22\"\n      fill=\"none\"\n      className={className}\n      {...props}\n    >\n      <path\n        className=\"path-2\"\n        stroke={color}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        style={{ fill: 'none' }}\n        d=\"M9.207 16.455c0 1.405-1.112 2.545-2.483 2.545s-2.483-1.14-2.483-2.546m4.966.001c0-1.405-1.112-2.546-2.483-2.546s-2.483 1.14-2.483 2.545m4.966.001 5.586-.001m-10.552 0H3V6a1 1 0 0 1 1-1h9.793a1 1 0 0 1 1 1v2.182m0 8.272h.621m-.621 0V8.182m0 0h2.261a2 2 0 0 1 1.431.603L21 11.364v5.09h-.621m0 0c0 1.406-1.111 2.546-2.482 2.546-1.371 0-2.483-1.14-2.483-2.546m4.965 0c0-1.405-1.111-2.545-2.482-2.545-1.371 0-2.483 1.14-2.483 2.545\"\n      />\n    </svg>\n  );\n};\n\nexport default VehicleIcon;\n"],"names":["VehicleIcon","width","height","color","className","props","jsx"],"mappings":";AAUA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAAL;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAAE;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAQH;AAAA,QACR,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,OAAO,EAAE,MAAM,OAAA;AAAA,QACf,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAAA;"}

package/dist/components/order-daily-overview/header/route-header/RouterHeader.js

@@ -1,28 +1,32 @@
-import { jsx as e, Fragment as n, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, Fragment as p, jsxs as a } from "react/jsx-runtime";
 import "react-datepicker/dist/react-datepicker.css";
-import { HeaderWrapper as d, StyledFlex as p } from "./RouterHeaderStyle.js";
-import a from "./title/HeaderTitle.js";
-import l from "./breadCrumb/BreadCrumb.js";
-import s from "styled-components";
-const h = ({
+import { HeaderWrapper as d, StyledFlex as s } from "./RouterHeaderStyle.js";
+import l from "./title/HeaderTitle.js";
+import c from "./breadCrumb/BreadCrumb.js";
+import x from "styled-components";
+import { useLocation as f } from "react-router-dom";
+const v = ({
   breadcrumbTitle: t = "Clients >",
   // Default value
   breadcrumbSubtitle: r = " Return",
   // Default value
   breadcrumbSubPart: i
   // Optional
-}) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(d, { className: "headerWrap", children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ o("div", { children: [
-  /* @__PURE__ */ e(a, { title: "Return" }),
-  /* @__PURE__ */ e(
-    l,
-    {
-      title: t,
-      subtitle: r,
-      subPart: i
-    }
-  )
-] }) }) }) });
-s.div`
+}) => {
+  const { pathname: n } = f(), o = n?.endsWith("/overview") ? "100px" : "135px";
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(d, { className: "headerWrap", height: o, children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ e(l, { title: "Return" }),
+    /* @__PURE__ */ e(
+      c,
+      {
+        title: t,
+        subtitle: r,
+        subPart: i
+      }
+    )
+  ] }) }) }) });
+};
+x.div`
   display: flex;
   padding-right: 10px;
   padding-left: 7px;
@@ -68,6 +72,6 @@ s.div`
   }
 `;
 export {
-  h as default
+  v as default
 };
 //# sourceMappingURL=RouterHeader.js.map

package/dist/components/order-daily-overview/header/route-header/RouterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterHeader.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeader.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { HeaderWrapper, StyledFlex } from './RouterHeaderStyle';\nimport HeaderTitle from './title/HeaderTitle';\nimport Breadcrumb from './breadCrumb/BreadCrumb';\nimport styled from 'styled-components';\n\ninterface RouterHeaderProps {\n  breadcrumbTitle?: string;\n  breadcrumbSubtitle?: string;\n  breadcrumbSubPart?: string;\n  showDateFilter?: boolean;\n}\n\nconst RouterHeader: React.FC<RouterHeaderProps> = ({\n  breadcrumbTitle = 'Clients >', // Default value\n  breadcrumbSubtitle = ' Return', // Default value\n  breadcrumbSubPart, // Optional\n}) => {\n  return (\n    <>\n      <HeaderWrapper className=\"headerWrap\">\n        <StyledFlex>\n          <div>\n            <HeaderTitle title={'Return'} />\n            <Breadcrumb\n              title={breadcrumbTitle}\n              subtitle={breadcrumbSubtitle}\n              subPart={breadcrumbSubPart}\n            />\n          </div>\n        </StyledFlex>\n      </HeaderWrapper>\n    </>\n  );\n};\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  padding-left: 7px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 22vw;\n  height: 35px;\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n\n  .ant-picker-focused {\n    box-shadow: none;\n  }\n\n  /* .ant-picker {\n    .ant-picker-input {\n      width: 150px;\n    }\n  } */\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\nexport default RouterHeader;\n"],"names":["RouterHeader","breadcrumbTitle","breadcrumbSubtitle","breadcrumbSubPart","jsx","Fragment","HeaderWrapper","StyledFlex","HeaderTitle","Breadcrumb","styled"],"mappings":";;;;;;AAcA,MAAMA,IAA4C,CAAC;AAAA,EACjD,iBAAAC,IAAkB;AAAA;AAAA,EAClB,oBAAAC,IAAqB;AAAA;AAAA,EACrB,mBAAAC;AAAA;AACF,MAEI,gBAAAC,EAAAC,GAAA,EACE,4BAACC,GAAA,EAAc,WAAU,cACvB,UAAA,gBAAAF,EAACG,GAAA,EACC,4BAAC,OAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACI,GAAA,EAAY,OAAO,SAAA,CAAU;AAAA,EAC9B,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAOR;AAAA,MACP,UAAUC;AAAA,MACV,SAASC;AAAA,IAAA;AAAA,EAAA;AACX,GACF,EAAA,CACF,GACF,GACF;AAG0BO,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;"}
+{"version":3,"file":"RouterHeader.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeader.tsx"],"sourcesContent":["import React from 'react';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { HeaderWrapper, StyledFlex } from './RouterHeaderStyle';\nimport HeaderTitle from './title/HeaderTitle';\nimport Breadcrumb from './breadCrumb/BreadCrumb';\nimport styled from 'styled-components';\nimport { useLocation } from 'react-router-dom';\n\ninterface RouterHeaderProps {\n  breadcrumbTitle?: string;\n  breadcrumbSubtitle?: string;\n  breadcrumbSubPart?: string;\n  showDateFilter?: boolean;\n}\n\nconst RouterHeader: React.FC<RouterHeaderProps> = ({\n  breadcrumbTitle = 'Clients >', // Default value\n  breadcrumbSubtitle = ' Return', // Default value\n  breadcrumbSubPart, // Optional\n}) => {\n  const { pathname } = useLocation();\n\n  const headerHeight = pathname?.endsWith('/overview') ? '100px' : '135px';\n\n  return (\n    <>\n      <HeaderWrapper className=\"headerWrap\" height={headerHeight}>\n        <StyledFlex>\n          <div>\n            <HeaderTitle title={'Return'} />\n            <Breadcrumb\n              title={breadcrumbTitle}\n              subtitle={breadcrumbSubtitle}\n              subPart={breadcrumbSubPart}\n            />\n          </div>\n        </StyledFlex>\n      </HeaderWrapper>\n    </>\n  );\n};\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  padding-left: 7px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 22vw;\n  height: 35px;\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n\n  .ant-picker-focused {\n    box-shadow: none;\n  }\n\n  /* .ant-picker {\n    .ant-picker-input {\n      width: 150px;\n    }\n  } */\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\nexport default RouterHeader;\n"],"names":["RouterHeader","breadcrumbTitle","breadcrumbSubtitle","breadcrumbSubPart","pathname","useLocation","headerHeight","jsx","Fragment","HeaderWrapper","StyledFlex","jsxs","HeaderTitle","Breadcrumb","styled"],"mappings":";;;;;;;AAeA,MAAMA,IAA4C,CAAC;AAAA,EACjD,iBAAAC,IAAkB;AAAA;AAAA,EAClB,oBAAAC,IAAqB;AAAA;AAAA,EACrB,mBAAAC;AAAA;AACF,MAAM;AACJ,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAeF,GAAU,SAAS,WAAW,IAAI,UAAU;AAEjE,SACE,gBAAAG,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EAAc,WAAU,cAAa,QAAQH,GAC5C,UAAA,gBAAAC,EAACG,GAAA,EACC,UAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAO,SAAA,CAAU;AAAA,IAC9B,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAOZ;AAAA,QACP,UAAUC;AAAA,QACV,SAASC;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF,EAAA,CACF,GACF,GACF;AAEJ;AAC8BW,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;"}

package/dist/components/order-daily-overview/header/route-header/RouterHeaderStyle.js

@@ -1,15 +1,15 @@
 import e from "styled-components";
-const t = e.div`
+const p = e.div`
   display: flex;
   padding: 20px;
   gap: 10px;
   border-radius: 0px 0px 30px 30px;
   background: #313130;
-  height: 151px;
+  height: ${(i) => i?.height || "135px"};
   background: url(./assets/bgBlack.png) no-repeat;
-    background-size: cover;
-    background-color: #000000d9;
-`, p = e.div`
+  background-size: cover;
+  background-color: #000000d9;
+`, o = e.div`
   display: flex;
   justify-content: space-between;
   width: 100%;
@@ -46,7 +46,7 @@ e.div`
   }
 `;
 export {
-  t as HeaderWrapper,
-  p as StyledFlex
+  p as HeaderWrapper,
+  o as StyledFlex
 };
 //# sourceMappingURL=RouterHeaderStyle.js.map

package/dist/components/order-daily-overview/header/route-header/RouterHeaderStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterHeaderStyle.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n    background-size: cover;\n    background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const GlobalFilterWrapper = styled.div`\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  z-index: 999;\n`;\n\nexport const DatePickerWrap = styled.div`\n  position: relative;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 33px;\n    max-width: 154px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    left: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n"],"names":["HeaderWrapper","styled","StyledFlex"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBC,IAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOZA,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;"}
+{"version":3,"file":"RouterHeaderStyle.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: ${props => props?.height || '135px'};\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const GlobalFilterWrapper = styled.div`\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  z-index: 999;\n`;\n\nexport const DatePickerWrap = styled.div`\n  position: relative;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 33px;\n    max-width: 154px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    left: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n"],"names":["HeaderWrapper","styled","props","StyledFlex"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,GAMhCC,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAMEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOZA,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;"}

package/dist/components/order-daily-overview/header-filters/Styledfilters.js

@@ -1,4 +1,4 @@
-import { Select as t } from "antd";
+import { Select as r } from "antd";
 import e from "styled-components";
 e.div`
   display: flex;
@@ -6,7 +6,7 @@ e.div`
   gap: 10px;
   border-radius: 0px 0px 30px 30px;
   background: #313130;
-  height: 151px;
+  height: ${(t) => t?.height || "135px"};
   background: url(./assets/bgBlack.png) no-repeat;
   background-size: cover;
   background-color: #000000d9;
@@ -16,7 +16,7 @@ e.div`
   justify-content: space-between;
   width: 100%;
 `;
-const o = e.div`
+const n = e.div`
   position: relative;
   border-radius: 16px;
   border: 1px solid #e3e3e3;
@@ -77,7 +77,7 @@ e.div`
     }
   }
 `;
-const n = e.div`
+const a = e.div`
   display: flex;
   padding: 4px 10px;
   flex-direction: column;
@@ -88,35 +88,35 @@ const n = e.div`
   border-radius: 12px;
   background: #f8fafc;
 `;
-e(t)`
+e(r)`
   .ant-select-selector {
     border-radius: 22px;
   }
 `;
-const a = e.div`
+const p = e.div`
   color: #8e8a85;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   margin-bottom: 2px;
-`, p = e.div`
+`, d = e.div`
   display: flex;
   align-items: center;
   gap: 20px;
   align-self: stretch;
   justify-content: space-between;
-`, d = e.div`
+`, l = e.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 2px;
   align-self: stretch;
   margin: 2px 4px;
-`, l = e.div`
+`, s = e.div`
   flex-direction: row;
   display: flex;
   gap: 15px;
-`, s = e.div`
+`, x = e.div`
   flex-direction: row;
   display: flex;
 `;
@@ -172,7 +172,7 @@ e.div`
   white-space: nowrap;
   color: #8e8a85;
 `;
-const x = e.button`
+const c = e.button`
   border-radius: 15px;
   display: flex;
   padding: 4px 10px;
@@ -196,13 +196,13 @@ const x = e.button`
   }
 `;
 export {
-  x as ApplyButton,
-  o as CoverPage,
-  d as FilterColumn,
-  p as FilterRow,
-  a as Label,
-  s as LeftColumn,
-  l as RightColumn,
-  n as Wrapper
+  c as ApplyButton,
+  n as CoverPage,
+  l as FilterColumn,
+  d as FilterRow,
+  p as Label,
+  x as LeftColumn,
+  s as RightColumn,
+  a as Wrapper
 };
 //# sourceMappingURL=Styledfilters.js.map

package/dist/components/order-daily-overview/header-filters/Styledfilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 8px 12px;\n  top: -60px;\n`;\n\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 4px 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  border-radius: 12px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  margin-bottom: 2px;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  align-self: stretch;\n  margin: 2px 4px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 4px 10px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAMC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAULA,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;AAqD3B,MAAME,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAMC,IAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfK,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBM,IAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBO,IAAcP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAKHA,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;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: ${props => props?.height || '135px'};\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 8px 12px;\n  top: -60px;\n`;\n\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 4px 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  border-radius: 12px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  margin-bottom: 2px;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  align-self: stretch;\n  margin: 2px 4px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 4px 10px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","props","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAOnBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAME,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAULA,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;AAqD3B,MAAMG,IAAUH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAMC,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfM,IAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBO,IAAeP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBQ,IAAcR,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBS,IAAaT,EAAO;AAAA;AAAA;AAAA;AAKHA,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;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMU,IAAcV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js

@@ -1,17 +1,17 @@
 import { atom as f } from "jotai";
 import { format as d } from "date-fns";
 f(/* @__PURE__ */ new Date());
-const _ = {
+const s = {
   "x-filters": [],
   "x-pagination": { page: 1, per_page: 50 }
-}, a = (e, l) => {
+}, E = (e, l) => {
   switch (l.type) {
     case "SET_DATE_FILTER": {
-      const [r, t] = l.payload;
+      const [r, _] = l.payload;
       return {
         ...e,
         "x-filters": [
-          ...e["x-filters"].filter((s) => s.field !== "created_at"),
+          ...e["x-filters"].filter((t) => t.field !== "created_at"),
           {
             field: "created_at",
             op: ">=",
@@ -20,7 +20,7 @@ const _ = {
           {
             field: "created_at",
             op: "<=",
-            value: `${d(new Date(t), "yyyy-MM-dd")}T23:59:59`
+            value: `${d(new Date(_), "yyyy-MM-dd")}T23:59:59`
           }
         ]
       };
@@ -76,6 +76,23 @@ const _ = {
           }
         ] : e["x-filters"].filter((r) => r.field !== "bjs_delivery")
       };
+    case "SET_VEHICLE_TYPE_FILTER":
+      return {
+        ...e,
+        "x-filters": l.payload !== null && l.payload !== void 0 && l.payload !== "" ? [
+          ...e["x-filters"].filter((r) => r.field !== "vehicle_type"),
+          {
+            field: "vehicle_type",
+            op: "=",
+            value: l.payload
+          }
+        ] : e["x-filters"].filter((r) => r.field !== "vehicle_type")
+      };
+    case "CLEAR_VEHICLE_TYPE_FILTER":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter((r) => r.field !== "vehicle_type")
+      };
     case "CLEAR_STATUS_ORDER_FILTER":
       return {
         ...e,
@@ -196,11 +213,11 @@ const _ = {
     default:
       return e;
   }
-}, i = f(_), o = f(
+}, i = f(s), p = f(
   (e) => e(i),
-  (e, l, r) => l(i, a(e(i), r))
+  (e, l, r) => l(i, E(e(i), r))
 );
 export {
-  o as filtersReducerReturnAtom
+  p as filtersReducerReturnAtom
 };
 //# sourceMappingURL=ReturnFilterStore.js.map

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnFilterStore.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n  return useAtom(date);\n};\n\ninterface Filter {\n  field: string;\n  op: string;\n  value: any;\n}\n\ninterface Pagination {\n  page: number;\n  per_page: number;\n}\n\ninterface FilterState {\n  'x-filters': Filter[];\n  'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n  'x-filters': [],\n  'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n  switch (action.type) {\n    case 'SET_DATE_FILTER': {\n      const [startDate, endDate] = action.payload;\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(f => f.field !== 'created_at'),\n          {\n            field: 'created_at',\n            op: '>=',\n            value: `${format(new Date(startDate), 'yyyy-MM-dd')}T00:00:00`,\n          },\n          {\n            field: 'created_at',\n            op: '<=',\n            value: `${format(new Date(endDate), 'yyyy-MM-dd')}T23:59:59`,\n          },\n        ],\n      };\n    }\n\n    case 'SET_CLIENT_FILTER':\n      if (action.payload?.length) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n            {\n              field: 'customer_id',\n              op: 'in',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'customer_id'\n          ),\n        };\n      }\n\n    case 'CLEAR_CLIENT_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n      };\n\n    case 'SET_STATUS_ORDER_FILTER':\n      if (action.payload?.length) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_ASSIGNEE_FILTER':\n      return {\n        ...state,\n        'x-filters':\n          action.payload !== null\n            ? [\n                ...state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n                {\n                  field: 'bjs_delivery',\n                  op: '=',\n                  value: action.payload,\n                },\n              ]\n            : state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n      };\n\n    case 'CLEAR_STATUS_ORDER_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n      };\n\n    //client portal\n    case 'SET_SCHEDULED_RETURN_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: 'in',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_RETURN_COMPLETED_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    //client portal\n    // case 'SET_CP_DATE_FILTER': {\n    //   let { startDate, endDate } = action.payload;\n\n    //   if (!startDate || !endDate) {\n    //     const storedDates = JSON.parse(\n    //       localStorage.getItem('returnDate') || '{}'\n    //     );\n    //     startDate = startDate ?? storedDates?.startDate;\n    //     endDate = endDate ?? storedDates?.endDate ?? startDate;\n    //   }\n\n    //   const filters = state['x-filters'].filter(f => f.field !== 'created_at');\n\n    //   if (startDate === endDate) {\n    //     filters.push({\n    //       field: 'created_at',\n    //       op: '=',\n    //       value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //     });\n    //   } else if (startDate && endDate) {\n    //     filters.push(\n    //       {\n    //         field: 'created_at',\n    //         op: '>=',\n    //         value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //       },\n    //       {\n    //         field: 'created_at',\n    //         op: '<=',\n    //         value: format(new Date(endDate), 'yyyy-MM-dd'),\n    //       }\n    //     );\n    //   }\n\n    //   return {\n    //     ...state,\n    //     'x-filters': filters,\n    //     'x-pagination': { ...state['x-pagination'], page: 1 },\n    //   };\n    // }\n    // case 'CLEAR_CLIENT':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n    //   };\n\n    // case 'CLEAR_STATUS_ORDER':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n    //   };\n\n    case 'CLEAR_DATE':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'created_at'),\n      };\n\n    case 'SET_PAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          page: action.payload,\n        },\n      };\n\n    case 'SET_PERPAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          per_page: action.payload,\n        },\n      };\n    case 'CLEAR_FILTERS':\n      return {\n        ...state,\n      };\n    case 'CLEAR_ALL_FILTER':\n      return {\n        ...state,\n        'x-filters': [],\n      };\n    default:\n      return state;\n  }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerReturnAtom = atom(\n  get => get(filtersStateAtom),\n  (get, set, action) =>\n    set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","startDate","endDate","f","format","filtersStateAtom","filtersReducerReturnAtom","get","set"],"mappings":"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"}
+{"version":3,"file":"ReturnFilterStore.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n  return useAtom(date);\n};\n\ninterface Filter {\n  field: string;\n  op: string;\n  value: any;\n}\n\ninterface Pagination {\n  page: number;\n  per_page: number;\n}\n\ninterface FilterState {\n  'x-filters': Filter[];\n  'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n  'x-filters': [],\n  'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n  switch (action.type) {\n    case 'SET_DATE_FILTER': {\n      const [startDate, endDate] = action.payload;\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(f => f.field !== 'created_at'),\n          {\n            field: 'created_at',\n            op: '>=',\n            value: `${format(new Date(startDate), 'yyyy-MM-dd')}T00:00:00`,\n          },\n          {\n            field: 'created_at',\n            op: '<=',\n            value: `${format(new Date(endDate), 'yyyy-MM-dd')}T23:59:59`,\n          },\n        ],\n      };\n    }\n\n    case 'SET_CLIENT_FILTER':\n      if (action.payload?.length) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n            {\n              field: 'customer_id',\n              op: 'in',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'customer_id'\n          ),\n        };\n      }\n\n    case 'CLEAR_CLIENT_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n      };\n\n    case 'SET_STATUS_ORDER_FILTER':\n      if (action.payload?.length) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_ASSIGNEE_FILTER':\n      return {\n        ...state,\n        'x-filters':\n          action.payload !== null\n            ? [\n                ...state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n                {\n                  field: 'bjs_delivery',\n                  op: '=',\n                  value: action.payload,\n                },\n              ]\n            : state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n      };\n\n    case 'SET_VEHICLE_TYPE_FILTER':\n      return {\n        ...state,\n        'x-filters':\n          action.payload !== null && action.payload !== undefined && action.payload !== ''\n            ? [\n                ...state['x-filters'].filter(f => f.field !== 'vehicle_type'),\n                {\n                  field: 'vehicle_type',\n                  op: '=',\n                  value: action.payload,\n                },\n              ]\n            : state['x-filters'].filter(f => f.field !== 'vehicle_type'),\n      };\n\n    case 'CLEAR_VEHICLE_TYPE_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'vehicle_type'),\n      };\n\n    case 'CLEAR_STATUS_ORDER_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n      };\n\n    //client portal\n    case 'SET_SCHEDULED_RETURN_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: 'in',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_RETURN_COMPLETED_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    //client portal\n    // case 'SET_CP_DATE_FILTER': {\n    //   let { startDate, endDate } = action.payload;\n\n    //   if (!startDate || !endDate) {\n    //     const storedDates = JSON.parse(\n    //       localStorage.getItem('returnDate') || '{}'\n    //     );\n    //     startDate = startDate ?? storedDates?.startDate;\n    //     endDate = endDate ?? storedDates?.endDate ?? startDate;\n    //   }\n\n    //   const filters = state['x-filters'].filter(f => f.field !== 'created_at');\n\n    //   if (startDate === endDate) {\n    //     filters.push({\n    //       field: 'created_at',\n    //       op: '=',\n    //       value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //     });\n    //   } else if (startDate && endDate) {\n    //     filters.push(\n    //       {\n    //         field: 'created_at',\n    //         op: '>=',\n    //         value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //       },\n    //       {\n    //         field: 'created_at',\n    //         op: '<=',\n    //         value: format(new Date(endDate), 'yyyy-MM-dd'),\n    //       }\n    //     );\n    //   }\n\n    //   return {\n    //     ...state,\n    //     'x-filters': filters,\n    //     'x-pagination': { ...state['x-pagination'], page: 1 },\n    //   };\n    // }\n    // case 'CLEAR_CLIENT':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n    //   };\n\n    // case 'CLEAR_STATUS_ORDER':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n    //   };\n\n    case 'CLEAR_DATE':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'created_at'),\n      };\n\n    case 'SET_PAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          page: action.payload,\n        },\n      };\n\n    case 'SET_PERPAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          per_page: action.payload,\n        },\n      };\n    case 'CLEAR_FILTERS':\n      return {\n        ...state,\n      };\n    case 'CLEAR_ALL_FILTER':\n      return {\n        ...state,\n        'x-filters': [],\n      };\n    default:\n      return state;\n  }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerReturnAtom = atom(\n  get => get(filtersStateAtom),\n  (get, set, action) =>\n    set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","startDate","endDate","f","format","filtersStateAtom","filtersReducerReturnAtom","get","set"],"mappings":"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"}

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js

@@ -1,35 +1,38 @@
-import { jsx as e, Fragment as E, jsxs as r } from "react/jsx-runtime";
-import { useState as o, useEffect as d } from "react";
-import { StyledFiter as G, StyledFIlterELements as P, LeftSideConatiner as j } from "../../filters/FilterStyle.js";
-import U from "./TableFilters.js";
-import W from "../../../../assets/icons/FilterIcon.js";
-import z from "../../../../assets/icons/DateIcon.js";
-import B from "../../../../assets/icons/ClientIcon.js";
-import { DatePicker as M, Select as p } from "antd";
+import { jsx as e, Fragment as y, jsxs as r } from "react/jsx-runtime";
+import { useState as o, useEffect as c } from "react";
+import { StyledFiter as w, StyledFIlterELements as D, LeftSideConatiner as V } from "../../filters/FilterStyle.js";
+import G from "./TableFilters.js";
+import P from "../../../../assets/icons/FilterIcon.js";
+import k from "../../../../assets/icons/DateIcon.js";
+import j from "../../../../assets/icons/ClientIcon.js";
+import { DatePicker as H, Select as d } from "antd";
 import "../../../order-view/store.js";
-import x from "styled-components";
-import S from "dayjs";
-import { useStatusOrderData as Y, useAssignData as $ } from "../../../store.js";
-import V from "../../../../assets/icons/StatusIcon.js";
-import q from "../../../../assets/icons/AssigneIcon.js";
-import { ClearAll as H, StyledFilterBtnIcon as J, StyledFilterBtnLabel as K } from "../../table/table-data/styles.js";
-import { filtersReducerReturnAtom as Q } from "./ReturnFilterStore.js";
-import { useAxios as X } from "@bjsdistribution/dms-component-library";
-import { useAtom as Z } from "jotai";
-const Se = () => {
-  const [, l] = Z(Q), [a, u] = o(), [g] = Y(), [h, s] = o([]), [f, i] = o([]), [y, c] = o(), [C] = $(), { data: A, fetchData: _ } = X({
+import E from "styled-components";
+import C from "dayjs";
+import { useStatusOrderData as U } from "../../../store.js";
+import W from "../../../../assets/icons/StatusIcon.js";
+import Y from "../../../../assets/icons/VehicleIcon.js";
+import { ClearAll as z, StyledFilterBtnIcon as B, StyledFilterBtnLabel as M } from "../../table/table-data/styles.js";
+import { filtersReducerReturnAtom as $ } from "./ReturnFilterStore.js";
+import { useAxios as q } from "@bjsdistribution/dms-component-library";
+import { useAtom as J } from "jotai";
+const K = [
+  { label: "LGV", value: "LGV" },
+  { label: "HGV", value: "HGV" }
+], ye = () => {
+  const [, l] = J($), [a, m] = o(), [T] = U(), [h, n] = o([]), [u, i] = o([]), [f, s] = o(null), { data: x, fetchData: S } = q({
     endpoint: "/v1/return/order/customers/",
     method: "GET",
     //@ts-ignore
     pagination: { is_pagination: !1 }
   });
-  d(() => {
-    _();
+  c(() => {
+    S();
   }, []);
-  const T = (t) => {
-    u(t ? [t[0]?.$d, t[1]?.$d] : null);
+  const _ = (t) => {
+    m(t ? [t[0]?.$d, t[1]?.$d] : null);
   };
-  d(() => {
+  c(() => {
     a && (l({
       type: "SET_DATE_FILTER",
       payload: a
@@ -38,21 +41,21 @@ const Se = () => {
       payload: 1
     }));
   }, [a]);
-  const v = A?.data?.map((t) => ({
+  const v = x?.data?.map((t) => ({
     label: t?.customer_name?.charAt(0)?.toUpperCase() + t?.customer_name?.slice(1),
     value: t?.customer_id
-  })), b = g?.map((t) => ({
+  })), L = T?.map((t) => ({
     label: t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1),
     value: t?.type
-  })), L = (t) => {
-    s(t), l({
+  })), g = (t) => {
+    n(t), l({
       type: "SET_CLIENT_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, N = (t) => {
+  }, A = (t) => {
     i(t), l({
       type: "SET_STATUS_ORDER_FILTER",
       payload: t
@@ -60,54 +63,49 @@ const Se = () => {
       type: "SET_PAGE",
       payload: 1
     });
-  }, R = C?.map((t) => ({
-    label: t.type,
-    value: t.id
-  })), I = (t) => {
-    const n = C.find((k) => k.id === t)?.bjs_delivery;
-    n !== void 0 && (c(t), l({
-      type: "SET_ASSIGNEE_FILTER",
-      payload: n
+  }, b = (t) => {
+    s(t), l({
+      type: "SET_VEHICLE_TYPE_FILTER",
+      payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
-    }));
-  }, D = () => {
-    c(null), l({
-      type: "SET_ASSIGNEE_FILTER",
-      payload: null
+    });
+  }, R = () => {
+    s(null), l({
+      type: "CLEAR_VEHICLE_TYPE_FILTER"
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, F = () => {
-    u(null), s([]), i([]), c(null), l({ type: "CLEAR_ALL_FILTER" });
-  }, O = () => {
+  }, I = () => {
+    m(null), n([]), i([]), s(null), l({ type: "CLEAR_ALL_FILTER" });
+  }, N = () => {
     l({
       type: "CLEAR_STATUS_ORDER_FILTER"
     }), i([]);
-  }, w = () => {
+  }, F = () => {
     l({
       type: "CLEAR_CLIENT_FILTER"
-    }), s([]);
+    }), n([]);
   };
-  return d(() => {
+  return c(() => {
     a === null && l({ type: "CLEAR_DATE" });
-  }, [a]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(G, { children: [
-    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(j, { children: [
+  }, [a]), /* @__PURE__ */ e(y, { children: /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ r(V, { children: [
       /* @__PURE__ */ r("div", { className: "filtercontainer", children: [
-        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(W, {}) }),
+        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(P, {}) }),
         /* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(z, {}) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
-          M.RangePicker,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(k, {}) }),
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
+          H.RangePicker,
           {
             className: "custom-datepicker",
-            onChange: T,
+            onChange: _,
             style: { width: "220px" },
-            value: a ? [S(a[0]), S(a[1])] : null,
+            value: a ? [C(a[0]), C(a[1])] : null,
             format: "DD/MM/YY",
             placeholder: ["Start date", "End date"],
             needConfirm: !0,
@@ -116,33 +114,33 @@ const Se = () => {
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(V, {}) }),
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-          p,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(W, {}) }),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          d,
           {
             mode: "multiple",
-            options: b,
+            options: L,
             className: "custom-select",
             placeholder: "Status of Order",
-            onChange: N,
+            onChange: A,
             style: { minWidth: "250px", maxWidth: "300px" },
-            value: f,
-            onClear: O,
+            value: u,
+            onClear: N,
             allowClear: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-          p,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(j, {}) }),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          d,
           {
             mode: "multiple",
             options: v,
             className: "custom-select",
             placeholder: "Clients",
-            onChange: L,
+            onChange: g,
             value: h,
             style: {
               minWidth: "150px",
@@ -150,41 +148,41 @@ const Se = () => {
               cursor: "pointer"
             },
             allowClear: !0,
-            onClear: w,
-            filterOption: (t, n) => (n?.label ?? "").toLowerCase().includes(t.toLowerCase()),
+            onClear: F,
+            filterOption: (t, O) => (O?.label ?? "").toLowerCase().includes(t.toLowerCase()),
             showSearch: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(q, {}) }),
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-          p,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(Y, {}) }),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          d,
           {
-            options: R,
+            options: K,
             className: "custom-select",
-            placeholder: "Assignee",
-            onChange: I,
-            value: y,
-            style: { minWidth: "140px" },
+            placeholder: "Vehicle Type",
+            onChange: b,
+            value: f,
+            style: { minWidth: "150px" },
             allowClear: !0,
-            onClear: D
+            onClear: R
           }
         ) })
       ] }),
-      a || f?.length || h?.length || y ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(H, { onClick: F, children: [
-        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
-        /* @__PURE__ */ e(K, { children: "Clear all" })
+      a || u?.length || h?.length || f ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ r(z, { onClick: I, children: [
+        /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
+        /* @__PURE__ */ e(M, { children: "Clear all" })
       ] }) }) : null
     ] }) }),
-    /* @__PURE__ */ e(U, {})
+    /* @__PURE__ */ e(G, {})
   ] }) });
-}, ee = x.div`
+}, Q = E.div`
   .custom-datepicker {
     border: none;
   }
-`, m = x.div`
+`, p = E.div`
   .custom-select {
     border: none;
     width: 80px;
@@ -223,7 +221,7 @@ const Se = () => {
   }
 `;
 export {
-  m as StyledAntSelect,
-  Se as default
+  p as StyledAntSelect,
+  ye as default
 };
 //# sourceMappingURL=ReturnOrderFilter.js.map

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  LeftSideConatiner,\n  StyledFIlterELements,\n  StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n  useAssignData,\n  // useCustomerData,\n  useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport {\n  ClearAll,\n  StyledFilterBtnIcon,\n  StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst ReturnOrderFilter = () => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n  // const [customers] = useCustomerData();\n  const [selectedDate, setSelectedDate] = useState<any | null>();\n  const [statusOfOrder] = useStatusOrderData();\n  const [selectedClient, setSelectedClient] = useState<any[]>([]);\n  const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n  const [selectedAssignee, setSelectedAssignee] = useState<any | null>();\n  const [assignData] = useAssignData();\n\n  //API for client data\n  const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n    endpoint: `/v1/return/order/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  // date change here\n  const handleDateChange = (dates: any | null) => {\n    setSelectedDate(dates ? [dates[0]?.$d, dates[1]?.$d] : null);\n  };\n  useEffect(() => {\n    if (selectedDate) {\n      dispatch({\n        type: 'SET_DATE_FILTER',\n        payload: selectedDate,\n      });\n      // Reset to the first page\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [selectedDate]);\n  //client options\n  const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n    label:\n      option?.customer_name?.charAt(0)?.toUpperCase() +\n      option?.customer_name?.slice(1),\n    value: option?.customer_id,\n  }));\n  //status of order\n  const orderOptions = statusOfOrder?.map((option: any) => ({\n    label:\n      option?.status_type?.charAt(0)?.toUpperCase() +\n      option?.status_type?.slice(1),\n    value: option?.type,\n  }));\n  const handleClientChange = (value: any[]) => {\n    setSelectedClient(value);\n    dispatch({\n      type: 'SET_CLIENT_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n  const handleStatusOfOrder = (value: any[]) => {\n    setStatusOfOrder(value);\n    dispatch({\n      type: 'SET_STATUS_ORDER_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const assigneeOptions = assignData?.map(client => ({\n    label: client.type,\n    value: client.id,\n  }));\n\n  const handleAssigneeChange = (value: any) => {\n    const bjsDeliveryValue = assignData.find(client => client.id === value)\n      ?.bjs_delivery;\n    if (bjsDeliveryValue === undefined) return;\n    setSelectedAssignee(value);\n    dispatch({\n      type: 'SET_ASSIGNEE_FILTER',\n      payload: bjsDeliveryValue,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAssignee = () => {\n    setSelectedAssignee(null);\n    dispatch({\n      type: 'SET_ASSIGNEE_FILTER',\n      payload: null,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAll = () => {\n    setSelectedDate(null);\n    setSelectedClient([]);\n    setStatusOfOrder([]);\n    setSelectedAssignee(null);\n    dispatch({ type: 'CLEAR_ALL_FILTER' });\n  };\n\n  const handleClear = () => {\n    dispatch({\n      type: 'CLEAR_STATUS_ORDER_FILTER',\n    });\n\n    setStatusOfOrder([]);\n  };\n\n  const handleClearClient = () => {\n    dispatch({\n      type: 'CLEAR_CLIENT_FILTER',\n    });\n    setSelectedClient([]);\n  };\n  //clearing filters\n  useEffect(() => {\n    if (selectedDate === null) {\n      dispatch({ type: 'CLEAR_DATE' });\n    }\n  }, [selectedDate]);\n\n  return (\n    <>\n      <StyledFiter>\n        <StyledFIlterELements>\n          <LeftSideConatiner>\n            <div className=\"filtercontainer\">\n              <div className=\"filtericon\">\n                <FilterIcon />\n              </div>\n              <div className=\"textcont\">Filters</div>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <DateIcon />\n              </div>\n              <StyledDatePicker>\n                <DatePicker.RangePicker\n                  className=\"custom-datepicker\"\n                  onChange={handleDateChange}\n                  style={{ width: '220px' }}\n                  value={\n                    selectedDate\n                      ? [dayjs(selectedDate[0]), dayjs(selectedDate[1])]\n                      : null\n                  }\n                  format=\"DD/MM/YY\"\n                  placeholder={['Start date', 'End date']}\n                  needConfirm\n                  allowClear\n                />\n              </StyledDatePicker>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <StatusIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={orderOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Status of Order\"\n                  onChange={handleStatusOfOrder}\n                  style={{ minWidth: '250px', maxWidth: '300px' }}\n                  value={statusOrder}\n                  onClear={handleClear}\n                  allowClear\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <ClientIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={clientOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Clients\"\n                  onChange={handleClientChange}\n                  value={selectedClient}\n                  style={{\n                    minWidth: '150px',\n                    width: 'auto',\n                    cursor: 'pointer',\n                  }}\n                  allowClear\n                  onClear={handleClearClient}\n                  filterOption={(input: any, option: any) =>\n                    (option?.label ?? '')\n                      .toLowerCase()\n                      .includes(input.toLowerCase())\n                  }\n                  showSearch\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <AssigneIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={assigneeOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Assignee\"\n                  onChange={handleAssigneeChange}\n                  value={selectedAssignee}\n                  style={{ minWidth: '140px' }}\n                  allowClear\n                  onClear={handleClearAssignee}\n                />\n              </StyledAntSelect>\n            </div>\n\n            {selectedDate ||\n            statusOrder?.length ||\n            selectedClient?.length ||\n            selectedAssignee ? (\n              <>\n                <ClearAll onClick={handleClearAll}>\n                  <StyledFilterBtnIcon>\n                    <i className=\"cross\"></i>\n                  </StyledFilterBtnIcon>\n                  <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n                </ClearAll>\n              </>\n            ) : null}\n          </LeftSideConatiner>\n        </StyledFIlterELements>\n        <TableFilters />\n      </StyledFiter>\n    </>\n  );\n};\nconst StyledDatePicker = styled.div`\n  .custom-datepicker {\n    border: none;\n  }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n  .custom-select {\n    border: none;\n    width: 80px;\n  }\n  .ant-select-selector {\n    border: 1px solid #ffffff !important;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n    .ant-select-selector {\n    padding: 0 5px;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n    .ant-select-selector {\n    border: none;\n  }\n  .roundbox {\n    display: flex;\n    width: 18px;\n    height: 18px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    left: 359px;\n    position: absolute;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    top: 16px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\nexport default ReturnOrderFilter;\n"],"names":["ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedAssignee","setSelectedAssignee","assignData","useAssignData","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","assigneeOptions","client","handleAssigneeChange","bjsDeliveryValue","handleClearAssignee","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","AssigneIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}
+{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  LeftSideConatiner,\n  StyledFIlterELements,\n  StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n  useAssignData,\n  // useCustomerData,\n  useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport VehicleIcon from '../../../../assets/icons/VehicleIcon';\nimport {\n  ClearAll,\n  StyledFilterBtnIcon,\n  StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst vehicleTypeOptions = [\n  { label: 'LGV', value: 'LGV' },\n  { label: 'HGV', value: 'HGV' },\n\n];\n\nconst ReturnOrderFilter = () => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n  // const [customers] = useCustomerData();\n  const [selectedDate, setSelectedDate] = useState<any | null>();\n  const [statusOfOrder] = useStatusOrderData();\n  const [selectedClient, setSelectedClient] = useState<any[]>([]);\n  const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n  const [selectedVehicleType, setSelectedVehicleType] = useState<string | null>(null);\n\n  //API for client data\n  const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n    endpoint: `/v1/return/order/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  // date change here\n  const handleDateChange = (dates: any | null) => {\n    setSelectedDate(dates ? [dates[0]?.$d, dates[1]?.$d] : null);\n  };\n  useEffect(() => {\n    if (selectedDate) {\n      dispatch({\n        type: 'SET_DATE_FILTER',\n        payload: selectedDate,\n      });\n      // Reset to the first page\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [selectedDate]);\n  //client options\n  const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n    label:\n      option?.customer_name?.charAt(0)?.toUpperCase() +\n      option?.customer_name?.slice(1),\n    value: option?.customer_id,\n  }));\n  //status of order\n  const orderOptions = statusOfOrder?.map((option: any) => ({\n    label:\n      option?.status_type?.charAt(0)?.toUpperCase() +\n      option?.status_type?.slice(1),\n    value: option?.type,\n  }));\n  const handleClientChange = (value: any[]) => {\n    setSelectedClient(value);\n    dispatch({\n      type: 'SET_CLIENT_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n  const handleStatusOfOrder = (value: any[]) => {\n    setStatusOfOrder(value);\n    dispatch({\n      type: 'SET_STATUS_ORDER_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleVehicleTypeChange = (value: any) => {\n    setSelectedVehicleType(value);\n    dispatch({\n      type: 'SET_VEHICLE_TYPE_FILTER',\n      payload: value,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearVehicleType = () => {\n    setSelectedVehicleType(null);\n    dispatch({\n      type: 'CLEAR_VEHICLE_TYPE_FILTER',\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAll = () => {\n    setSelectedDate(null);\n    setSelectedClient([]);\n    setStatusOfOrder([]);\n    setSelectedVehicleType(null);\n    dispatch({ type: 'CLEAR_ALL_FILTER' });\n  };\n\n  const handleClear = () => {\n    dispatch({\n      type: 'CLEAR_STATUS_ORDER_FILTER',\n    });\n\n    setStatusOfOrder([]);\n  };\n\n  const handleClearClient = () => {\n    dispatch({\n      type: 'CLEAR_CLIENT_FILTER',\n    });\n    setSelectedClient([]);\n  };\n  //clearing filters\n  useEffect(() => {\n    if (selectedDate === null) {\n      dispatch({ type: 'CLEAR_DATE' });\n    }\n  }, [selectedDate]);\n\n  return (\n    <>\n      <StyledFiter>\n        <StyledFIlterELements>\n          <LeftSideConatiner>\n            <div className=\"filtercontainer\">\n              <div className=\"filtericon\">\n                <FilterIcon />\n              </div>\n              <div className=\"textcont\">Filters</div>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <DateIcon />\n              </div>\n              <StyledDatePicker>\n                <DatePicker.RangePicker\n                  className=\"custom-datepicker\"\n                  onChange={handleDateChange}\n                  style={{ width: '220px' }}\n                  value={\n                    selectedDate\n                      ? [dayjs(selectedDate[0]), dayjs(selectedDate[1])]\n                      : null\n                  }\n                  format=\"DD/MM/YY\"\n                  placeholder={['Start date', 'End date']}\n                  needConfirm\n                  allowClear\n                />\n              </StyledDatePicker>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <StatusIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={orderOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Status of Order\"\n                  onChange={handleStatusOfOrder}\n                  style={{ minWidth: '250px', maxWidth: '300px' }}\n                  value={statusOrder}\n                  onClear={handleClear}\n                  allowClear\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <ClientIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={clientOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Clients\"\n                  onChange={handleClientChange}\n                  value={selectedClient}\n                  style={{\n                    minWidth: '150px',\n                    width: 'auto',\n                    cursor: 'pointer',\n                  }}\n                  allowClear\n                  onClear={handleClearClient}\n                  filterOption={(input: any, option: any) =>\n                    (option?.label ?? '')\n                      .toLowerCase()\n                      .includes(input.toLowerCase())\n                  }\n                  showSearch\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <VehicleIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={vehicleTypeOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Vehicle Type\"\n                  onChange={handleVehicleTypeChange}\n                  value={selectedVehicleType}\n                  style={{ minWidth: '150px' }}\n                  allowClear\n                  onClear={handleClearVehicleType}\n                />\n              </StyledAntSelect>\n            </div>\n\n            {selectedDate ||\n              statusOrder?.length ||\n              selectedClient?.length ||\n              selectedVehicleType ? (\n              <>\n                <ClearAll onClick={handleClearAll}>\n                  <StyledFilterBtnIcon>\n                    <i className=\"cross\"></i>\n                  </StyledFilterBtnIcon>\n                  <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n                </ClearAll>\n              </>\n            ) : null}\n\n          </LeftSideConatiner>\n        </StyledFIlterELements>\n        <TableFilters />\n      </StyledFiter>\n    </>\n  );\n};\nconst StyledDatePicker = styled.div`\n  .custom-datepicker {\n    border: none;\n  }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n  .custom-select {\n    border: none;\n    width: 80px;\n  }\n  .ant-select-selector {\n    border: 1px solid #ffffff !important;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n    .ant-select-selector {\n    padding: 0 5px;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n    .ant-select-selector {\n    border: none;\n  }\n  .roundbox {\n    display: flex;\n    width: 18px;\n    height: 18px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    left: 359px;\n    position: absolute;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    top: 16px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\nexport default ReturnOrderFilter;\n"],"names":["vehicleTypeOptions","ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedVehicleType","setSelectedVehicleType","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","handleVehicleTypeChange","handleClearVehicleType","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","VehicleIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAMA,IAAqB;AAAA,EACzB,EAAE,OAAO,OAAO,OAAO,MAAA;AAAA,EACvB,EAAE,OAAO,OAAO,OAAO,MAAA;AAEzB,GAEMC,KAAoB,MAAM;AAC9B,QAAM,GAAGC,CAAQ,IAAIC,EAAQC,CAAwB,GAE/C,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAa,IAAIC,EAAA,GAClB,CAACC,GAAgBC,CAAiB,IAAIJ,EAAgB,CAAA,CAAE,GACxD,CAACK,GAAaC,CAAgB,IAAIN,EAAgB,CAAA,CAAE,GACpD,CAACO,GAAqBC,CAAsB,IAAIR,EAAwB,IAAI,GAG5E,EAAE,MAAMS,GAAqB,WAAAC,EAAA,IAAcC,EAAsB;AAAA,IACrE,UAAU;AAAA,IACV,QAAQ;AAAA;AAAA,IAER,YAAY,EAAE,eAAe,GAAA;AAAA,EAAM,CACpC;AAED,EAAAC,EAAU,MAAM;AACd,IAAAF,EAAA;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,QAAMG,IAAmB,CAACC,MAAsB;AAC9C,IAAAf,EAAgBe,IAAQ,CAACA,EAAM,CAAC,GAAG,IAAIA,EAAM,CAAC,GAAG,EAAE,IAAI,IAAI;AAAA,EAC7D;AACA,EAAAF,EAAU,MAAM;AACd,IAAId,MACFH,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASG;AAAA,IAAA,CACV,GAEDH,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EAEL,GAAG,CAACG,CAAY,CAAC;AAEjB,QAAMiB,IAAgBN,GAAqB,MAAM,IAAI,CAACO,OAAiB;AAAA,IACrE,OACEA,GAAQ,eAAe,OAAO,CAAC,GAAG,YAAA,IAClCA,GAAQ,eAAe,MAAM,CAAC;AAAA,IAChC,OAAOA,GAAQ;AAAA,EAAA,EACf,GAEIC,IAAehB,GAAe,IAAI,CAACe,OAAiB;AAAA,IACxD,OACEA,GAAQ,aAAa,OAAO,CAAC,GAAG,YAAA,IAChCA,GAAQ,aAAa,MAAM,CAAC;AAAA,IAC9B,OAAOA,GAAQ;AAAA,EAAA,EACf,GACIE,IAAqB,CAACC,MAAiB;AAC3C,IAAAf,EAAkBe,CAAK,GACvBxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASwB;AAAA,IAAA,CACV,GAEDxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GACMyB,IAAsB,CAACD,MAAiB;AAC5C,IAAAb,EAAiBa,CAAK,GACtBxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASwB;AAAA,IAAA,CACV,GAEDxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GAEM0B,IAA0B,CAACF,MAAe;AAC9C,IAAAX,EAAuBW,CAAK,GAC5BxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASwB;AAAA,IAAA,CACV,GACDxB,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GAEM2B,IAAyB,MAAM;AACnC,IAAAd,EAAuB,IAAI,GAC3Bb,EAAS;AAAA,MACP,MAAM;AAAA,IAAA,CACP,GACDA,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GAEM4B,IAAiB,MAAM;AAC3B,IAAAxB,EAAgB,IAAI,GACpBK,EAAkB,CAAA,CAAE,GACpBE,EAAiB,CAAA,CAAE,GACnBE,EAAuB,IAAI,GAC3Bb,EAAS,EAAE,MAAM,oBAAoB;AAAA,EACvC,GAEM6B,IAAc,MAAM;AACxB,IAAA7B,EAAS;AAAA,MACP,MAAM;AAAA,IAAA,CACP,GAEDW,EAAiB,CAAA,CAAE;AAAA,EACrB,GAEMmB,IAAoB,MAAM;AAC9B,IAAA9B,EAAS;AAAA,MACP,MAAM;AAAA,IAAA,CACP,GACDS,EAAkB,CAAA,CAAE;AAAA,EACtB;AAEA,SAAAQ,EAAU,MAAM;AACd,IAAId,MAAiB,QACnBH,EAAS,EAAE,MAAM,cAAc;AAAA,EAEnC,GAAG,CAACG,CAAY,CAAC,GAGf,gBAAA4B,EAAAC,GAAA,EACE,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EACC,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACb,UAAA,gBAAAA,EAACM,KAAW,GACd;AAAA,QACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,YAAW,UAAA,UAAA,CAAO;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAA,EAACO,KAAS,GACZ;AAAA,0BACCC,GAAA,EACC,UAAA,gBAAAR;AAAA,UAACS,EAAW;AAAA,UAAX;AAAA,YACC,WAAU;AAAA,YACV,UAAUtB;AAAA,YACV,OAAO,EAAE,OAAO,QAAA;AAAA,YAChB,OACEf,IACI,CAACsC,EAAMtC,EAAa,CAAC,CAAC,GAAGsC,EAAMtC,EAAa,CAAC,CAAC,CAAC,IAC/C;AAAA,YAEN,QAAO;AAAA,YACP,aAAa,CAAC,cAAc,UAAU;AAAA,YACtC,aAAW;AAAA,YACX,YAAU;AAAA,UAAA;AAAA,QAAA,EACZ,CACF;AAAA,MAAA,GACF;AAAA,MACA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAA,EAACW,KAAW,GACd;AAAA,0BACCC,GAAA,EACC,UAAA,gBAAAZ;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAStB;AAAA,YACT,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,UAAUG;AAAA,YACV,OAAO,EAAE,UAAU,SAAS,UAAU,QAAA;AAAA,YACtC,OAAOf;AAAA,YACP,SAASmB;AAAA,YACT,YAAU;AAAA,YACV,aAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA,GACF;AAAA,MACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAA,EAACc,KAAW,GACd;AAAA,0BACCF,GAAA,EACC,UAAA,gBAAAZ;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASxB;AAAA,YACT,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,UAAUG;AAAA,YACV,OAAOf;AAAA,YACP,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,YAEV,YAAU;AAAA,YACV,SAASsB;AAAA,YACT,cAAc,CAACgB,GAAYzB,OACxBA,GAAQ,SAAS,IACf,YAAA,EACA,SAASyB,EAAM,YAAA,CAAa;AAAA,YAEjC,YAAU;AAAA,YACV,aAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAV,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAA,EAACgB,KAAY,GACf;AAAA,0BACCJ,GAAA,EACC,UAAA,gBAAAZ;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAAS9C;AAAA,YACT,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,UAAU4B;AAAA,YACV,OAAOd;AAAA,YACP,OAAO,EAAE,UAAU,QAAA;AAAA,YACnB,YAAU;AAAA,YACV,SAASe;AAAA,UAAA;AAAA,QAAA,EACX,CACF;AAAA,MAAA,GACF;AAAA,MAECxB,KACCO,GAAa,UACbF,GAAgB,UAChBI,IACA,gBAAAmB,EAAAC,GAAA,EACE,UAAA,gBAAAI,EAACY,GAAA,EAAS,SAASpB,GACjB,UAAA;AAAA,QAAA,gBAAAG,EAACkB,GAAA,EACC,UAAA,gBAAAlB,EAAC,KAAA,EAAE,WAAU,SAAQ,GACvB;AAAA,QACA,gBAAAA,EAACmB,KAAqB,UAAA,YAAA,CAAS;AAAA,MAAA,EAAA,CACjC,GACF,IACE;AAAA,IAAA,EAAA,CAEN,EAAA,CACF;AAAA,sBACCC,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ,GACMZ,IAAmBa,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBT,IAAkBS,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;"}

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js

@@ -133,7 +133,7 @@ const d = r.div`
   display: flex;
   justify-content: center;
 `, i = r.div`
-  max-height: calc(100vh - 360px);
+  max-height: calc(100vh - 310px);
   overflow-x: hidden;
   width: 100%;
   padding-top: 10px;

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 360px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #5d3eff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,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,GA4B5BI,IAAcJ,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;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 310px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #5d3eff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,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,GA4B5BI,IAAcJ,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;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/table/table-data/styles.js

@@ -14,7 +14,7 @@ const r = e.div`
   background: rgba(153, 153, 153, 0.1);
 `, o = e.div`
   overflow-x: auto;
-  max-height: calc(100vh - 360px);
+  max-height: calc(100vh - 310px);
   // padding-top: 10px;
   background: #fff;
   &::-webkit-scrollbar {

package/dist/components/order-daily-overview/table/table-data/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n  display: flex;\n  padding: 2px 8px;\n  align-items: flex-start;\n  gap: 12px;\n  border-radius: 6px;\n  background: rgba(153, 153, 153, 0.1);\n`;\n\nexport const StyledTableWrapper = styled.div`\n  overflow-x: auto;\n  max-height: calc(100vh - 360px);\n  // padding-top: 10px;\n  background: #fff;\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 100px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #777;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #7b61ff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 4px;\n  width: 100%;\n  table-layout: fixed;\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 4px;\n      font-family: 'lato', sans-serif;\n      th {\n        color: #3a3630;\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: normal;\n        padding: 6px 8px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n  tbody {\n    max-height: 400px;\n    overflow-y: auto;\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: normal;\n        padding: 5px 8px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        word-break: break-word;\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n    }\n  }\n`;\n\nexport const StyledThBase = styled.th`\n  color: #3a3630;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  padding: 11px 15px;\n  background: #f0f2f2;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n  text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n  color: #3a3630;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 15px;\n  background: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  em {\n    padding-left: 8px;\n    border-left: 2px dotted #758588;\n    font-style: normal;\n  }\n  span {\n    display: block;\n    line-height: 1;\n    &:first-child {\n      margin-bottom: 5px;\n    }\n  }\n`;\nexport const StyledRoundedBorder = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edefef;\n  background: #f6fbff;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n  font-weight: 600;\n  color: #09f;\n  margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n  display: flex;\n  gap: 4px;\n  /* align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n  color: #29cc6a;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    margin-top: 4px;\n    &.ascending svg path:first-child {\n      fill: #000;\n    }\n    &.descending svg path:last-child {\n      fill: #000;\n    }\n  }\n`;\n\nexport const TomtomCover = styled.div`\n  transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n  background: #fff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nexport const TableFilterColumn = styled.div`\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n  button {\n    font-size: 13px;\n  }\n  .input {\n    border-radius: 20px;\n    border: 1px solid #d0d5dd;\n    input {\n      font-size: 13px;\n    }\n  }\n`;\n\nexport const DropHeading = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n`;\n\nexport const StyledDateRange = styled.div`\n  .ant-picker {\n    border-radius: 20px;\n  }\n  input {\n    font-size: 13px;\n  }\n`;\n\nexport const ActionCover = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 5px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\n\nexport const TableIconCover = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #edebe8;\n`;\n\nexport const Label = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\nexport const ActionTypeCover = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 5px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\n\nexport const ActionTypeLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\nexport const Buttons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  white-space: nowrap;\n  align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n  border-radius: 20px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 6px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #b2b3b3;\n  .cross {\n    position: relative;\n    &:after {\n      display: inline-block;\n      content: 'X';\n      font-style: normal;\n      font-size: 14px;\n      color: #000;\n    }\n  }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n  display: flex;\n  padding: 2px 8px;\n  align-items: flex-start;\n  gap: 12px;\n  border-radius: 6px;\n  background: rgba(153, 153, 153, 0.1);\n`;\n\nexport const StyledTableWrapper = styled.div`\n  overflow-x: auto;\n  max-height: calc(100vh - 310px);\n  // padding-top: 10px;\n  background: #fff;\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 100px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #777;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #7b61ff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 4px;\n  width: 100%;\n  table-layout: fixed;\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 4px;\n      font-family: 'lato', sans-serif;\n      th {\n        color: #3a3630;\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: normal;\n        padding: 6px 8px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n  tbody {\n    max-height: 400px;\n    overflow-y: auto;\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: normal;\n        padding: 5px 8px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        word-break: break-word;\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n    }\n  }\n`;\n\nexport const StyledThBase = styled.th`\n  color: #3a3630;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  padding: 11px 15px;\n  background: #f0f2f2;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n  text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n  color: #3a3630;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 15px;\n  background: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  em {\n    padding-left: 8px;\n    border-left: 2px dotted #758588;\n    font-style: normal;\n  }\n  span {\n    display: block;\n    line-height: 1;\n    &:first-child {\n      margin-bottom: 5px;\n    }\n  }\n`;\nexport const StyledRoundedBorder = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edefef;\n  background: #f6fbff;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n  font-weight: 600;\n  color: #09f;\n  margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n  display: flex;\n  gap: 4px;\n  /* align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n  color: #29cc6a;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    margin-top: 4px;\n    &.ascending svg path:first-child {\n      fill: #000;\n    }\n    &.descending svg path:last-child {\n      fill: #000;\n    }\n  }\n`;\n\nexport const TomtomCover = styled.div`\n  transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n  background: #fff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nexport const TableFilterColumn = styled.div`\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 8px;\n  button {\n    font-size: 13px;\n  }\n  .input {\n    border-radius: 20px;\n    border: 1px solid #d0d5dd;\n    input {\n      font-size: 13px;\n    }\n  }\n`;\n\nexport const DropHeading = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n`;\n\nexport const StyledDateRange = styled.div`\n  .ant-picker {\n    border-radius: 20px;\n  }\n  input {\n    font-size: 13px;\n  }\n`;\n\nexport const ActionCover = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 5px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\n\nexport const TableIconCover = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #edebe8;\n`;\n\nexport const Label = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\nexport const ActionTypeCover = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 5px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\n\nexport const ActionTypeLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\nexport const Buttons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  white-space: nowrap;\n  align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n  border-radius: 20px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 6px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #b2b3b3;\n  .cross {\n    position: relative;\n    &:after {\n      display: inline-block;\n      content: 'X';\n      font-style: normal;\n      font-size: 14px;\n      color: #000;\n    }\n  }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}

package/dist/types/assets/icons/VehicleIcon.d.ts

@@ -0,0 +1,9 @@
+import { default as React, SVGProps } from 'react';
+type VehicleIconProps = SVGProps<SVGSVGElement> & {
+    width?: number;
+    height?: number;
+    color?: string;
+    className?: string;
+};
+declare const VehicleIcon: React.FC<VehicleIconProps>;
+export default VehicleIcon;

package/dist/types/components/order-daily-overview/header/route-header/RouterHeaderStyle.d.ts

@@ -1,4 +1,6 @@
-export declare const HeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    height?: string;
+}>> & string;
 export declare const StyledFlex: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const GlobalFilterWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DatePickerWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/order-daily-overview/header-filters/Styledfilters.d.ts

@@ -1,4 +1,6 @@
-export declare const HeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    height?: string;
+}>> & string;
 export declare const StyledFlex: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CoverPage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StatusPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/order-view/order-details/expanded-content/orders-section/Depot.d.ts

@@ -1,5 +1,5 @@
 import { SelectDropdown } from '@bjsdistribution/dms-component-library';
 import { default as React } from 'react';
 declare function DepotDropdown(): import("react/jsx-runtime").JSX.Element;
-export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('node_modules/react-select/dist/declarations/src/Select').PublicBaseSelectProps<unknown, boolean, import('react-select').GroupBase<unknown>>, "inputValue" | "value" | "onChange" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import('node_modules/react-select/dist/declarations/src/Select').PublicBaseSelectProps<unknown, boolean, import('react-select').GroupBase<unknown>>> & import('node_modules/react-select/dist/declarations/src/useStateManager').StateManagerAdditionalProps<unknown>, never>> & string & Omit<typeof SelectDropdown, keyof React.Component<any, {}, any>>;
+export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('node_modules/react-select/dist/declarations/src/Select').PublicBaseSelectProps<unknown, boolean, import('react-select').GroupBase<unknown>>, "onChange" | "inputValue" | "value" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import('node_modules/react-select/dist/declarations/src/Select').PublicBaseSelectProps<unknown, boolean, import('react-select').GroupBase<unknown>>> & import('node_modules/react-select/dist/declarations/src/useStateManager').StateManagerAdditionalProps<unknown>, never>> & string & Omit<typeof SelectDropdown, keyof React.Component<any, {}, any>>;
 export default DepotDropdown;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.87-prod",
+  "version": "0.1.88-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/assets/icons/AssigneIcon.js

@@ -1,33 +0,0 @@
-import { jsxs as i, jsx as C } from "react/jsx-runtime";
-const t = () => /* @__PURE__ */ i(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "15",
-    height: "14",
-    viewBox: "0 0 15 14",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ C("g", { "clip-path": "url(#clip0_504_13636)", children: /* @__PURE__ */ C(
-        "path",
-        {
-          d: "M4.4751 1.16667H12.6418V6.70834H11.4751V2.33334H10.3084V5.61051L8.55843 4.7355L6.80843 5.61051V2.33334H5.64176V5.54167H4.4751V1.16667ZM7.9751 2.33334V3.72284L8.55843 3.43117L9.14176 3.72284V2.33334H7.9751ZM5.02051 7.72917C4.92474 7.72892 4.82985 7.74755 4.74127 7.78398C4.65269 7.82041 4.57215 7.87394 4.50426 7.9415L3.30843 9.13734V11.375H6.59085L9.97593 10.5292L12.0363 9.6495C12.1064 9.61158 12.1601 9.54908 12.1871 9.47399C12.214 9.3989 12.2123 9.31652 12.1822 9.24263C12.1521 9.16875 12.0958 9.10857 12.0241 9.07364C11.9524 9.0387 11.8703 9.03147 11.7936 9.05334L11.7819 9.05625L8.0416 9.91667H5.93343V8.75H7.75635C7.89172 8.75 8.02154 8.69623 8.11727 8.60051C8.21299 8.50479 8.26676 8.37496 8.26676 8.23959C8.26676 8.10422 8.21299 7.97439 8.11727 7.87867C8.02154 7.78295 7.89172 7.72917 7.75635 7.72917H5.02051ZM9.42585 8.40117L11.4978 7.92459C11.7185 7.86656 11.9496 7.85988 12.1732 7.90505C12.3969 7.95022 12.6072 8.04605 12.7881 8.18518C12.969 8.3243 13.1155 8.50302 13.2166 8.70762C13.3176 8.91221 13.3704 9.13724 13.3709 9.36542C13.3707 9.64241 13.2934 9.91388 13.1478 10.1495C13.0021 10.3851 12.7938 10.5755 12.5461 10.6995L12.5303 10.7077L10.3487 11.6381L6.73435 12.5417H0.100098V8.3125H2.4836L3.6806 7.1155C3.85696 6.93974 4.06622 6.80044 4.29643 6.70555C4.52663 6.61067 4.77327 6.56206 5.02226 6.5625H7.75635C7.99023 6.56247 8.22153 6.61136 8.4354 6.70603C8.64926 6.8007 8.84096 6.93905 8.99818 7.11221C9.15541 7.28536 9.27467 7.48948 9.34832 7.71146C9.42198 7.93345 9.44838 8.16838 9.42585 8.40117ZM2.14176 9.47917H1.26676V11.375H2.14176V9.47917Z",
-          fill: "#6D6B68"
-        }
-      ) }),
-      /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_504_13636", children: /* @__PURE__ */ C(
-        "rect",
-        {
-          width: "14",
-          height: "14",
-          fill: "white",
-          transform: "translate(0.100098)"
-        }
-      ) }) })
-    ]
-  }
-);
-export {
-  t as default
-};
-//# sourceMappingURL=AssigneIcon.js.map

package/dist/assets/icons/AssigneIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssigneIcon.js","sources":["../../../src/assets/icons/AssigneIcon.tsx"],"sourcesContent":["import React from 'react';\n\nconst AssigneIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"15\"\n    height=\"14\"\n    viewBox=\"0 0 15 14\"\n    fill=\"none\"\n  >\n    <g clip-path=\"url(#clip0_504_13636)\">\n      <path\n        d=\"M4.4751 1.16667H12.6418V6.70834H11.4751V2.33334H10.3084V5.61051L8.55843 4.7355L6.80843 5.61051V2.33334H5.64176V5.54167H4.4751V1.16667ZM7.9751 2.33334V3.72284L8.55843 3.43117L9.14176 3.72284V2.33334H7.9751ZM5.02051 7.72917C4.92474 7.72892 4.82985 7.74755 4.74127 7.78398C4.65269 7.82041 4.57215 7.87394 4.50426 7.9415L3.30843 9.13734V11.375H6.59085L9.97593 10.5292L12.0363 9.6495C12.1064 9.61158 12.1601 9.54908 12.1871 9.47399C12.214 9.3989 12.2123 9.31652 12.1822 9.24263C12.1521 9.16875 12.0958 9.10857 12.0241 9.07364C11.9524 9.0387 11.8703 9.03147 11.7936 9.05334L11.7819 9.05625L8.0416 9.91667H5.93343V8.75H7.75635C7.89172 8.75 8.02154 8.69623 8.11727 8.60051C8.21299 8.50479 8.26676 8.37496 8.26676 8.23959C8.26676 8.10422 8.21299 7.97439 8.11727 7.87867C8.02154 7.78295 7.89172 7.72917 7.75635 7.72917H5.02051ZM9.42585 8.40117L11.4978 7.92459C11.7185 7.86656 11.9496 7.85988 12.1732 7.90505C12.3969 7.95022 12.6072 8.04605 12.7881 8.18518C12.969 8.3243 13.1155 8.50302 13.2166 8.70762C13.3176 8.91221 13.3704 9.13724 13.3709 9.36542C13.3707 9.64241 13.2934 9.91388 13.1478 10.1495C13.0021 10.3851 12.7938 10.5755 12.5461 10.6995L12.5303 10.7077L10.3487 11.6381L6.73435 12.5417H0.100098V8.3125H2.4836L3.6806 7.1155C3.85696 6.93974 4.06622 6.80044 4.29643 6.70555C4.52663 6.61067 4.77327 6.56206 5.02226 6.5625H7.75635C7.99023 6.56247 8.22153 6.61136 8.4354 6.70603C8.64926 6.8007 8.84096 6.93905 8.99818 7.11221C9.15541 7.28536 9.27467 7.48948 9.34832 7.71146C9.42198 7.93345 9.44838 8.16838 9.42585 8.40117ZM2.14176 9.47917H1.26676V11.375H2.14176V9.47917Z\"\n        fill=\"#6D6B68\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_504_13636\">\n        <rect\n          width=\"14\"\n          height=\"14\"\n          fill=\"white\"\n          transform=\"translate(0.100098)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default AssigneIcon;\n"],"names":["AssigneIcon","jsxs","jsx"],"mappings":";AAEA,MAAMA,IAAc,MAClB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,aAAU,yBACX,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MACA,gBAAAA,EAAC,QAAA,EACC,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,mBACX,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;"}