1"use strict";(self.webpackChunkboxit_webapp_v2=self.webpackChunkboxit_webapp_v2||[]).push([[3995],{26255:(e,n,t)=>{t.d(n,{A:()=>a});t(65043);const a=t.p+"static/media/arrow-up.6a910bcc89b428982a07f990f1a0661d.svg"},79436:(e,n,t)=>{t.d(n,{A:()=>a});t(65043);const a=t.p+"static/media/cross.cdda63d97d65cdd63f140961593b6c7e.svg"},19496:(e,n,t)=>{t.d(n,{A:()=>a});t(65043);const a=t.p+"static/media/search.523dfa57e312f6c1a0db4366343df2d8.svg"},51054:(e,n,t)=>{t.d(n,{A:()=>s});var a=t(89379),i=t(42518),l=(t(65043),t(28938)),r=t(70579);const o=(0,l.Ay)(i.A)((e=>{let{theme:n}=e;return{boxShadow:"none",textTransform:"none",fontWeight:600,"&:hover":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&.Mui-disabled":{color:"#eff4f7"}}})),s=e=>(i.A,e.className,(0,a.A)({},e.style),(0,r.jsx)(o,{variant:e.variant?e.variant:"contained",color:e.color,onClick:e.onClick,fullWidth:e.fullWidth,size:e.size?e.size:"large",startIcon:e.startIcon,endIcon:e.endIcon,disabled:e.disabled,style:{width:e.width},"data-testid":e.testId,type:e.type,children:e.children}))},46824:(e,n,t)=>{t.d(n,{A:()=>s});var a=t(65043),i=t(86347),l=(t(87151),t(74864),t(60446)),r=t.n(l),o=t(70579);const s=e=>{const[n,t]=(0,a.useState)([{startDate:new Date,endDate:new Date,key:"selection"}]);return(0,a.useEffect)((()=>{e.reset&&(()=>{const n={startDate:new Date,endDate:new Date,key:"selection"};t([n]),e.onReset&&e.onReset(!1)})()}),[e.reset]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{children:".rdrDefinedRangesWrapper {\n display:none;\n }\n .rdrCalendarWrapper{\n transform: scale(0.9);\n }"}),(0,o.jsx)(i.Ur,{ranges:n,onChange:n=>{e.onChange(n.selection),t([n.selection])},showDateDisplay:!1,startDatePlaceholder:e.placeholder||"",minDate:e.minDate?r()(e.minDate).toDate():void 0,maxDate:e.maxDate?r()(e.minDate).toDate():void 0,showMonthAndYearPickers:!1})]})}},90988:(e,n,t)=>{t.d(n,{A:()=>m});var a,i,l,r=t(57528),o=(t(65043),t(28938)),s=t(93942),d=t(70579);const c=o.Ay.div(a||(a=(0,r.A)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),u=o.Ay.h3(i||(i=(0,r.A)(["\n font-size: 1.25rem;\n font-weight: 600;\n"]))),p=o.Ay.button(l||(l=(0,r.A)(["\n background-color: transparent;\n color: ",";\n border: none;\n font-size: 0.875rem;\n font-weight: 400;\n cursor: pointer;\n &:disabled {\n color: ",";\n }\n"])),s.A.BLUE_500,s.A.BLUE_200),m=e=>(0,d.jsxs)(c,{children:[(0,d.jsx)(u,{children:"Filter"}),(0,d.jsx)(p,{onClick:()=>{e.handleReset()},disabled:!e.hasValues,children:"Reset Filter"})]})},97779:(e,n,t)=>{t.d(n,{A:()=>p});var a=t(57528),i=(t(65043),t(28938));const l=t.p+"static/media/close-circle.c82c538ba5d397596cad4ebcffc896ec.svg";var r,o,s=t(93942),d=t(70579);const c=i.Ay.div(r||(r=(0,a.A)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 0.4375rem;\n"]))),u=i.Ay.button(o||(o=(0,a.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n background-color: ",";\n border: none;\n border-radius: 0.5rem;\n padding: 0.4375rem 0.625rem;\n color: ",";\n cursor: pointer;\n"])),s.A.BLUE_500,s.A.WHITE),p=e=>(0,d.jsx)(c,{children:Object.keys(e.values).map((n=>e.values[n]?(0,d.jsxs)(u,{onClick:()=>{e.onResetFilterItem(n)},children:[e.values[n]," ",(0,d.jsx)("img",{src:l})]},e.values[n]):null))})},70479:(e,n,t)=>{t.d(n,{x:()=>i});var a=t(72895);const i=[{label:"Less than or equal",value:a.A.LESS_THAN_OR_EQUAL},{label:"Equal to",value:a.A.EQUAL},{label:"Greater than or equal",value:a.A.GREATER_THAN_OR_EQUAL}]},59290:(e,n,t)=>{t.d(n,{A:()=>w});var a,i,l,r,o,s,d=t(57528),c=(t(65043),t(28938)),u=t(54325),p=t(79436),m=t(93942),h=t(51054),A=t(83462),x=t(70579);const y=c.Ay.div(a||(a=(0,d.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n background-color: ",";\n padding: 2.625rem;\n gap: 2rem;\n overflow-y: auto;\n\n @media (max-width: 1100px) {\n width: 100%;\n padding: 1.5rem;\n }\n"])),m.A.WHITE),f=c.Ay.div(i||(i=(0,d.A)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n h2 {\n font-size: 2rem;\n }\n"]))),v=c.Ay.div(l||(l=(0,d.A)(["\n @media (max-width: 1100px) {\n width: 100%;\n }\n"]))),g=c.Ay.div(r||(r=(0,d.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2.5rem;\n"]))),b=c.Ay.button(o||(o=(0,d.A)(["\n background-color: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;
1\n cursor: pointer;\n"]))),j=(0,c.Ay)(b)(s||(s=(0,d.A)(["\n position: absolute;\n top: 2.625rem;\n right: 2.625rem;\n z-index: 1;\n\n @media (max-width: 1100px) {\n top: 1.5rem;\n right: 1.5rem;\n }\n"]))),w=e=>{const n=!!e.title;return(0,x.jsx)(A.A,{onClose:e.onCancel,open:e.isVisible||!1,maxWidth:"xl",scroll:"paper",PaperProps:{ref:e.paperRef},children:(0,x.jsxs)(y,{ref:e.containerRef,children:[n?(0,x.jsxs)(f,{children:[(0,x.jsx)("h2",{children:e.title}),(0,x.jsx)(b,{onClick:e.onCancel,"data-testid":"layover-close-icon",children:(0,x.jsx)("img",{src:p.A})})]}):(0,x.jsx)(j,{onClick:e.onCancel,"data-testid":"layover-close-icon","aria-label":"Close",children:(0,x.jsx)("img",{src:p.A})}),(0,x.jsx)(v,{children:e.children}),e.actions&&(0,x.jsx)(g,{children:e.actions.map(((e,n)=>e&&(0,x.jsx)(h.A,{disabled:e.isDisabled,variant:e.type===u.G.PRIMARY?"contained":"outlined",onClick:e.onClick,width:e.width,testId:e.testId,children:e.text},n)))})]})})}},54325:(e,n,t)=>{t.d(n,{G:()=>a});let a=function(e){return e[e.PRIMARY=0]="PRIMARY",e[e.SECONDARY=1]="SECONDARY",e}({})},75672:(e,n,t)=>{t.d(n,{A:()=>d});var a,i=t(57528),l=t(81637),r=(t(65043),t(28938)),o=t(70579);const s=r.Ay.div(a||(a=(0,i.A)(["\n flex: 1;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10rem;\n"]))),d=()=>(0,o.jsx)(s,{children:(0,o.jsx)(l.A,{})})},92584:(e,n,t)=>{t.d(n,{A:()=>v});var a,i,l,r,o=t(57528),s=t(72221),d=t(37970),c=t(59135),u=t(65043),p=t(28938),m=t(93942),h=t(70579);const A=p.Ay.div(a||(a=(0,o.A)(["\n width: 100%;\n padding: ",";\n"])),(e=>e.$noPadding?"0rem":"1.5rem")),x=p.Ay.div(i||(i=(0,o.A)(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding-top: 1.5rem;\n border-top: 1px solid ",";\n\n @media (max-width: 640px) {\n flex-direction: column;\n align-items: flex-start;\n }\n"])),m.A.GREY_200),y=p.Ay.div(l||(l=(0,o.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.3125rem;\n"]))),f=p.Ay.div(r||(r=(0,o.A)(["\n transform: scale(0.8);\n"]))),v=e=>{const[n,t]=(0,u.useState)(10),[a,i]=(0,u.useState)(1);return(0,u.useEffect)((()=>{a!==e.currentSkip/n+1&&i(e.currentSkip/n+1)}),[e.currentSkip]),(0,h.jsx)(A,{$noPadding:e.noPadding,children:(0,h.jsxs)(x,{children:[(0,h.jsxs)(y,{children:[(0,h.jsx)("span",{children:"Show"}),(0,h.jsx)(f,{children:(0,h.jsxs)(s.A,{labelId:"demo-simple-select-autowidth-label",id:"demo-simple-select-autowidth",value:"".concat(n),onChange:n=>{i(1),t(parseInt(n.target.value)),e.setLimit(parseInt(n.target.value))},autoWidth:!0,children:[(0,h.jsx)(d.A,{value:"10",children:"10"}),(0,h.jsx)(d.A,{value:"25",children:"25"}),(0,h.jsx)(d.A,{value:"50",children:"50"})]})}),(0,h.jsx)("span",{children:"Results"})]}),(0,h.jsx)(c.A,{count:e.totalRecords?Math.ceil(e.totalRecords/n):0,color:"primary",size:"large",variant:"outlined",shape:"rounded",onChange:(t,a)=>{i(a),e.setSkip((a-1)*n)},page:a})]})})}},18956:(e,n,t)=>{t.d(n,{A:()=>c});var a=t(89379),i=(t(65043),t(79190)),l=t(37970),r=t(53193),o=t(72221),s=t(81673),d=t(70579);const c=function(e){return(0,d.jsxs)(r.A,{error:e.isError,sx:{borderRadius:"4.469px",width:"100%",fontWeight:"400"},children:[e.label&&(0,d.jsx)(i.A,{id:"demo-simple-select-label",sx:{top:"0"},children:e.label}),(0,d.jsx)(o.A,{defaultValue:e.defaultValue,labelId:"demo-simple-select-label",id:"demo-simple-select",value:e.value,label:e.label,name:e.name,onChange:n=>{const t=n.target.value;e.onChange&&e.onChange(t)},disabled:e.disabled,inputProps:{readOnly:e.readOnly},style:{zIndex:"1002"},"data-testid":e.testId,sx:(0,a.A)({},e.style),children:e.options.map((e=>
1(0,d.jsxs)(l.A,{value:e.value,style:{top:"0 !important"},children:[e.flag&&(0,d.jsx)("img",{src:e.flag,alt:e.label,style:{width:"20px",height:"15px",objectFit:"cover",marginRight:"8px"}}),e.label]},e.value)))}),(0,d.jsx)(s.A,{children:e.errorMessage})]})}},3982:(e,n,t)=>{t.d(n,{A:()=>w});var a,i,l=t(57528),r=t(65043),o=t(71806),s=t(73460),d=t(10039),c=t(79650),u=t(84882),p=t(28076),m=t(58093),h=t(28938),A=t(93942),x=t(51962),y=t(70579);const f=(0,h.Ay)(c.A)(a||(a=(0,l.A)(['\n box-shadow: "none";\n @media (max-width: 1050px) {\n width: 100%;\n overflow-x: auto;\n }\n']))),v=(0,h.Ay)(o.A)(i||(i=(0,l.A)(["\n border-collapse: separate;\n border: 1px solid ",";\n border-radius: 0.75rem;\n overflow: hidden;\n min-width: 100%;\n"])),A.A.GREY_200),g=(0,h.Ay)(u.A)({backgroundColor:"#F9FCFD"}),b=(0,h.Ay)(d.A)({fontSize:"1rem",fontWeight:600,color:"".concat(A.A.DARK_GREEN)}),j=(0,h.Ay)(d.A)({width:"52px",paddingLeft:"4px",paddingRight:0,textAlign:"center"}),w=e=>{const[n,t]=(0,r.useState)(!1),[a,i]=(0,r.useState)("down"),l=()=>{"down"===a?(i("up"),e.setSort&&e.setSort(1)):(i("down"),e.setSort&&e.setSort(-1))};return(0,r.useEffect)((()=>{e.onSelectAllchange&&e.onSelectAllchange(n)}),[n]),(0,r.useEffect)((()=>{var a;e.isSelectAll!==n&&t(null!==(a=e.isSelectAll)&&void 0!==a&&a)}),[e.isSelectAll]),(0,y.jsx)(f,{children:(0,y.jsxs)(v,{"aria-label":"simple table",children:[(0,y.jsx)(g,{children:(0,y.jsxs)(p.A,{children:[e.hasSelectAll&&(0,y.jsx)(j,{padding:"checkbox",align:"center",children:(0,y.jsx)(x.A,{checked:n,indeterminate:e.isIntermidate,onChange:()=>{t(!n),e.onIntermediatechange&&e.onIntermediatechange(!1)}})}),e.columns.map(((n,t)=>{var i,r;const o=null===(i=e.sortableColumns)||void 0===i?void 0:i[n];if(null!=o){var s,d,c,u;const a=(null===(s=e.sortState)||void 0===s?void 0:s.sortBy)===o.sortBy?e.sortState.direction.toLowerCase():(null!==(d=o.defaultDirection)&&void 0!==d?d:"ASC").toLowerCase();return(0,y.jsx)(b,{sortDirection:(null===(c=e.sortState)||void 0===c?void 0:c.sortBy)===o.sortBy&&a,children:(0,y.jsx)(m.A,{active:(null===(u=e.sortState)||void 0===u?void 0:u.sortBy)===o.sortBy,direction:a,onClick:()=>{(n=>{var t,a,i,l,r;const o=null===(t=e.sortableColumns)||void 0===t?void 0:t[n];if(null==o)return;const s=(null===(a=e.sortState)||void 0===a?void 0:a.sortBy)===o.sortBy?"ASC"===(null===(i=e.sortState)||void 0===i?void 0:i.direction)?"DESC":"ASC":null!==(l=o.defaultDirection)&&void 0!==l?l:"ASC";null===(r=e.onSortChange)||void 0===r||r.call(e,{sortBy:o.sortBy,direction:s})})(n)},children:n})},t)}return e.sortedFields&&(null===(r=e.sortedFields)||void 0===r?void 0:r.length)>0&&e.sortedFields.includes(n)?(0,y.jsxs)(b,{children:[n,(0,y.jsx)(m.A,{active:!0,direction:"down"===a?"desc":"asc",onClick:l})]},t):(0,y.jsx)(b,{children:n},t)}))]})}),(0,y.jsx)(s.A,{children:e.children})]})})}},2911:(e,n,t)=>{t.d(n,{A:()=>l});var a=t(65043);function i(){const{innerWidth:e,innerHeight:n}=window;return{width:e,height:n}}function l(){const[e,n]=(0,a.useState)(i());return(0,a.useEffect)((()=>{function e(){n(i())}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),e}},66200:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Xe});var a=t(57528),i=t(65043),l=t(28938),r=t(93942),o=t(92584),s=t(5137),d=t(81373),c=t(75672),u=t(23370),p=t(28076),m=t(10039),h=t(77739),A=t(17392),x=t(59662),y=t(70579);const f=(0,x.A)((0,y.jsx)("path",{d:"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"}),"Download"),v=(0,x.A)((0,y.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility");var g,b,j,w=t(46987),C=t(77154);const S=l.Ay.p(g||(g=(0,a.A)(["\n font-weight: 500;\n font-size: 0.875rem;\n color: ",";\n margin: 0;\n"])),r.A.DARK_GREEN),R=l.Ay.p(b||(b=(0,a.A)(["\n font-weight: 400;\n font-size: 0.875rem;\n color: ",";\n margin: 0;\n"])),r.A.GREY_600),E=e=>{let{payment:n}=e;const[t,a]=(0,i.useState)(!1),l="https://api.boxitstorage.com";return(0,y.jsxs)(p.A,{hover:!0,sx:{"&:last-child td, &:last-child th":{border:0}},style:{cursor:"pointer"},children:[(0,y.jsx)(m.A,{component:"th",scope:"row",children:(0,y.jsxs)(S,{children:["#",n.id]})}),(0,y.jsx)(m.A,{align:"left",children:(0,y.jsx)(R,{children:(c=n.createdAt,(0,u.GP)(new Date(c),"dd/MM/yyyy HH:mm"))})}),(0,y.jsx)(m.A,{align:"left",children:(0,y.jsx)(R,{children:(d=n.mode,"cod"===d?"COD":"pos_sab"===d?"POS SAB":d.split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "))})}),(0,y.jsx)(m.A,{align:"left",children:(0,y.jsx)(R,{children:(o=n.amount,s=n.currency,"".concat((o/1e4).toFixed(3)," ").concat(s))})}),(0,y.jsx)(m.A,{align:"left",children:(0,y.jsxs)(I,{children:[(0,y.jsx)(h.A,{title:"Preview Receipt",children:(0,y.jsx)(A.A,{size:"small",onClick:e=>{e.stopPropagation(),(async()=>{try{a(!0);const e="".concat(l,"/pdf/receipt?id=").concat(n.id);window.open(e,"_blank"),a(!1)}catch(e){console.error("Error previewing receipt:",e),(0,w.M8)("Failed to preview receipt",{variant:"error"}),a(!1)}})()},disabled:t,children:(0,y.jsx)(v,{fontSize:"small",sx:{color:r.A.PRIMARY}})})}),(0,y.jsx)(h.A,{title:"Download Receipt",children:(0,y.jsx)(A.A,{size:"small",onClick:e=>{e.stopPropagation(),(async()=>{try{a(!0);const e="".concat(l,"/pdf/receipt?id=").concat(n.id),t=await C.A.get(e,{responseType:"blob"}),i=window.URL.createObjectURL(new Blob([t.data])),r=document.createElement("a");r.href=i,r.setAttribute("download","Receipt-".concat(n.id,".pdf")),document.body.appendChild(r),r.click(),document.body.removeChild(r),(0,w.M8)("Receipt downloaded successfully",{variant:"success"})}catch(e){console.error("Error downloading receipt:",e),(0,w.M8)("Failed to download receipt",{variant:"error"})}finally{a(!1)}})()},disabled:t,children:(0,y.jsx)(f,{fontSize:"small",sx:{color:r.A.PRIMARY}})})})]})})]},n.id);
1var o,s,d,c},I=l.Ay.div(j||(j=(0,a.A)(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));const k=t(60814).q.injectEndpoints({endpoints:e=>({listPayments:e.query({query:e=>({url:"/api/v1/payments/list",method:"POST",body:e})})}),overrideExisting:!1}),{useListPaymentsQuery:_,useLazyListPaymentsQuery:D}=k;var z=t(3982),M=t(7353),F=t(85865);const B=(0,x.A)((0,y.jsx)("path",{d:"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"}),"InfoOutlined");var P,O,L,T;const N=l.Ay.div(P||(P=(0,a.A)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: 2rem;\n padding: 1.5rem;\n padding-bottom: 0;\n\n button {\n height: 3rem !important;\n }\n"]))),G=l.Ay.div(O||(O=(0,a.A)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n input {\n width: 25.875rem;\n }\n"]))),U=(l.Ay.div(L||(L=(0,a.A)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n"]))),l.Ay.h4(T||(T=(0,a.A)([""]))),e=>(0,y.jsx)(N,{children:(0,y.jsx)(G,{children:(0,y.jsx)("div",{})})}));var Y,W,$,q,H,Q,V,X=t(89379),K=t(72895),J=t(51054),Z=t(67784),ee=t(51787),ne=t(19496),te=t(90988),ae=t(97779),ie=t(26255),le=t(18956),re=t(70479),oe=t(2911),se=t(59290),de=t(46824);const ce=l.Ay.form(Y||(Y=(0,a.A)(["\n width: 23rem;\n margin-left: 1.5rem;\n border: 1px solid ",";\n border-radius: 1rem;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 1.5rem;\n"])),r.A.GREY_200),ue=l.Ay.form(W||(W=(0,a.A)(["\n width: 29rem;\n border: 1px solid ",";\n border-radius: 1rem;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 1.5rem;\n\n @media (max-width: 450px) {\n width: 25rem;\n }\n\n @media (max-width: 400px) {\n width: 23rem;\n }\n"])),r.A.GREY_200),pe=l.Ay.div($||($=(0,a.A)(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n"]))),me=l.Ay.div(q||(q=(0,a.A)(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n"]))),he=l.Ay.div(H||(H=(0,a.A)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: 1rem;\n width: 100%;\n overflow: hidden;\n padding: ",";\n height: ",";\n transition: all 0.3s;\n"])),(e=>e.$isCollapsed?"0":"0.5rem 0"),(e=>e.$isCollapsed?"0rem":"auto")),Ae=l.Ay.button(Q||(Q=(0,a.A)(["\n width: 100%;\n background-color: transparent;\n border: none;\n padding: 1rem 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5rem;\n cursor: pointer;\n\n img {\n transform: ",";\n transition: all 0.2s;\n }\n span {\n font-size: 1rem;\n font-weight: 400;\n text-align: start;\n }\n"])),(e=>e.$isCollapsed?"rotate(180deg)":"none")),xe=l.Ay.div(V||(V=(0,a.A)(["\n transform: scale(0.8);\n\n @media (max-width: 450px) {\n width: 20rem;\n margin-left: -11rem;\n }\n"]))),ye=e=>{const{width:n,height:t}=(0,oe.A)(),[a,l]=(0,i.useState)({}),[r,o]=(0,i.useState)({}),[s,d]=(0,i.useState)({}),[c,p]=(0,i.useState)(!1),[m,h]=(0,i.useState)([]);(0,i.useEffect)((()=>{const n={};e.filterFields.forEach((e=>{n[e.name]=""})),l(n),o({})}),[e.filterFields]);const A=n=>{n.preventDefault();const t=Object.entries(a).reduce(((e,n)=>{let[t,a]=n;return a&&""!==a.trim()&&(e[t]=a.trim()),e}),{});o(t),e.onFiltersChange(t,m)},x=e=>{const{name:n,value:t}=e.target;l((e=>(0,X.A)((0,X.A)({},e),{},{[n]:t})))},f=n=>{l((e=>(0,X.A)((0,X.A)({},e),{},{[n]:""}))),o((t=>{const a=Object.fromEntries(Object.entries(t).filter((e=>{let[t]=e;return t!==n})));return e.onFiltersChange(a,m),a})),(n.includes("$gte")||n.includes("$lte"))&&p(!0)},v=()=>{p(!0);const n=Object.keys(a).reduce(((e,n)=>(e[n]="",e)),{});l(n),o({}),e.onFiltersChange({},[])},g=e=>{d((n=>(0,X.A)((0,X.A)({},n),{},{[e]:!n[e]})))};return n<1380?(0,y.jsx)(se.A,{onCancel:e.onCancelModal,isVisible:!0,children:(0,y.jsxs)(ue,{onSubmit:n=>{n.preventDefault(),A(n),e.onCancelModal()},children:[(0,y.jsx)(te.A,{handleReset:v,hasValues:!Object.values(r).every((e=>null===e||""===e))}),(0,y.jsx)(ae.A,{values:r,onResetFilterItem:f}),(0,y.jsx)(pe,{children:e.filterFields.map((n=>{var t,i,r;return(0,y.jsxs)(me,{children:[(0,y.jsxs)(Ae,{onClick:()=>{g(n.name)},$isCollapsed:!s[n.name],type:"button",children:[(0,y.jsxs)("span",{children:["Search by ",n.label]}),(0,y.jsx)("img",{src:ie.A})]}),(0,y.jsxs)(he,{$isCollapsed:!s[n.name],children:[n.isQuery&&(0,y.jsx)(le.A,{options:re.x,value:null!==(t=null===(i=m.find((e=>e.fieldName===n.name)))||void 0===i?void 0:i.query)&&void 0!==t?t:K.A.EQUAL,onChange:e=>{const t={fieldName:n.name,query:e}
1,a=m.findIndex((e=>e.fieldName===n.name));h(-1!==a?e=>{const n=[...e];return n[a]=t,[...n]}:e=>[...e,t])}}),n.type===K.U.DATE&&(0,y.jsx)(xe,{children:(0,y.jsx)(de.A,{"data-testid":n.testId,onChange:t=>{var a,i;const r=(0,u.GP)(null===t||void 0===t?void 0:t.startDate,null!==(a=e.dateFormat)&&void 0!==a?a:"yyyy-MM-dd"),o=(0,u.GP)(null===t||void 0===t?void 0:t.endDate,null!==(i=e.dateFormat)&&void 0!==i?i:"yyyy-MM-dd");l(r!==o?e=>(0,X.A)((0,X.A)({},e),{},{["".concat(n.name,"$gte")]:r,["".concat(n.name,"$lte")]:o}):e=>(0,X.A)((0,X.A)({},e),{},{["".concat(n.name,"$gte")]:r,["".concat(n.name,"$lte")]:null}))},reset:c,onReset:p})}),n.type===K.U.TEXT&&(0,y.jsx)(Z.A,{placeholder:n.placeholder,onChange:x,name:n.name,label:n.label,variant:"outlined","data-testid":n.testId,value:a[n.name]||"",fullWidth:!0,InputProps:{endAdornment:(0,y.jsx)(ee.A,{position:"end",children:(0,y.jsx)("img",{src:ne.A,alt:"search"})})}}),n.type===K.U.SELECT&&(0,y.jsx)(le.A,{options:null!==(r=n.options)&&void 0!==r?r:[],onChange:e=>{l((t=>(0,X.A)((0,X.A)({},t),{},{[n.name]:e})))},name:n.name,"data-testid":n.testId,label:n.label,value:a[n.name]||""})]})]},n.name)}))}),(0,y.jsx)(J.A,{fullWidth:!0,disabled:Object.values(a).every((e=>!e||""===e.trim())),onClick:A,type:"button",children:"Apply Filter"})]})}):(0,y.jsxs)(ce,{onSubmit:e=>{e.preventDefault(),A(e)},children:[(0,y.jsx)(te.A,{handleReset:v,hasValues:!Object.values(r).every((e=>null===e||""===e))}),(0,y.jsx)(ae.A,{values:r,onResetFilterItem:f}),(0,y.jsx)(pe,{children:e.filterFields.map((n=>{var t,i,r;return(0,y.jsxs)(me,{children:[(0,y.jsxs)(Ae,{onClick:()=>{g(n.name)},$isCollapsed:!s[n.name],type:"button",children:[(0,y.jsxs)("span",{children:["Search by ",n.label]}),(0,y.jsx)("img",{src:ie.A})]}),(0,y.jsxs)(he,{$isCollapsed:!s[n.name],children:[n.isQuery&&(0,y.jsx)(le.A,{options:re.x,value:null!==(t=null===(i=m.find((e=>e.fieldName===n.name)))||void 0===i?void 0:i.query)&&void 0!==t?t:K.A.EQUAL,onChange:e=>{const t={fieldName:n.name,query:e},a=m.findIndex((e=>e.fieldName===n.name));h(-1!==a?e=>{const n=[...e];return n[a]=t,[...n]}:e=>[...e,t])}}),n.type===K.U.DATE&&(0,y.jsx)(xe,{children:(0,y.jsx)(de.A,{"data-testid":n.testId,onChange:t=>{var a,i;const r=(0,u.GP)(null===t||void 0===t?void 0:t.startDate,null!==(a=e.dateFormat)&&void 0!==a?a:"dd-MM-yyyy"),o=(0,u.GP)(null===t||void 0===t?void 0:t.endDate,null!==(i=e.dateFormat)&&void 0!==i?i:"dd-MM-yyyy");l(r!==o?e=>(0,X.A)((0,X.A)({},e),{},{["".concat(n.name,"$gte")]:r,["".concat(n.name,"$lte")]:o}):e=>(0,X.A)((0,X.A)({},e),{},{["".concat(n.name,"$gte")]:r,["".concat(n.name,"$lte")]:null}))},reset:c,onReset:p})}),n.type===K.U.TEXT&&(0,y.jsx)(Z.A,{placeholder:n.placeholder,onChange:x,name:n.name,label:n.label,variant:"outlined","data-testid":n.testId,value:a[n.name]||"",fullWidth:!0,InputProps:{endAdornment:(0,y.jsx)(ee.A,{position:"end",children:(0,y.jsx)("img",{src:ne.A,alt:"search"})})}}),n.type===K.U.SELECT&&(0,y.jsx)(le.A,{options:null!==(r=n.options)&&void 0!==r?r:[],onChange:e=>{l((t=>(0,X.A)((0,X.A)({},t),{},{[n.name]:e})))},name:n.name,"data-testid":n.testId,label:n.label,value:a[n.name]||""})]})]},n.name)}))}),(0,y.jsx)(J.A,{fullWidth:!0,disabled:Object.values(a).every((e=>!e||""===e.trim())),onClick:A,type:"button",children:"Apply Filter"})]})};var fe,ve,ge,be,je,we=t(80899);const Ce=e=>{var n,t;return{id:e.id,type:e.type,mode:e.mode,currency:e.currency,amount:e.amount,status:e.status,paidAt:null!==(n=e.paidAt)&&void 0!==n?n:null,data:e.data,createdAt:e.createdAt,updatedAt:e.updatedAt,deletedAt:null,userId:e.userId,creatorId:null!==(t=e.creatorId)&&void 0!==t?t:0,partnerId:e.partnerId,countryId:e.countryId,revision:0,user:{id:e.user.id,name:e.user.name,email:e.user.email,phone:e.user.phone,countryId:e.country.id,type:""}}},Se=e=>e===Re.credits?[]:null!=e&&""!==e?[e]:Ee,Re={credits:"credits",cod:"cod",tap:"tap",payfort:"payfort",cheque:"cheque",bank_deposit:"bank_deposit",bank_transfer:"bank_transfer",deposit:"deposit",payfort_kema:"payfort_kema",manual_tap:"manual_tap",manual_payfort:"manual_payfort",pos_sab:"pos_sab"},Ee=[Re.cod,Re.tap,Re.payfort,Re.cheque,Re.bank_deposit,Re.bank_transfer,Re.deposit,Re.payfort_kema,Re.manual_tap,Re.manual_payfort,Re.pos_sab],Ie=["ID","Date","Mode","Amount","Receipt"],ke={ID:{sortBy:"id",defaultDirection:"DESC"},Date:{sortBy:"createdAt",defaultDirection:"DESC"},Mode:{sortBy:"mode"},Amount:{sortBy:"amount"}},_e="pending",De="complete",ze="failed",Me="refunded",Fe=e=>e.split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "),Be=[{name:"status",label:"Status",type:K.U.SELECT,options:[{value:De,label:"Complete"},{value:_e,label:"Pending"},{value:ze,label:"Failed"},{value:Me,label:"Refunded"}
1],validationSchema:we.Yj()},{name:"mode",label:"Payment Method",type:K.U.SELECT,options:[{value:Re.credits,label:Fe(Re.credits)},{value:Re.cod,label:"COD"},{value:Re.tap,label:"Tap"},{value:Re.payfort,label:"Payfort"},{value:Re.cheque,label:"Cheque"},{value:Re.bank_deposit,label:Fe(Re.bank_deposit)},{value:Re.bank_transfer,label:Fe(Re.bank_transfer)},{value:Re.deposit,label:"Deposit"},{value:Re.payfort_kema,label:Fe(Re.payfort_kema)},{value:Re.manual_tap,label:Fe(Re.manual_tap)},{value:Re.manual_payfort,label:Fe(Re.manual_payfort)},{value:Re.pos_sab,label:"POS SAB"}],validationSchema:we.Yj()}],Pe=l.Ay.div(fe||(fe=(0,a.A)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 34px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 12px;\n border: 1px solid ",";\n background: ",";\n margin-top: 2rem;\n"])),r.A.GREY_200,r.A.WHITE),Oe=l.Ay.div(ve||(ve=(0,a.A)(["\n width: 100%;\n padding: 0 2.5rem;\n"]))),Le=l.Ay.div(ge||(ge=(0,a.A)(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-start;\n"]))),Te=l.Ay.div(be||(be=(0,a.A)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n width: 100%;\n"]))),Ne=l.Ay.div(je||(je=(0,a.A)(["\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 400px;\n"]))),Ge=()=>{var e,n;const[t,a]=(0,i.useState)(10),[l,u]=(0,i.useState)(0),[p,m]=(0,i.useState)(""),[h,A]=(0,i.useState)(!1),[x,f]=(0,i.useState)({}),[v,g]=(0,i.useState)({sortBy:"createdAt",direction:"DESC"}),b=(0,s.d4)(d.xu),j=x.mode,w=j===Re.credits,{data:C,isLoading:S,isFetching:R}=_({userIds:null!=(null===b||void 0===b?void 0:b.id)?[b.id]:void 0,limit:t,page:Math.floor(l/t)+1,searchTerm:""!==p?p:void 0,statuses:[De],modes:Se(j),sortBy:v.sortBy,sortOrder:v.direction},{skip:null==(null===b||void 0===b?void 0:b.id)||w}),I=w?{total:0,data:[]}:{total:null!==(e=null===C||void 0===C?void 0:C.totalCount)&&void 0!==e?e:0,data:(null!==(n=null===C||void 0===C?void 0:C.results)&&void 0!==n?n:[]).map(Ce)};(0,i.useEffect)((()=>{null!==b&&void 0!==b&&b.id&&u(0)}),[null===b||void 0===b?void 0:b.id]);const k=S||R,D=0===I.data.length;return(0,y.jsxs)(Pe,{children:[(0,y.jsx)(U,{onIsFilterOpenChange:e=>{A(e)},searchQueryChange:e=>{setTimeout((()=>{u(0),m(e)}),1e3)},isFilterOpen:h}),(0,y.jsxs)(Le,{children:[(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(Te,{children:[h&&(0,y.jsx)(ye,{onCancelModal:()=>{A(!1)},filterFields:Be,onFiltersChange:(e,n)=>{f(e),u(0)},onReset:()=>{f({})}}),!D&&!k&&(0,y.jsx)(Oe,{children:(0,y.jsx)(z.A,{columns:Ie,sortableColumns:ke,sortState:v,onSortChange:e=>{u(0),g(e)},children:(null===I||void 0===I?void 0:I.data)&&I.data.map((e=>(0,y.jsx)(E,{payment:e},e.id)))})}),!k&&D&&(0,y.jsx)(Ne,{children:(0,y.jsxs)(M.A,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",children:[(0,y.jsx)(B,{style:{width:"80px",height:"80px",marginBottom:"16px",color:r.A.GREY_400}}),(0,y.jsx)(F.A,{variant:"h6",gutterBottom:!0,children:"No payments found"}),(0,y.jsx)(F.A,{variant:"body2",color:"textSecondary",children:"You don't have any payments yet"})]})}),k&&(0,y.jsx)(c.A,{})]})}),(0,y.jsx)(o.A,{totalRecords:I.total,currentSkip:l,setLimit:e=>{a(e),u(0)},setSkip:e=>{u(e)}})]})]})};var Ue,Ye,We,$e;const qe=l.Ay.div(Ue||(Ue=(0,a.A)(["\n background-color: ",";\n padding: 1.5rem;\n border-radius: 1rem;\n border: 1px solid ",";\n"])),r.A.WHITE,r.A.GREY_200),He=l.Ay.div(Ye||(Ye=(0,a.A)(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 0.3rem;\n"]))),Qe=l.Ay.p(We||(We=(0,a.A)(["\n color: ",";\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 400;\n @media (min-width: 480px) {\n font-size: 2.5rem;\n }\n"])),r.A.DARK_GREEN),Ve=l.Ay.h4($e||($e=(0,a.A)(["\n font-size: 1rem;\n color: ",";\n font-weight: 300;\n"])),r.A.GREY_500),Xe=()=>(0,y.jsxs)(qe,{children:[(0,y.jsxs)(He,{children:[(0,y.jsx)(Qe,{children:"Payments History"}),(0,y.jsx)(Ve,{children:"View your payment history and transaction details."})]}),(0,y.jsx)(Ge,{})]})},7353:(e,n,t)=>{t.d(n,{A:()=>v});var a=t(89379),i=t(80045),l=t(65043),r=t(58387),o=t(7518),s=t(58812),d=t(18698),c=t(43898),u=t(70579);const p=["className","component"];var m=t(79386),h=t(63930),A=t(13375);const x=(0,t(92532).A)("MuiBox",["root"]),y=(0,h.A)(),f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{themeId:n,defaultTheme:t,defaultClassName:m="MuiBox-root",generateClassName:h}=e,A=(0,o.Ay)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(s.A);return l.forwardRef((function(e,l){const o=(0,c.A)(t),s=(0,d.A)(e),{className:x,component:y="div"}=s,f=(0,i.A)(s,p);return(0,u.jsx)(A,(0,a.A)({as:y,ref:l,className:(0,r.A)(x,h?h(m):m),theme:n&&o[n]||o},f))}))}({themeId:A.A,defaultTheme:y,defaultClassName:x.root,generateClassName:m.A.generate}),v=f},17392:(e,n,t)=>{t.d(n,{A:()=>j});var a=t(89379),i=t(80045),l=t(65043),r=t(58387),o=t(98610),s=t(39768),d=t(34535),c=t(56262),u=t(52445),p=t(98206),m=t(64551),h=t(6803),A=t(92532),x=t(72372);function y(e){return(0,x.Ay)("MuiIconButton",e)}const f=(0,A.A)("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]);
1var v=t(70579);const g=["edge","children","className","color","disabled","disableFocusRipple","size"],b=(0,d.Ay)(m.A,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"default"!==t.color&&n["color".concat((0,h.A)(t.color))],t.edge&&n["edge".concat((0,h.A)(t.edge))],n["size".concat((0,h.A)(t.size))]]}})((0,c.A)((e=>{let{theme:n}=e;return{textAlign:"center",flex:"0 0 auto",fontSize:n.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(n.vars||n).palette.action.active,transition:n.transitions.create("background-color",{duration:n.transitions.duration.shortest}),variants:[{props:e=>!e.disableRipple,style:{"--IconButton-hoverBg":n.vars?"rgba(".concat(n.vars.palette.action.activeChannel," / ").concat(n.vars.palette.action.hoverOpacity,")"):(0,s.X4)(n.palette.action.active,n.palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]}})),(0,c.A)((e=>{let{theme:n}=e;return{variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(n.palette).filter((0,u.A)()).map((e=>{let[t]=e;return{props:{color:t},style:{color:(n.vars||n).palette[t].main}}})),...Object.entries(n.palette).filter((0,u.A)()).map((e=>{let[t]=e;return{props:{color:t},style:{"--IconButton-hoverBg":n.vars?"rgba(".concat((n.vars||n).palette[t].mainChannel," / ").concat(n.vars.palette.action.hoverOpacity,")"):(0,s.X4)((n.vars||n).palette[t].main,n.palette.action.hoverOpacity)}}})),{props:{size:"small"},style:{padding:5,fontSize:n.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:n.typography.pxToRem(28)}}],["&.".concat(f.disabled)]:{backgroundColor:"transparent",color:(n.vars||n).palette.action.disabled}}}))),j=l.forwardRef((function(e,n){const t=(0,p.b)({props:e,name:"MuiIconButton"}),{edge:l=!1,children:s,className:d,color:c="default",disabled:u=!1,disableFocusRipple:m=!1,size:A="medium"}=t,x=(0,i.A)(t,g),f=(0,a.A)((0,a.A)({},t),{},{edge:l,color:c,disabled:u,disableFocusRipple:m,size:A}),j=(e=>{const{classes:n,disabled:t,color:a,edge:i,size:l}=e,r={root:["root",t&&"disabled","default"!==a&&"color".concat((0,h.A)(a)),i&&"edge".concat((0,h.A)(i)),"size".concat((0,h.A)(l))]};return(0,o.A)(r,y,n)})(f);return(0,v.jsx)(b,(0,a.A)((0,a.A)({className:(0,r.A)(j.root,d),centerRipple:!0,focusRipple:!m,disabled:u,ref:n},x),{},{ownerState:f,children:s}))}))}}]); 2//# sourceMappingURL=3995.f986aefb.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.