@erpsquad/common 1.8.45 → 1.8.47

package/dist/components/reports-title-bar/reports-title-bar/index.js

@@ -1,39 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var a=,/* empty css                                                       */r=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=,/* empty css                               */c=require("react-date-range"),p=require("dayjs"),x=,/* empty css                          */m=,/* empty css                            */h=,/* empty css                             */f=,/* empty css                             */v=require("react-i18next"),j=require("date-fns/locale"),g=,/* empty css                                                   */y=,/* empty css                                                           */b=,/* empty css                                                 */Y=,/* empty css                        */D=,/* empty css                        */T=,/* empty css                                                         */M=,/* empty css                                                                 */_=,/* empty css                                                       */R=,/* empty css                          */E=,/* empty css                                                       */C=,/* empty css                                                   */S=,/* empty css                                                     */k=;/* empty css                                                                             */function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=/* @__PURE__ */w(r),B=/* @__PURE__ */w(p);exports.default=p=>{var w;const{title:N,handleAddButton:I,buttons:q=[],dropdownMenuButtonData:F,isTitleMenu:O=!1,titleMenus:G=[],reportFilterFields:V=[],toggleCallback:W,tabs:U,activeValue:P,setActiveValue:$,isDateFilterEnabled:H=!0,onDateFilterChange:z,filters:L={},isDateRange:K=!0,showDateFilter:Q=!1,dateFilter:J="TODAY",filterDropDown:X,handleRowsCollapse:Z,handleRowsExpand:ee,showLevelBtn:te=!1,dataLength:le=0,filterKeys:ae={}}=p,re=x.useAppDispatch(),ie={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,se]=r.useState([{value:"company"}]),[de,ue]=r.useState(1),[ce,pe]=r.useState(null),[xe,me]=r.useState([]),[he,fe]=r.useState(),[ve,je]=r.useState(!1),[ge,ye]=r.useState(null),[be,Ye]=r.useState(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))),{t:De}=v.useTranslation(),[Te,Me]=r.useState({startDate:new Date(B.default((null==L?void 0:L.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(B.default((null==L?void 0:L.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),_e=r.useRef(null),Re=r.useRef(null),Ee=r.useRef(null),Ce=()=>{_e.current=null,je(!1)},Se=async e=>{if(fe(e),"CUSTOM"===e)_e.current=Re.current,je(!0);else{const t=await u.handleCompareDateRange({range:u.RANGE[e],from:"",to:""});null==z||z({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Ce()}},ke=e=>{_e.current&&_e.current.contains(e.target)||Ce()},we=(null==X?void 0:X.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==ae?void 0:ae[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],Ae=[{label:u.RANGE.TODAY,callback:()=>{Se("TODAY")}},{label:u.RANGE.THIS_WEEK,callback:()=>{Se("THIS_WEEK")}},{label:u.RANGE.THIS_MONTH,callback:()=>{Se("THIS_MONTH")}},{label:u.RANGE.THIS_QUARTER,callback:()=>{Se("THIS_QUARTER")}},{label:u.RANGE.THIS_YEAR,callback:()=>{Se("THIS_YEAR")}},{label:u.RANGE.YESTERDAY,callback:()=>{Se("YESTERDAY")}},{label:u.RANGE.PREVIOUS_WEEK,callback:()=>{Se("PREVIOUS_WEEK")}},{label:u.RANGE.PREVIOUS_MONTH,callback:()=>{Se("PREVIOUS_MONTH")}},{label:u.RANGE.PREVIOUS_QUARTER,callback:()=>{Se("PREVIOUS_QUARTER")}},{label:u.RANGE.PREVIOUS_YEAR,callback:()=>{Se("PREVIOUS_YEAR")}},{label:u.RANGE.CUSTOM,callback:()=>{Se("CUSTOM")}}],Be=()=>{const e={start_date:B.default(Te.startDate).format("YYYY-MM-DD"),end_date:B.default(Te.endDate).format("YYYY-MM-DD")},t={as_of_date:B.default(be).format("YYYY-MM-DD")};null==z||z({...K?e:t}),Ce()},Ne=e=>({startDate:B.default(null==e?void 0:e.start_date).isValid()?B.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:B.default(null==e?void 0:e.end_date).isValid()?B.default(e.end_date).toDate():/* @__PURE__ */new Date});r.useEffect(()=>{Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD")))},[null==L?void 0:L.as_of_date]),r.useEffect(()=>{Me({...Te,...Ne(L)})},[null==L?void 0:L.end_date,null==L?void 0:L.start_date]),r.useEffect(()=>{ve&&(K?Me({...Te,...Ne(L)}):Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))))},[ve,K]),r.useEffect(()=>{re(m.fetchCompanies())},[]),r.useEffect(()=>{me(n.generateFields(V))},[]),r.useEffect(()=>{Se(J)},[J]);const Ie=A.default.memo(()=>{var t;/* @__PURE__ */
-return e.jsx(g.default,{open:Boolean(ge),anchorEl:ge,onClose:()=>ye(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:null==(t=null==F?void 0:F.options)?void 0:t.map((t,a)=>/* @__PURE__ */e.jsx(y.default,{onClick:()=>{t.callback(),ye(null)},children:/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",color:"inherit",children:[" ",t.label]})},a))})});/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var r=,/* empty css                                                       */a=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=,/* empty css                               */c=require("react-date-range"),p=require("dayjs"),x=,/* empty css                          */m=,/* empty css                            */h=,/* empty css                             */f=,/* empty css                             */v=require("react-i18next"),j=require("date-fns/locale"),g=,/* empty css                                                   */y=,/* empty css                                                           */b=,/* empty css                                                 */Y=,/* empty css                        */D=,/* empty css                        */T=,/* empty css                                                         */M=,/* empty css                                                                 */_=,/* empty css                                                       */R=,/* empty css                          */C=,/* empty css                                                       */E=,/* empty css                                                   */B=,/* empty css                                                     */S=;/* empty css                                                                             */function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=/* @__PURE__ */k(a),A=/* @__PURE__ */k(p);const N=p=>{var k;const{title:N,handleAddButton:I,buttons:q=[],dropdownMenuButtonData:F,isTitleMenu:O=!1,titleMenus:G=[],reportFilterFields:V=[],toggleCallback:W,tabs:U,activeValue:P,setActiveValue:$,isDateFilterEnabled:H=!0,onDateFilterChange:z,filters:L={},isDateRange:K=!0,showDateFilter:Q=!1,dateFilter:J="TODAY",filterDropDown:X,handleRowsCollapse:Z,handleRowsExpand:ee,showLevelBtn:te=!1,dataLength:le=0,filterKeys:re={}}=p,ae=x.useAppDispatch(),ie={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,se]=a.useState([{value:"company"}]),[de,ue]=a.useState(1),[ce,pe]=a.useState(null),[xe,me]=a.useState([]),[he,fe]=a.useState(),[ve,je]=a.useState(!1),[ge,ye]=a.useState(null),[be,Ye]=a.useState(new Date(A.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))),{t:De}=v.useTranslation(),[Te,Me]=a.useState({startDate:new Date(A.default((null==L?void 0:L.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(A.default((null==L?void 0:L.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),_e=a.useRef(null),Re=a.useRef(null),Ce=a.useRef(null),Ee=()=>{_e.current=null,je(!1)},Be=async e=>{if(fe(e),"CUSTOM"===e)_e.current=Re.current,je(!0);else{const t=await u.handleCompareDateRange({range:u.RANGE[e],from:"",to:""});null==z||z({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Ee()}},Se=e=>{_e.current&&_e.current.contains(e.target)||Ee()},ke=(null==X?void 0:X.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==re?void 0:re[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],we=[{label:u.RANGE.TODAY,callback:()=>{Be("TODAY")}},{label:u.RANGE.THIS_WEEK,callback:()=>{Be("THIS_WEEK")}},{label:u.RANGE.THIS_MONTH,callback:()=>{Be("THIS_MONTH")}},{label:u.RANGE.THIS_QUARTER,callback:()=>{Be("THIS_QUARTER")}},{label:u.RANGE.THIS_YEAR,callback:()=>{Be("THIS_YEAR")}},{label:u.RANGE.YESTERDAY,callback:()=>{Be("YESTERDAY")}},{label:u.RANGE.PREVIOUS_WEEK,callback:()=>{Be("PREVIOUS_WEEK")}},{label:u.RANGE.PREVIOUS_MONTH,callback:()=>{Be("PREVIOUS_MONTH")}},{label:u.RANGE.PREVIOUS_QUARTER,callback:()=>{Be("PREVIOUS_QUARTER")}},{label:u.RANGE.PREVIOUS_YEAR,callback:()=>{Be("PREVIOUS_YEAR")}},{label:u.RANGE.CUSTOM,callback:()=>{Be("CUSTOM")}}],Ae=()=>{const e={start_date:A.default(Te.startDate).format("YYYY-MM-DD"),end_date:A.default(Te.endDate).format("YYYY-MM-DD")},t={as_of_date:A.default(be).format("YYYY-MM-DD")};null==z||z({...K?e:t}),Ee()},Ne=e=>({startDate:A.default(null==e?void 0:e.start_date).isValid()?A.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:A.default(null==e?void 0:e.end_date).isValid()?A.default(e.end_date).toDate():/* @__PURE__ */new Date});a.useEffect(()=>{Ye(new Date(A.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD")))},[null==L?void 0:L.as_of_date]),a.useEffect(()=>{Me({...Te,...Ne(L)})},[null==L?void 0:L.end_date,null==L?void 0:L.start_date]),a.useEffect(()=>{ve&&(K?Me({...Te,...Ne(L)}):Ye(new Date(A.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))))},[ve,K]),a.useEffect(()=>{ae(m.fetchCompanies())},[]),a.useEffect(()=>{me(n.generateFields(V))},[]),a.useEffect(()=>{Be(J)},[J]);const Ie=w.default.memo(()=>{var t;/* @__PURE__ */
+return e.jsx(g.default,{open:Boolean(ge),anchorEl:ge,onClose:()=>ye(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:null==(t=null==F?void 0:F.options)?void 0:t.map((t,r)=>/* @__PURE__ */e.jsx(y.default,{onClick:()=>{t.callback(),ye(null)},children:/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",color:"inherit",children:[" ",t.label]})},r))})});/* @__PURE__ */
 return e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar",children:[
-/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--LeftContent",children:O?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(a.default,{onClick:I,options:G,isMenuThirdItemDisabled:!0,children:N})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:N})}),
-/* @__PURE__ */e.jsx(o.default,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:q})]}),(null==U?void 0:U.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:U||[],activeValue:P,setActiveValue:$,isTabViewOnly:!0})}):null,
+/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--LeftContent",children:O?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(r.default,{onClick:I,options:G,isMenuThirdItemDisabled:!0,children:N})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:N})}),
+/* @__PURE__ */e.jsx(o.ReportButtons,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:q})]}),(null==U?void 0:U.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:U||[],activeValue:P,setActiveValue:$,isTabViewOnly:!0})}):null,
 /* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",justifyContent:"space-between",my:2.5,mx:1},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper",children:[/* @__PURE__ */e.jsx(e.Fragment,{children:we.map(({key:t,label:l,placeholder:a,apiType:r,valueKey:i,customFilter:n,multiple:o=!1,options:s,show:d=!0,showCancelButton:u=!0})=>{return c=t,oe.some(e=>(null==e?void 0:e.value)==c)&&d?
-/* @__PURE__ */e.jsx(h.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==L?void 0:L[i],onChange:e=>z({[i]:e.target.value}),showCancelButton:u,apiType:r,options:s,multiple:o,placeholder:a,customeFilter:n,customStyle:ie,inputStyle:ne}):null;var c})}),(null==L?void 0:L.end_date)&&Q&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,onClick:()=>{ve?Ce():(_e.current=Ee.current,je(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")} - ${B.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper",children:[/* @__PURE__ */e.jsx(e.Fragment,{children:ke.map(({key:t,label:l,placeholder:r,apiType:a,valueKey:i,customFilter:n,multiple:o=!1,options:s,show:d=!0,showCancelButton:u=!0})=>{return c=t,oe.some(e=>(null==e?void 0:e.value)==c)&&d?
+/* @__PURE__ */e.jsx(h.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==L?void 0:L[i],onChange:e=>z({[i]:e.target.value}),showCancelButton:u,apiType:a,options:s,multiple:o,placeholder:r,customeFilter:n,customStyle:ie,inputStyle:ne}):null;var c})}),(null==L?void 0:L.end_date)&&Q&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ce,onClick:()=>{ve?Ee():(_e.current=Ce.current,je(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${A.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")} - ${A.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.dateRange"),":"]}),
-/* @__PURE__ */e.jsxs(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[B.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")," -"," ",B.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")]})]}),
-/* @__PURE__ */e.jsx(i.default,{})]})}),(null==Te?void 0:Te.startDate)&&(null==Te?void 0:Te.endDate)&&H&&!["TODAY","YESTERDAY"].includes(he)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==Te?void 0:Te.startDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",style:{padding:" 5px 12px"},ref:Ee,children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[A.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")," -"," ",A.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")]})]}),
+/* @__PURE__ */e.jsx(i.default,{})]})}),(null==Te?void 0:Te.startDate)&&(null==Te?void 0:Te.endDate)&&H&&!["TODAY","YESTERDAY"].includes(he)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==Te?void 0:Te.startDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",style:{padding:" 5px 12px"},ref:Ce,children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${A.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.startDate"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")})]})})}),(null==Te?void 0:Te.endDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,style:{padding:" 5px 12px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:A.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")})]})})}),(null==Te?void 0:Te.endDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ce,style:{padding:" 5px 12px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${A.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.endDate"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==Te?void 0:Te.endDate).format("DD/MM/YYYY")})]})})})]}),(null==L?void 0:L.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,onClick:()=>{ve?Ce():(_e.current=Ee.current,je(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:A.default(null==Te?void 0:Te.endDate).format("DD/MM/YYYY")})]})})})]}),(null==L?void 0:L.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ce,onClick:()=>{ve?Ee():(_e.current=Ce.current,je(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${A.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.date"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")})]}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:A.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")})]}),
 /* @__PURE__ */e.jsx(i.default,{})]})})]}),
-/* @__PURE__ */e.jsxs("div",{className:"report-display",children:[(null==(w=null==F?void 0:F.options)?void 0:w.length)>0&&/* @__PURE__ */e.jsxs(b.default,{children:[
-/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Export,{fontSize:"small"}),onClick:e=>ye(e.currentTarget),children:De("common.export")}),ge&&/* @__PURE__ */e.jsx(Ie,{})]}),(null==X?void 0:X.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(b.default,{children:/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(D.Filter,{fontSize:"small"}),onClick:e=>pe(e.currentTarget),children:De("common.filter")})}),te&&/* @__PURE__ */e.jsx(T.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(g.default,{anchorEl:ce,open:Boolean(ce),onClose:()=>{pe(null)},children:null==X?void 0:X.map(t=>{/* @__PURE__ */return e.jsxs(y.default,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?se(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):se([...oe,e]));var e},value:null==t?void 0:t.value,children:[
-/* @__PURE__ */e.jsx(f.default,{checked:(a=t,oe.some(e=>(null==e?void 0:e.value)==(null==a?void 0:a.value)))}),
-/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var a})}),te&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsxs("div",{className:"report-display",children:[(null==(k=null==F?void 0:F.options)?void 0:k.length)>0&&/* @__PURE__ */e.jsxs(b.default,{children:[
+/* @__PURE__ */e.jsx(t.Button,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Export,{fontSize:"small"}),onClick:e=>ye(e.currentTarget),children:De("common.export")}),ge&&/* @__PURE__ */e.jsx(Ie,{})]}),(null==X?void 0:X.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(b.default,{children:/* @__PURE__ */e.jsx(t.Button,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(D.Filter,{fontSize:"small"}),onClick:e=>pe(e.currentTarget),children:De("common.filter")})}),te&&/* @__PURE__ */e.jsx(T.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(g.default,{anchorEl:ce,open:Boolean(ce),onClose:()=>{pe(null)},children:null==X?void 0:X.map(t=>{/* @__PURE__ */return e.jsxs(y.default,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?se(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):se([...oe,e]));var e},value:null==t?void 0:t.value,children:[
+/* @__PURE__ */e.jsx(f.Checkbox,{checked:(r=t,oe.some(e=>(null==e?void 0:e.value)==(null==r?void 0:r.value)))}),
+/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var r})}),te&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(b.default,{className:"reportsTitleBar--FilterAction--lvWrapper",children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",de," of ",le]}),
 /* @__PURE__ */e.jsxs(M.default,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
 /* @__PURE__ */e.jsx(_.default,{onClick:()=>{ue(de==le?de:de+1),null==Z||Z(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.expand})}),
 /* @__PURE__ */e.jsx(_.default,{onClick:()=>{ue(1!=de?de-1:1),null==ee||ee(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.collapse})})]})]}),H&&/* @__PURE__ */e.jsx(T.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),H&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:"As of: "}),
-/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(R.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[u.RANGE[he],
-/* @__PURE__ */e.jsx(i.default,{})]}),options:Ae},toggleCallback:W}),
+/* @__PURE__ */e.jsx(o.ReportButtons,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(R.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[u.RANGE[he],
+/* @__PURE__ */e.jsx(i.default,{})]}),options:we},toggleCallback:W}),
 /* @__PURE__ */e.jsx("div",{ref:Re})]})]})]}),
-/* @__PURE__ */e.jsx(E.default,{sx:{zIndex:9999},open:ve,anchorEl:_e.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(C.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(S.default,{children:/* @__PURE__ */e.jsx(k.ClickAwayListener,{onClickAway:ke,children:/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
+/* @__PURE__ */e.jsx(C.default,{sx:{zIndex:9999},open:ve,anchorEl:_e.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:r})=>/* @__PURE__ */e.jsx(E.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===r?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(B.default,{children:/* @__PURE__ */e.jsx(S.ClickAwayListener,{onClickAway:Se,children:/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
 /* @__PURE__ */e.jsx("div",{children:K?/* @__PURE__ */e.jsx(c.DateRange,{editableDateInputs:!0,onChange:e=>Me(e.selection),moveRangeOnFirstSelection:!1,ranges:[Te],locale:j.enUS}):/* @__PURE__ */e.jsx(c.Calendar,{onChange:e=>Ye(e),date:be,locale:j.enUS})}),
-/* @__PURE__ */e.jsx(b.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Be,children:De("common.apply")})})]})})})})})]})};
+/* @__PURE__ */e.jsx(b.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.Button,{variant:"contained",sx:{width:"fit-content"},onClick:Ae,children:De("common.apply")})})]})})})})})]})};exports.ReportsTitleBar=N,exports.default=N;
 //# sourceMappingURL=index.js.map

package/dist/components/reports-title-bar/reports-title-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport default ReportsTitleBar;\n"],"names":["props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","showDateFilter","dateFilter","filterDropDown","handleRowsCollapse","handleRowsExpand","showLevelBtn","dataLength","filterKeys","dispatch","useAppDispatch","customStyle","border","borderColor","borderRadius","padding","display","gap","width","backgroundColor","color","alignItems","cursor","inputStyle","fontSize","selectedItems","setSelectedItems","useState","value","level","setLevel","actionAnchorEl","setActionAnchorEl","allFields","setAllFields","dateRange","setDateRange","open","setOpen","exportAnchorEl","setExportAnchorEl","customDate","setCustomDate","Date","dayjs","as_of_date","format","t","useTranslation","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","key","anchorRef","useRef","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","async","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","filtersConfig","map","filter","label","name","placeholder","apiType","valueKey","customFilter","multiple","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","getStartAndEndDate","isValid","toDate","useEffect","fetchCompanies","generateFields","ExportContainer","React","memo","jsx","Menu","Boolean","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","children","_a","option","index","MenuItem","onClick","Typography","type","weight","jsxs","className","style","zIndex","TitleDropdownButton","isMenuThirdItemDisabled","ReportButtons","length","TabBar","isTabViewOnly","Box","sx","justifyContent","my","mx","Fragment","show","showCancelButton","val","some","item","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","ref","KeyboardArrowDownIcon","includes","Button","palette","grey","bgcolor","variant","startIcon","ExportIcon","currentTarget","FilterIcon","Divider","flexItem","orientation","height","alignSelf","handleSelectChange","Checkbox","checked","marginLeft","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","src","images","common","expand","collapse","icon","CalendarIcon","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","Paper","ClickAwayListener","onClickAway","flexDirection","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport { ReportsTitleBar };\nexport default ReportsTitleBar;\n"],"names":["ReportsTitleBar","props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","showDateFilter","dateFilter","filterDropDown","handleRowsCollapse","handleRowsExpand","showLevelBtn","dataLength","filterKeys","dispatch","useAppDispatch","customStyle","border","borderColor","borderRadius","padding","display","gap","width","backgroundColor","color","alignItems","cursor","inputStyle","fontSize","selectedItems","setSelectedItems","useState","value","level","setLevel","actionAnchorEl","setActionAnchorEl","allFields","setAllFields","dateRange","setDateRange","open","setOpen","exportAnchorEl","setExportAnchorEl","customDate","setCustomDate","Date","dayjs","as_of_date","format","t","useTranslation","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","key","anchorRef","useRef","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","async","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","filtersConfig","map","filter","label","name","placeholder","apiType","valueKey","customFilter","multiple","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","getStartAndEndDate","isValid","toDate","useEffect","fetchCompanies","generateFields","ExportContainer","React","memo","jsx","Menu","Boolean","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","children","_a","option","index","MenuItem","onClick","Typography","type","weight","jsxs","className","style","zIndex","TitleDropdownButton","isMenuThirdItemDisabled","ReportButtons","length","TabBar","isTabViewOnly","Box","sx","justifyContent","my","mx","Fragment","show","showCancelButton","val","some","item","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","ref","KeyboardArrowDownIcon","includes","Button","palette","grey","bgcolor","variant","startIcon","ExportIcon","currentTarget","FilterIcon","Divider","flexItem","orientation","height","alignSelf","handleSelectChange","Checkbox","checked","marginLeft","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","src","images","common","expand","collapse","icon","CalendarIcon","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","Paper","ClickAwayListener","onClickAway","flexDirection","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date"],"mappings":"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"}

package/dist/components/reports-title-bar/reports-title-bar.d.ts

@@ -27,4 +27,5 @@ interface ActionBarPropsType extends Partial<TabProps>, IReportButtons {
     showCancelButton?: boolean;
 }
 declare const ReportsTitleBar: (props: ActionBarPropsType) => import("react/jsx-runtime").JSX.Element;
+export { ReportsTitleBar };
 export default ReportsTitleBar;

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js

@@ -1,14 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { useForm } from "react-hook-form";
 import { yupResolver as o } from "../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
 import * as Yup from "yup";
 import { useAuth } from "../../../hooks/useAuth/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import DynamicInput from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
-import Button from "../../button/button/index.esm.js";
-import Toast from "../../toast/toast/index.esm.js";
+import { DynamicInput } from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
+import { Toast } from "../../toast/toast/index.esm.js";
 import styled from "../../../node_modules/@mui/system/esm/styled/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { Eye } from "../../icons/eye/index.esm.js";
@@ -138,6 +138,7 @@ const ResetPasswordModal = ({ showModal, setShowModal }) => {
   ] });
 };
 export {
+  ResetPasswordModal,
   ResetPasswordModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}

package/dist/components/reset-password-modal/reset-password-modal/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../modal/modal/index.js"),o=require("react-hook-form"),t=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),a=require("yup"),n=require("../../../hooks/useAuth/index.js"),l=require("../../typography/typography/index.js"),i=require("../../form-control/form-builder/form-builder-element/text/index.js"),d=require("../../button/button/index.js"),u=require("../../toast/toast/index.js"),c=require("../../../node_modules/@mui/system/esm/styled/index.js"),m=require("../../../node_modules/@mui/material/Box/Box/index.js"),f=require("../../icons/eye/index.js"),p=require("../../icons/eye-off/index.js");function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,r}var x=/* @__PURE__ */h(a);const j=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})});exports.default=({showModal:a,setShowModal:h})=>{const{changeUserPassword:x}=n.useAuth(),[y,g]=r.useState(null),{control:w,handleSubmit:b}=o.useForm({resolver:t.yupResolver(j),mode:"all"}),[C,q]=r.useState(!1),[P,S]=r.useState(!1),[v,E]=r.useState(!1),O=c.default(m.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../modal/modal/index.js"),o=require("react-hook-form"),t=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),n=require("yup"),a=require("../../../hooks/useAuth/index.js"),l=require("../../typography/typography/index.js"),i=require("../../form-control/form-builder/form-builder-element/text/index.js"),d=require("../../button/button/index.js"),c=require("../../toast/toast/index.js"),u=require("../../../node_modules/@mui/system/esm/styled/index.js"),m=require("../../../node_modules/@mui/material/Box/Box/index.js"),p=require("../../icons/eye/index.js"),h=require("../../icons/eye-off/index.js");function f(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,r}var x=/* @__PURE__ */f(n);const j=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})}),y=({showModal:n,setShowModal:f})=>{const{changeUserPassword:x}=a.useAuth(),[y,g]=r.useState(null),{control:w,handleSubmit:b}=o.useForm({resolver:t.yupResolver(j),mode:"all"}),[C,P]=r.useState(!1),[q,D]=r.useState(!1),[S,v]=r.useState(!1),E=u.default(m.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{open:a,onClose:()=>h(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await x(e.login,(e,r)=>{r?(g({message:e,type:"normal"}),h(!1)):g({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(O,{gap:4,className:"popup-change-pass",children:[
-/* @__PURE__ */e.jsxs(O,{gap:2,children:[
+/* @__PURE__ */e.jsx(s.Modal,{open:n,onClose:()=>f(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await x(e.login,(e,r)=>{r?(g({message:e,type:"normal"}),f(!1)):g({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(E,{gap:4,className:"popup-change-pass",children:[
+/* @__PURE__ */e.jsxs(E,{gap:2,children:[
 /* @__PURE__ */e.jsxs(m.default,{children:[
 /* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Change Password"}),
 /* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter Details below"})]}),
-/* @__PURE__ */e.jsxs(O,{gap:2,children:[
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Current Password",name:"current_password",type:P?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:P?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>S(!P)})}),
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>q(!C)})}),
-/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Confirm Password",name:"confirm_password",type:v?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:v?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>E(!v),placeholder:"Enter confirm password"})})]})]}),
-/* @__PURE__ */e.jsx(O,{gap:2,children:/* @__PURE__ */e.jsx(d.default,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
-/* @__PURE__ */e.jsx(u.default,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>g(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
+/* @__PURE__ */e.jsxs(E,{gap:2,children:[
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Current Password",name:"current_password",type:q?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:q?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>D(!q)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>P(!C)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.DynamicInput,{formControl:w,label:"Confirm Password",name:"confirm_password",type:S?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:S?/* @__PURE__ */e.jsx(p.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(h.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>v(!S),placeholder:"Enter confirm password"})})]})]}),
+/* @__PURE__ */e.jsx(E,{gap:2,children:/* @__PURE__ */e.jsx(d.Button,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
+/* @__PURE__ */e.jsx(c.Toast,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>g(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};exports.ResetPasswordModal=y,exports.default=y;
 //# sourceMappingURL=index.js.map

package/dist/components/reset-password-modal/reset-password-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","ResetPasswordModal","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

package/dist/components/reset-password-modal/reset-password-modal.d.ts

@@ -2,4 +2,5 @@ declare const ResetPasswordModal: ({ showModal, setShowModal }: {
     showModal: any;
     setShowModal: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export { ResetPasswordModal };
 export default ResetPasswordModal;

package/dist/components/rfq-response/item-response-details/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { MaterialTable } from "../../material-table/material-table/index.esm.js";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useState, useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
-import ModalLoader from "../../loaders/modal-loader/index.esm.js";
+import { ModalLoader } from "../../loaders/modal-loader/index.esm.js";
 import { responseItemDetailsColumns } from "../../../utils/constant/index.esm.js";
 import { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from "../../../utils/common/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";