1"use strict";(self.webpackChunkweb_frontend_reactjs=self.webpackChunkweb_frontend_reactjs||[]).push([[2472],{2514:(n,e,t)=>{t.d(e,{A:()=>o});var a=t(9950),i=t(44414);const o=n=>{let{children:e,text:t}=n;const[o,r]=(0,a.useState)(!1);return(0,i.jsxs)("div",{className:"tooltip-container",style:{position:"relative",display:"inline-block"},onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[e,t?(0,i.jsx)("div",{className:"tooltip",style:{position:"absolute",top:o?"calc(50% - 70px)":"calc(50% - 50px)",left:"50%",transform:"translateX(-50%)",backgroundColor:"gray",color:"#fff",padding:"10px",fontSize:"13px",borderRadius:"4px",zIndex:9999,boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)",transition:"top 0.5s ease, opacity 0.5s ease",opacity:o?1:0,pointerEvents:o?"auto":"none"},children:t}):null]})}},23618:(n,e,t)=>{t.d(e,{A:()=>a});const a=(n,e)=>{if(null===n)return e("pages.purchaseInvoices.status.unknown").text;switch(n){case"Sending":return e("pages.purchaseInvoices.status.sending").text;case"Sent":return e("pages.purchaseInvoices.status.sent").text;case"Approved":return e("pages.purchaseInvoices.status.verified").text;case"Rejected":return e("pages.purchaseInvoices.status.rejected").text;case"Storno":return e("pages.purchaseInvoices.status.storned").text;case"Mistake":return e("pages.purchaseInvoices.status.mistake").text;case"Cancelled":return e("pages.purchaseInvoices.status.canceled").text;case"Seen":return e("pages.purchaseInvoices.status.read").text;case"ReNotified":return e("pages.purchaseInvoices.status.reNotified").text;case"paid":case"partially_paid":return e("pages.purchaseInvoices.status.completePaid").text;case"unpaid":return e("pages.purchaseInvoices.status.unpaid").text;default:return e("pages.purchaseInvoices.status.unknown").text}}},23670:(n,e,t)=>{t.d(e,{A:()=>o});var a=t(8395),i=t(44414);const o=(0,a.A)((0,i.jsx)("path",{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4-8 5-8-5V6l8 5 8-5z"}),"Email")},27811:(n,e,t)=>{t.d(e,{A:()=>p});var a,i=t(57528),o=t(9950),r=t(84536),s=t(67079),l=t(44414);const d=s.Ay.div(a||(a=(0,i.A)(["\n display: flex;\n align-items: center;\n justify-content: center;
1\n"]))),p=n=>{let{pageCount:e,onPageChange:t,onPageHover:a,nextLabel:i,previousLabel:s,initialPage:p,currentPage:c}=n;(0,o.useEffect)(()=>{if(!a||0===e)return;const n=document.querySelectorAll('.MuiPagination-ul li button[aria-label*="page"]'),t=[];return n.forEach(n=>{const e=n.getAttribute("aria-label"),i=null===e||void 0===e?void 0:e.match(/page (\d+)/);if(i){const e=Number(i[1]);if(!isNaN(e)){const i=()=>a(e-1);n.addEventListener("mouseenter",i),t.push({button:n,handler:i})}}}),()=>{t.forEach(n=>{let{button:e,handler:t}=n;e.removeEventListener("mouseenter",t)})}},[e,a,c]);const x=void 0!==c?c+1:void 0!==p?p+1:1;return(0,l.jsx)(d,{children:(0,l.jsx)(r.A,{count:e,page:x,onChange:(n,e)=>{t&&t({selected:e-1})},showFirstButton:!1,showLastButton:!1,hidePrevButton:!s,hideNextButton:!i,siblingCount:1,boundaryCount:1,variant:"outlined",shape:"rounded",sx:{"& .MuiPaginationItem-root":{color:"var(--theme-text)",borderColor:"var(--text-hover)"},"& .MuiPaginationItem-root.Mui-disabled":{color:"var(--gray-label) !important",borderColor:"var(--palette-styled-border) !important",opacity:.6,"& svg":{color:"var(--gray-label) !important"}},"& .MuiPaginationItem-root.Mui-selected":{backgroundColor:"var(--text-hover)",color:"var(--palette-white)"}}})})}},32472:(n,e,t)=>{t.r(e),t.d(e,{default:()=>te});var a,i,o,r=t(57528),s=t(89379),l=t(9950),d=t(67079),p=t(81747),c=t(68436),x=t(21690),u=t(47048),h=t(73604),m=t(21835),w=t(6170),v=t(74946),g=t(45774),f=t(24079),b=t(64327),y=t(50935),j=t(93360),A=t(72619),P=t(50670),k=t(39872),C=t(6768),L=t(71672),N=t(23670),_=t(47454),M=t(63565),S=t(51163),I=t(44414);const D=d.Ay.div(a||(a=(0,r.A)(["\n position: relative;\n"]))),z=d.Ay.span(i||(i=(0,r.A)(["\n visibility: ",";\n opacity: ",";\n transition: opacity 0.3s ease;\n width: ",";\n background-color: #35682d;\n color: #35682d;\n text-align: center;\n border: 3px solid var(--text-hover);\n border-radius: 6px;\n padding: 5px;\n position: absolute;\n z-index: ",";\n\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),n=>{let{isVisible:e}=n;return e?"visible":"hidden"},n=>{let{isVisible:e}=n;return e?1:0},n=>{let{customTooltipTextWidth:e}=n;return e||"200px"},n=>{let{zIndex:e}=n;return e||1},n=>{let{position:e}=n;return"top"===e&&"\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n "},n=>{let{position:e}=n;return"right"===e&&"\n top: 50%;\n left: 100%;\n margin-left: 10px;\n transform: translateY(-50%);\n "},n=>{let{position:e}=n;return"bottom"===e&&"\n top: 100%;\n left: 50%;\n margin-top: 10px;\n transform: translateX(-50%);\n "},n=>{let{position:e}=n;return"left"===e&&"\n top: 50%;\n right: 100%;\n margin-right: 10px;\n transform: translateY(-50%);\n "},n=>{let{position:e}=n;return"hardLeft"===e&&"\n top: 50%;\n left: -180px;\n margin-right: 10px;\n transform: translateY(-50%);\n "},n=>{let{position:e}=n;return"alternateLeft"===e&&"\n top: 11%;\n left: -190px;\n margin-right: 10px;\n transform: translateY(-50%);\n "},n=>{let{position:e,customPositioning:t}=n;return"custom"===e&&t&&"\n top: ".concat(t.top||"auto",";\n left: ").concat(t.left||"auto",";\n right: ").concat(t.right||"auto",";\n bottom: ").concat(t.bottom||"auto",";\n transform: ").concat(t.transform,";\n ")}),T=d.Ay.span(o||(o=(0,r.A)(["\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),E=n=>{let{text:e,position:t,label:a,isHtml:i,show:o=!0,zIndex:r,customPositioning:s,customTooltipTextWidth:d="200px",className:p,delay:c}=n;const[x,u]=(0,l.useState)(!1),[h,m]=(0,l.useState)(!1),[w,v]=(0,l.useState)(!1),g=(0,l.useRef)(null),f=()=>{g.current&&(clearTimeout(g.current),g.current=null)};return(0,l.useEffect)(()=>{h||w?(u(!0),f()):c?(f(),g.current=setTimeout(()=>{u(!1)},1e3*c)):u(!1)},[h,w]),(0,l.useEffect)(()=>()=>f(),[]),(0,I.jsx)(D,{className:p||"",children:(0,I.jsxs)(T,{onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[a,o&&(0,I.jsx)(z,{isVisible:x,position:t,customPositioning:s,zIndex:r,customTooltipTextWidth:d,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:"string"===typeof e&&i?(0,I.jsx)("span",{dangerouslySetInnerHTML:{__html:e}}):e})]})})};var R,F,H,O,W,B=t(2514),U=t(98190),X=t(29379),V=t(23618),Y=t(34722),G=t(42074),J=t(87927);
1const q=d.Ay.div(R||(R=(0,r.A)(["\n position: relative;\n z-index: 10;\n font-family: 'Roboto', sans-serif;\n min-width: 230px;\n width: 100%;\n\n @media screen and (max-width: ","px) {\n min-width: unset;\n width: 100%;\n }\n"])),M.f.laptop-1),Z=d.Ay.div(F||(F=(0,r.A)(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 11px 16px;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s ease-in, color 0.2s ease-in;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.04);\n }\n"]))),K=d.Ay.div(H||(H=(0,r.A)(["\n position: ",";\n top: ",";\n right: ",";\n width: 100%;\n background-color: var(--theme-bg);\n border-radius: 8px;\n box-shadow: ",";\n padding: 8px 5px;\n color: var(--theme-text);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n z-index: 999;\n\n .itemListClass a {\n text-decoration: none;\n }\n\n @media screen and (max-width: ","px) {\n position: static;\n top: auto;\n right: auto;\n left: auto;\n width: 100%;\n border-radius: 0;\n box-shadow: none;\n }\n\n @media screen and (min-width: ","px) {\n top: ",";\n right: ",";\n }\n"])),n=>n.inlineMode?"static":"absolute",n=>n.inlineMode?"auto":"calc(100% + 21px)",n=>n.inlineMode?"auto":"10px",n=>n.inlineMode?"none":"0 4px 10px rgba(0, 0, 0, 0.12)",M.f.laptop-1,M.f.laptop,n=>n.inlineMode?"auto":"calc(100% + 1px)",n=>n.inlineMode?"auto":"-4px"),Q=d.Ay.p(O||(O=(0,r.A)(["\n margin: 0;\n font-size: 14px;\n color: var(--gray-label);\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"]))),$=d.Ay.span(W||(W=(0,r.A)(["\n position: absolute;\n top: 50%;\n right: 12px;\n transform: translateY(-50%) rotate(",");\n font-size: 1.25rem;\n color: var(--text-hover);\n pointer-events: none;\n"])),n=>n.caretDown?"0deg":"180deg"),nn=n=>{let{itemList:e,background:t,arrowLeft:a,arrowRight:i,caretDown:o=!1,classname:r,inlineMode:s=!1,highlightLastItem:l=!0}=n;return(0,I.jsxs)(q,{children:[!s&&(0,I.jsx)($,{background:t,arrowLeft:a,arrowRight:i,caretDown:o,className:"fa-1x"}),(0,I.jsx)(K,{className:"dropdown-container ".concat(r||""),inlineMode:s,highlightLastItem:l,children:null===e||void 0===e?void 0:e.map(n=>{const e=n.icon;return(0,I.jsx)("div",{className:"itemListClass",children:n.download?(0,I.jsx)("a",{href:n.link,download:!0,children:(0,I.jsxs)(Z,{children:[e&&(0,I.jsx)(e,{style:{color:n.iconColor||S.A.gray,fontSize:"1rem"}}),(0,I.jsx)(Q,{children:n.label})]})}):n.link?(0,I.jsx)(G.N_,{target:(0,J.uG)(n.link,n.newTab)?"_blank":void 0,rel:(0,J.uG)(n.link,n.newTab)?"noopener noreferrer":void 0,to:n.link,children:(0,I.jsxs)(Z,{onClick:()=>{n.handler&&n.handler()},children:[e&&(0,I.jsx)(e,{style:{color:n.iconColor||S.A.gray,fontSize:"1rem"}}),(0,I.jsx)(Q,{children:n.label})]})}):(0,I.jsxs)(Z,{onClick:e=>{n.handler&&n.handler(e)},children:[e&&(0,I.jsx)(e,{style:{color:n.iconColor||S.A.gray,fontSize:"1rem"}}),(0,I.jsx)(Q,{children:n.label})]})},n.label)})})]})};var en,tn,an,on,rn,sn,ln=t(61286),dn=t(91970),pn=t(22974),cn=t(79149);const xn=d.Ay.div(en||(en=(0,r.A)(["\n width: 100%;\n .label {\n text-transform: capitalize;\n font-size: 12px;\n color: #35682d;\n line-height: 25px;\n }\n"]))),un=d.Ay.div(tn||(tn=(0,r.A)(["\n background: var(--text-hover);\n grid-template-columns: ",";\n display: grid;\n align-items: center;\n border-radius: 5px;\n padding: 10px;\n margin: 10px 0;\n &:hover {\n box-shadow: 0 0 5px 5px var(--text-hover);\n }\n\n .date-col,\n .number-col {\n .label,\n .date,\n .number {\n text-align: right;\n }\n }\n\n @media screen and (max-width: ",") {\n grid-template-columns: 1fr 1fr;\n }\n\n @media screen and (min-width: ","px) {\n .date-col,\n .number-col {\n .label,\n .date,\n .number {\n text-align: ",";\n }\n }\n }\n @media screen and (min-width: ","px) {\n grid-template-columns: ",";\n gap: 10px;\n .date-col,\n .number-col {\n .label,\n .date,\n .number {\n text-align: left;\n }\n }\n }\n"])),n=>"list"!==n.cardLayout||n.showPreview?"1fr 1fr":"1fr 2fr 2fr 1fr",M.i.mobileL,M.f.laptop,n=>{let{showPreview:e}=n;return e?"right":"left"},M.f.laptopM,n=>"list"!==n.cardLayout||n.showPreview?"0.2fr 1fr 1fr 0.5fr":"1fr 2fr 2fr 1fr"),hn=d.Ay.div(an||(an=(0,r.A)(["\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n"]))),mn=d.Ay.div(on||(on=(0,r.A)(["\n background-color: var(--text-hover);\n padding: 10px;\n border-radius: 5px;\n grid-template-columns: ",";\n display: grid;
1\n align-items: center;\n justify-content: space-between;\n\n gap: ",";\n .amount-action {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n &:hover {\n box-shadow: 0 0 5px 5px var(--text-hover);\n }\n\n .notPaidTitle p {\n font-size: 15px;\n }\n @media screen and (max-width: ",") {\n grid-template-columns: none;\n }\n"])),n=>"list"===n.cardLayout?"9fr 3.85fr":"1fr",n=>"grid"===n.cardLayout?"24px":null,M.i.mobileL),wn=(d.Ay.div(rn||(rn=(0,r.A)(["\n display: flex;\n justify-content: flex-end;\n div {\n display: flex;\n /* gap: 5px; */\n align-items: center;\n }\n p {\n font-size: 14px;\n color: #35682d;\n }\n\n .tooltipNote {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 10px;\n }\n\n .limit-checkbox {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 0;\n }\n @media only screen and (max-width: ",") {\n flex-direction: column;\n }\n @media only screen and (max-width: ",") {\n align-items: end;\n margin-top: 40px;\n }\n"])),M.i.mobileL,M.i.laptop),d.Ay.div(sn||(sn=(0,r.A)(["\n position: relative;\n cursor: pointer;\n\n .label {\n opacity: 0;\n position: absolute;\n left: 50%;\n top: -20px;\n transform: translate(-50%, -50%);\n padding: 10px;\n border-radius: 4px;\n z-index: 9;\n font-size: 13px;\n }\n\n &:hover {\n .label {\n top: -40px;\n opacity: 1;\n transition: top 0.5s, opacity 0.5s;\n background: #35682d;\n color: var(--theme-text);\n z-index: 1;\n }\n }\n"])))),vn=n=>{var e,t;let{cardData:a,t:i,handlePayment:o,handleUpdatePayment:r,handleDeletePayment:s,cardDisplay:l,showPreview:d}=n;const{currentLangName:c}=(0,p.A)(),{isMobile:x}=(0,Y.A)(),u=(0,cn.A)(a),h=(0,U.yk)(u.toString());return(0,I.jsxs)(xn,{children:[null===a||void 0===a||null===(e=a.purchaseInvoiceHistories)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.map((n,e)=>(0,I.jsxs)(un,{cardLayout:l,onClick:n=>n.stopPropagation(),isMobile:x,showPreview:d,children:[(0,I.jsx)("div",{children:e+1}),(0,I.jsxs)("div",{className:"date-col",children:[(0,I.jsx)("div",{className:"label",children:i("pages.invoiceCard.paymentCard.paymentDate").text}),(0,I.jsx)("div",{className:"date",children:(0,X.wJ)(null===n||void 0===n?void 0:n.date)})]}),(0,I.jsxs)("div",{className:"amount-col",children:[(0,I.jsx)("div",{className:"label",children:i("pages.invoiceCard.paymentCard.paidAmount").text}),(0,I.jsx)("div",{className:"amount",children:(0,U.yk)(null===n||void 0===n?void 0:n.amount.toString())+" "+(null===a||void 0===a?void 0:a.currency_code)})]}),(0,I.jsxs)(hn,{children:[(0,I.jsx)(pn.A,{title:i("pages.invoiceCard.paymentCard.editPayment").text,placement:"top",children:(0,I.jsx)(wn,{children:(0,I.jsx)(L.A,{sx:{color:S.A.gray,width:"18px",height:"18px"},onClick:e=>{e.stopPropagation(),null===r||void 0===r||r(n)}})})}),(0,I.jsx)(pn.A,{title:i("pages.invoiceCard.paymentCard.deletePayment").text,placement:"top",children:(0,I.jsx)(wn,{children:(0,I.jsx)(A.A,{sx:{color:"var(--palette-error-main)",width:"18px",height:"18px"},onClick:e=>{e.stopPropagation(),null===s||void 0===s||s(n)}})})})]})]},null===n||void 0===n?void 0:n.id)),(0,I.jsxs)(mn,{cardLayout:l,onClick:n=>n.stopPropagation(),children:[(0,I.jsxs)("div",{className:"amount-action",children:[(0,I.jsx)("div",{className:"notPaidTitle",children:(0,I.jsx)("p",{children:i("pages.invoiceCard.paymentCard.receivables").text})}),(0,I.jsxs)("div",{className:"amount-col",children:[(0,I.jsx)("div",{className:"label",children:i("pages.invoiceCard.paymentCard.totalClaims").text}),(0,I.jsx)("div",{className:"amount",children:h+" "+(null===a||void 0===a?void 0:a.currency_code)})]})]}),0!==u&&(0,I.jsx)(pn.A,{title:i("pages.invoiceCard.paymentCard.insertPayment").text,placement:"top",children:(0,I.jsx)(wn,{children:(0,I.jsx)(L.A,{sx:{color:S.A.gray,width:"20px",height:"20px"},onClick:n=>o&&o(n)})})})]})]})};var gn,fn,bn,yn,jn,An,Pn,kn,Cn=t(65486),Ln=t(13413),Nn=t(41369);const _n={unpaid:["send","preview","pay","edit","copy","label","delete"],paid:["send","preview","edit","copy","label","delete","info"],partially_paid:["send","preview","pay","edit","copy","label","delete","info"]},Mn={seen:["send","copy","preview","pay","accept","reject","label","refresh","download","info"],rejected:["send","copy","accept","pay","preview","label","download","info"],approved:["send","copy","preview","pay","label","download","refresh","info"],renotified:["send","copy","pay","accept","reject","preview","label","download","info"],storno:["send","copy","preview","pay","label","download","info"],default:["send","copy","preview","label","download","info"]},Sn=d.Ay.div(gn||(gn=(0,r.A)(["\n position: relative;\n width: 100%;\n margin-bottom: 10px;\n padding: ",";\n border-radius: 5px;\n border: 1px solid var(--palette-styled-border);\n border-left: 4px solid ",";\n transition: margin-bottom 0.5s ease-in-out, padding 0.5s ease-in-out, background 0.5s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: var(--palette-box-shadow);\n }\n"])),n=>{let{isExtended:e}=n;return e?"16px 20px 32px 20px":"16px 20px"},n=>{let{isActive:e,showPreview:t}=n;return e&&t?"var(--text-hover)":"none"}),In=d.Ay.div(fn||(fn=(0,r.A)(["\n display: flex;\n flex-direction: ",";\n gap: 16px;\n width: ",";\n\n .previewClass {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n row-gap: 4px;\n box-sizing: border-box;\n\n .name-col {\n width: 100%;\n\n .name {\n text-align: left;\n width: 90%;\n\n @media screen and (min-width: ","px) {\n text-align: left;\n }\n }\n }\n\n .prefix-col {\n width: 20%;\n }\n\n .date-col {\n width: 50%;\n }\n .amount-col {\n width: 50%;\n text-align: right;\n\n .amount {\n width: 100%;\n font-weight: 600;\n\n @media screen and (min-width: ","px) {\n width: 100%;\n }\n }\n\n @media screen and (min-width: ","px) {\n width: 100;\n }\n }\n\n .status-col {\n width: 100%;\n }\n\n .statusAndAction {\n width: 100%;\n\n .status-test {\n width: 100%;\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n\n div {\n width: auto;\n display: flex;\n justify-content: end;\n align-items: center;\n padding: 0;\n }\n }\n }\n\n @media screen and (min-width: ",") {\n row-gap: 2px;\n }\n @media screen and (min-width: ","px) {\n row-gap: 10px;\n }\n }\n\n @media screen and (min-width: ","px) and (max-width: ","px) {\n gap: 0;\n }\n\n @media (min-width: ","px) {\n flex-direction: ",";\n justify-content: space-between;\n width: ",";\n }\n"])),n=>{let{showPreview:e,isTabletAndDown:t}=n;return e||t?"column":"row"},n=>{let{showPreview:e}=n;return e?"calc(100% - 300px)":"100%"},M.f.tablet,M.f.laptop,M.f.laptop,M.f.mobileS,M.f.laptop,M.f.laptop,M.f.laptopL,M.f.tablet,n=>{let{showPreview:e}=n;return e?"column":"row"},n=>{let{showPreview:e}=n;return e?"100%":"auto"}),Dn=d.Ay.div(bn||(bn=(0,r.A)(["\n margin-top: 16px;\n"]))),zn=d.Ay.div(yn||(yn=(0,r.A)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n .label {\n font-size: 12px;\n color: var(--theme-text);\n width: fit-content;\n }\n\n .actualLabel {\n background-color: ",";\n padding: 0px 10px 2px;\n color: var(--palette-white);\n border-radius: 50px;\n font-size: 12px;\n width: ",";\n max-width: ",";\n margin-top: 5px;\n text-align: center;\n position: relative;\n cursor: pointer;\n transition: opacity 0.1s ease-in;\n word-wrap: break-word;\n height: auto;\n height: 18px;\n\n &:hover {\n opacity: 0.5;\n }\n\n @media screen and (min-width: ","px) {\n height: auto;\n }\n\n @media screen and (min-width: ","px) {\n max-width: ",";\n height: 18px;\n }\n\n @media screen and (min-width: ","px) {\n max-width: ",";\n min-height: 18px;\n max-height: 22px;\n }\n\n @media screen and (min-width: ","px) {\n max-width: ",";\n }\n }\n\n .setLabelButton {\n background-color: var(--text-hover);\n padding: 0px 10px 2px;\n color: var(--text-hover);\n height: 20px;\n border-radius: 50px;\n font-size: 12px;\n width: ",";\n height: auto;\n margin-top: 5px;\n text-align: center;\n position: relative;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n div {\n display: flex;\n flex-direction: column;\n }\n\n .name-col {\n max-width: auto;\n\n @media screen and (min-width: ","px) {\n width: 168px;\n }\n\n @media screen and (min-width: ","px) {\n width: ",";\n }\n @media screen and (min-width: ","px) {\n width: 250px;\n }\n @media screen and (min-width: ","px) {\n width: 300px;\n }\n @media screen and (min-width: ","px) {\n width: 400px;\n }\n }\n\n .name-col,\n .label-col,\n .number-col,\n .date-col,\n .amount-col,\n .type-col,\n .status-col {\n display: flex;\n gap: 0px;\n justify-content: center;\n }\n\n .type-col {\n .typePreivewed {\n white-space: nowrap;\n margin: 5px 0;\n }\n }\n\n .middleColumnsGrouped {\n /* display: flex;\n flex-direction: column;\n width: 100%; */\n display: flex;\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n row-gap: 6px;\n\n .number-col {\n width: 100%;\n padding-left: 0;\n }\n\n @media screen and (min-width: 768px) {\n display: flex;\n width: 100%;\n\n .name-col {\n width: 20%;\n }\n\n .prefix-col {\n width: 15%;\n padding-left: 0;\n }\n\n .number-col {\n width: 100%;\n padding-left: 0;\n }\n\n .date-col {\n width: 50%;\n }\n\n .amount-col {\n width: 50%;\n }\n\n .mainActionWrapper {\n margin-left: auto;\n }\n\n .statusAndAction {\n display: flex;\n margin-left: auto;\n align-items: center;\n }\n\n .status-test {\n display: flex;\n justify-content: space-between;\n }\n\n .status-test,\n .e-invoice-status-wrapper {\n display: flex;\n min-width: 173px;\n gap: 10px;\n }\n\n .status-test .status-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n\n .status-test .status-col .estatus {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 1px;\n\n @media screen and (min-width: ","px) {\n padding-top: 2px;\n }\n }\n\n .status-col .label {\n white-space: nowrap;\n }\n\n .action {\n justify-content: space-between;\n\n @media screen and (min-width: 2120px) {\n min-width: 182.5px;\n }\n }\n }\n\n @media screen and (min-width: ","px) {\n display: flex;\n width: 100%;\n\n .name-col {\n width: 20%;\n }\n\n .prefix-col {\n width: 15%;\n padding-left: 0;\n }\n\n .type-col {\n width: 20%;\n }\n\n .number-col {\n width: ",";\n padding-left: 0;\n\n .number {\n word-wrap: break-word;\n }\n }\n\n .date-col {\n width: ",";\n\n display: ",";\n justify-content: ",";\n\n .date {\n word-wrap: break-word;\n }\n }\n\n .amount-col {\n width: ",";\n\n .amount {\n word-wrap: break-word;\n }\n }\n\n .mainActionWrapper {\n margin-left: auto;\n }\n\n .statusAndAction {\n display: flex;\n margin-left: auto;\n align-items: center;\n }\n\n .status-test {\n display: flex;\n justify-content: space-between;\n }\n\n .status-test,\n .e-invoice-status-wrapper {\n display: flex;\n min-width: 173px;\n gap: 10px;\n }\n\n .status-test .status-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n\n .status-test .status-col .estatus {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 1px;\n\n @media screen and (min-width: ","px) {\n padding-top: 2px;\n }\n }\n\n .status-col .label {\n white-space: nowrap;\n }\n\n .action {\n justify-content: space-between;\n\n @media screen and (min-width: 2120px) {\n min-width: 182.5px;\n }\n }\n }\n\n @media screen and (min-width: ","px) {\n flex-direction: row;\n width: 100%;\n justify-content: ",";\n flex-wrap: ",";\n row-gap: ",";\n }\n\n @media screen and (min-width: ","px) {\n .date-col {\n width: ",";\n\n display: ",";\n justify-content: ",";\n align-items: ",";\n\n .date {\n word-wrap: break-word;\n }\n }\n }\n\n .labelSectionTrigger {\n position: absolute;\n width: 280px;\n top: 20px;\n left: -10px;\n padding: 0 !important;\n\n @media screen and (min-width: ","px) {\n left: ",";\n top: ",";\n width: ",";\n }\n\n @media screen and (min-width: ","px) {\n left: ",";\n top: ",";\n }\n\n @media screen and (min-width: ","px) {\n left: ",";\n }\n\n @media screen and (min-width: ","px) {\n left: ",";\n }\n\n div .select-search div div {\n margin: 0;\n // promena\n
1 /* width: auto; */\n }\n\n div\n .select-search\n div\n div\n .css-b62m3t-container\n .select-with-search__control\n .select-with-search__value-container\n .select-with-search__placeholder {\n width: max-content;\n }\n }\n }\n .label-col {\n width: 100%;\n position: relative;\n\n @media screen and (min-width: ","px) {\n width: 100%;\n position: relative;\n }\n @media screen and (min-width: ","px) {\n width: ",";\n position: relative;\n }\n @media screen and (min-width: ","px) and (max-width: ","px) {\n .actualLabel {\n width: ",";\n max-width: ",";\n border-radius: ",";\n height: auto;\n }\n position: relative;\n }\n @media screen and (min-width: ","px) {\n width: ",";\n }\n @media screen and (min-width: ","px) {\n width: ",";\n position: relative;\n }\n @media screen and (min-width: ","px) {\n width: ",";\n position: relative;\n }\n }\n\n .status-col {\n span {\n padding: 0 10px 2px;\n background: #92a5ac;\n color: var(--palette-white);\n height: 20px;\n border-radius: 50px;\n font-size: 12px;\n width: fit-content;\n background: rgba(151, 152, 155, 0.2);\n color: var(--text-dark-gray);\n }\n\n .groupedStatus {\n display: flex;\n flex-direction: row;\n justify-content: ",";\n gap: ",";\n align-items: center;\n\n .separateStatus {\n width: ",";\n gap: 5px;\n transition: all 0.3s ease;\n\n @media screen and (min-width: ","px) and (max-width: ","px) {\n align-items: flex-start;\n\n span {\n margin-right: auto;\n }\n }\n }\n\n .separateStatus:first-child {\n /* INTERNAL status - unpaid, partially_paid, paid */\n &.unpaid span {\n background: var(--static-income-tax-bg);\n color: var(--static-income-tax-icon);\n }\n\n &.partially_paid span {\n background: linear-gradient(90deg, #2665ec40 0%, #4caf4f40 100%);\n color: var(--static-dark-green);\n }\n\n &.paid span {\n background: var(--static-green-chip-bg);\n color: var(--static-dark-green);\n }\n }\n\n .separateStatus:not(:first-child) {\n white-space: nowrap;\n align-items: start;\n\n @media screen and (min-width: ","px) and (max-width: ","px) {\n align-items: start;\n }\n\n &.sent span {\n background: rgba(53, 104, 45, 0.2);\n color: var(--static-dark-green);\n }\n\n &.sending span,\n &.paid span {\n background: var(--static-green-chip-bg);\n color: var(--static-dark-green);\n }\n\n &.cancelled span,\n &.storno span,\n &.rejected span,\n &.mistake span {\n background: rgba(211, 47, 47, 0.15);\n color: var(--palette-error-main);\n }\n\n &.approved span {\n background: var(--static-green-chip-bg);\n color: var(--static-dark-green);\n }\n\n &.seen span {\n background: rgba(151, 152, 155, 0.2);\n color: var(--text-dark-gray);\n }\n\n &.renotified span {\n background: rgba(211, 47, 47, 0.15);\n color: var(--palette-error-main);\n }\n\n &.null span {\n background: rgba(151, 152, 155, 0.2);\n color: var(--text-dark-gray);\n }\n }\n\n .separateStatus span {\n transition: opacity 0.2s ease;\n }\n\n .separateStatus span:hover {\n opacity: 0.5;\n }\n\n @media screen and (min-width: ","px) {\n flex-direction: row;\n gap: ",";\n width: ",";\n }\n @media screen and (min-width: ","px) {\n flex-direction: column;\n }\n @media screen and (min-width: ","px) {\n flex-direction: row;\n }\n\n @media screen and (min-width: ","px) {\n min-width: ",";\n justify-content: ",";\n flex-direction: ",";\n }\n @media screen and (min-width: ","px) {\n min-width: ",";\n }\n @media screen and (min-width: ","px) {\n min-width: ",";\n }\n }\n\n @media screen and (min-width: ","px) {\n margin-left: ",";\n }\n }\n\n @media screen and (min-width: ","px) {\n flex-direction: ",";\n width: 100%;\n }\n\n .column {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n"])),n=>{let{labelColor:e}=n;return e||""},n=>{let{showPreview:e}=n;return e?"max-content":"fit-content !important"},n=>{let{showPreview:e}=n;return e?"auto":"100px"},M.f.laptop,M.f.laptopM,n=>{let{showPreview:e}=n;return e?"auto":"155px"},M.f.laptopL,n=>{let{showPreview:e}=n;return e?"auto":"145px"},M.f.laptopL+100,n=>{let{showPreview:e}=n;return e?"auto":"160px"},n=>{let{showPreview:e}=n;return e?"max-content":"fit-content"},M.f.tablet,M.f.laptop,n=>{let{showPreview:e}=n;return e?"auto":"190px"},M.f.laptopM,M.f.laptopL,M.f.desktop,M.f.laptopM,M.f.laptop,n=>{let{showPreview:e}=n;return e?"100%":"15%"},n=>{let{showPreview:e}=n;return e?"50%":"15%"},n=>{let{showPreview:e}=n;return e?"flex":""},n=>{let{showPreview:e}=n;return e?"center":""},n=>{let{showPreview:e}=n;return e?"50%":"15%"},M.f.laptopM,M.f.laptop,n=>{let{showPreview:e}=n;return e?"space-between":"space-around"},n=>{let{showPreview:e}=n;return e?"wrap":"none"},n=>{let{showPreview:e}=n;return e?"4px":"0"},M.f.laptopM,n=>{let{showPreview:e}=n;return e?"50%":"15%"},n=>{let{showPreview:e}=n;return e?"flex":""},n=>{let{showPreview:e}=n;return e?"start":""},n=>{let{showPreview:e}=n;return e?"start":""},M.f.laptop,n=>{let{showPreview:e}=n;return e?"-30px":"-100px"},n=>{let{showPreview:e}=n;return e?"20px":"50px"},n=>{let{showPreview:e}=n;return e?"245px":""},M.f.laptopM,n=>{let{showPreview:e}=n;return e?"-10px":"-100px"},n=>{let{showPreview:e}=n;return e?"20px":"52px"},M.f.laptopL,n=>{let{showPreview:e}=n;return e?"-10px":"-100px"},M.f.desktop,n=>{let{showPreview:e}=n;return e?"-10px":"-100px"},M.f.tablet,M.f.laptop,n=>{let{showPreview:e}=n;return e?"100%":"15%"},M.f.laptop,M.f.laptop+80,n=>{let{showPreview:e}=n;return"max-content"},n=>{let{showPreview:e}=n;return e?"auto":"77px"},n=>{let{showPreview:e}=n;return e?"auto":"15px"},M.f.laptopM,n=>{let{showPreview:e}=n;return e?"100%":"22%"},M.f.laptopL,n=>{let{showPreview:e}=n;return e?"100%":"20%"},M.f.desktop,n=>{let{showPreview:e}=n;return e?"100%":"20%"},n=>{let{showPreview:e,isTabletAndDown:t}=n;return e||t?"flex-end":"space-between"},n=>{let{showPreview:e,isTabletAndDown:t}=n;return e||t?"10px":"0"},n=>{let{showPreview:e,isTabletAndDown:t}=n;return e||t?"auto":"100%"},M.f.laptop,M.f.laptop+150,M.f.laptop,M.f.laptop+124,M.f.tablet,n=>{let{showPreview:e}=n;return e?"none":"10px"},n=>{let{showPreview:e}=n;return e?"100%":"auto"},M.f.laptop,M.f.laptop+150,M.f.laptop,n=>{let{showPreview:e}=n;return e?"100%":"80px"},n=>{let{showPreview:e}=n;return e?"flex-end":""},n=>{let{showPreview:e}=n;return e?"row":""},M.f.laptop+150,n=>{let{showPreview:e}=n;return e?"100%":"223px"},M.f.laptopM,n=>{let{showPreview:e}=n;return e?"100%":"249px"},M.f.tablet,n=>{let{showPreview:e}=n;return e?"0":"auto"},M.f.tablet,n=>{let{showPreview:e}=n;return e?"column":"row"}),Tn=d.Ay.div(jn||(jn=(0,r.A)(["\n display: flex;\n justify-content: flex-end;\n\n .dots {\n color: var(--text-dark-gray);\n font-size: 25px;\n padding: 10px 17px 7px;\n transition: all 0.5s ease-in-out;\n &:hover {\n opacity: 0.5;\n }\n }\n\n @media screen and (min-width: ","px) {\n position: relative;\n top: 0;\n }\n\n @media screen and (min-width: ","px) {\n display: flex;\n justify-content: flex-end;\n }\n\n @media screen and (min-width: ","px) {\n min-width: ",";\n max-width: ",";\n }\n\n @media screen and (min-width: ","px) {\n min-width: ",";\n max-width: ",";\n }\n @media screen and (min-width: ","px) {\n min-width: ",";\n max-width: ",";\n }\n"])),M.f.tablet,M.f.laptop,M.f.laptopL,n=>{let{showPreview:e}=n;return e?"auto":"50px"},n=>{let{showPreview:e}=n;return e?"auto":"50px"},M.f.laptopL+1,n=>{let{showPreview:e}=n;return e?"auto":"225px"},n=>{let{showPreview:e}=n;return e?"auto":"225px"},M.f.desktop,n=>{let{showPreview:e}=n;return e?"auto":"243px"},n=>{let{showPreview:e}=n;return e?"auto":"265px"}),En=d.Ay.div(An||(An=(0,r.A)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n padding-right: 10px;\n width: 50px;\n position: relative;\n\n @media screen and (min-width: ","px) and (max-width: ","px) {\n padding-right: 0;\n }\n\n .dropdown-toggle {\n cursor: pointer;\n font-size: 20px;\n width: 100%;\n color: var(--text-dark-gray);\n }\n &.down {\n top: 55px;\n }\n &.up {\n bottom: 55px;\n }\n &.left {\n top: -35%;\n right: 40px;\n z-index: 5;\n @media screen and (min-width: ","px) {\n top: -4px;\n right: 50px;\n }\n }\n\n .dropdown-caret {\n position: absolute;\n right: -8px;\n top: 50%;\n transform: translateY(-50%);\n color: #9b7fe9;\n font-size: 20px;\n z-index: 10;\n filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));\n }\n\n p {\n font-size: 16px;\n line-height: 20px;\n }\n .dropdown-container {\n p {\n font-size: 14px;\n }\n svg {\n height: 15px;\n width: 15px;\n }\n }\n\n .actionClass {\n display: grid;\n grid-template-columns: 1fr;\n gap: 10px;\n\n @media screen and (min-width: ","px) {\n grid-template-columns: 1fr;\n }\n\n @media screen and (min-width: ","px) {\n display: flex;\n gap: 10px;\n height: 50px;\n justify-content: center;\n align-items: center;\n\n div .tooltip-container {\n display: flex;\n flex-direction: row;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n border-bottom: none;\n padding-right: 10px;\n height: 50px;\n cursor: pointer;\n }\n }\n }\n"])),M.f.laptop,M.f.laptop+124,M.f.laptop,M.f.mobileM,M.f.tablet),Rn=d.Ay.ul(Pn||(Pn=(0,r.A)(["\n position: absolute;\n right: 47px;\n z-index: 9999;\n background-color: var(--card-bg);\n color: var(--theme-text);\n border-radius: 8px;\n border: 1px solid var(--palette-styled-border);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n padding: 8px 0;\n min-width: 200px;\n\n @media screen and (min-width: ","px) {\n min-width: 245px;\n }\n\n .itemListClass {\n padding: 8px 16px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n\n &:hover {\n background-color: rgba(var(--text-hover-rgb), 0.08);\n }\n }\n\n p,\n span {\n font-size: 14px;\n line-height: 20px;\n color: var(--theme-text) !important;\n }\n\n .download-action-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .download-options {\n margin-top: 4px;\n padding-left: 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n background: var(--card-bg);\n border: 1px solid var(--palette-styled-border);\n border-radius: 4px;\n z-index: 100;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n }\n\n .download-option {\n cursor: pointer;\n font-size: 14px;\n white-space: nowrap;\n color: var(--theme-text);\n }\n\n .download-option:hover {\n background-color: rgba(var(--text-hover-rgb), 0.08);\n }\n"])),M.f.laptop),Fn=d.Ay.div(kn||(kn=(0,r.A)(["\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\n gap: 15px;\n align-items: center;\n padding: 5px 10px;\n position: relative;\n\n svg {\n cursor: pointer;\n }\n\n @media screen and (min-width: ","px) {\n display: flex;\n gap: 15px;\n height: 50px;\n justify-content: center;\n align-items: center;\n\n div .tooltip-container {\n display: flex;\n flex-direction: row;\n -webkit-box-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n align-items: center;\n border-bottom: none;\n padding-right: 10px;\n height: 50px;\n cursor: pointer;\n }\n }\n\n @media screen and (min-width: ","px) {\n height: 100%;\n gap: 3px;\n\n svg {\n padding-right: ",";\n margin: 0 5px;\n }\n }\n\n @media screen and (min-width: ","px) {\n gap: 3px;\n padding: 5px;\n svg {\n padding-right: 0;\n }\n }\n\n .download-relative {\n position: relative;\n }\n\n .dropdownDiv {\n position: absolute;\n z-index: 1;\n width: 100px;\n top: 30px;\n right: -10px;\n\n p {\n margin-left: 0;\n }\n .dropdown-container {\n height: auto;\n overflow-y: auto;\n\n .downloadDiv {\n padding: 5px 10px;\n color: var(--theme-bg);\n border-radius: 4px;\n border: 1px solid var(--text-hover);\n position: absolute;\n width: 100%;\n }\n }\n\n .actionClass {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n gap: 10px;\n @media screen and (min-width: ","px) {\n display: flex;\n gap: 10px;\n height: 50px;\n justify-content: center;\n align-items: center;\n }\n }\n @media screen and (min-width: ","px) {\n top: 130px;\n right: -10px;\n }\n @media screen and (min-width: ","px) {\n top: 38px;\n right: -11px;\n }\n }\n"])),M.f.tablet,M.f.laptop,n=>{let{showPreview:e}=n;return e?"0":"10px"},M.f.laptopL,M.f.tablet,M.f.tablet,M.f.laptop),Hn=n=>{var e,t,a,i,o,r,d,p,c;let{data:u,onClick:h,onAccept:M,onReject:D,onPay:z,onLabel:T,onRefreshStatus:R,downloadPDF:F,onDelete:H,onPreview:O,downloadXML:W,onCardDots:G,onEdit:J,onCopy:q,onSend:Z,t:K,showPreview:Q,displayOverPDF:$,isActive:en,onDeletePayment:tn,className:an,showPaymentDropdown:on,onPaymentInfo:rn,showLabelDropdown:sn,onLabelInfo:pn,removeLabelFromInvoice:cn,handleChoseLabel:xn,invalidateData:un}=n;const{isMobile:hn,isTabletAndDown:mn,isLaptopAndDown:wn,isMobileS:gn,isMobileM:fn,isMobileL:bn,isTablet:yn,isLaptop:jn,isLaptopSmall:An,isLaptopM:Pn,isLaptopL:kn,isDesktop:Hn}=(0,Y.A)(),[On,Wn]=(0,l.useState)(!1),[Bn,Un]=(0,l.useState)(!1),[Xn,Vn]=(0,l.useState)(!1),[Yn,Gn]=(0,l.useState)(!1),[Jn,qn]=(0,l.useState)(!1),Zn=(0,l.useRef)(null),Kn=(0,l.useRef)(null),Qn=(0,l.useRef)(null),$n=(0,l.useRef)(null),ne=(0,l.useRef)(null),{handleClickOutside:ee}=(0,ln.A)(Zn,Un),{handleClickOutside1:te}=(0,ln.A)(Kn,Vn),{handleClickOutside2:ae}=(0,ln.A)(Qn,Gn),{handleClickOutside3:ie}=(0,ln.A)($n,qn),{handleClickOutsideLabelModal:oe}=(0,ln.A)(ne,Wn),[re,se]=(0,l.useState)(""),[le,de]=(0,l.useState)(!1),pe="admin"===localStorage.getItem("role")||!1,{userInfo:ce}=(0,x.A)(),{agency:xe}=(0,Cn.A)(),ue="invoice"===u.invoice_type?"expense":"purchase",[he,me]=(0,l.useState)(!1),{labelData:we,refetchLabelsData:ve}=(0,dn.b)(),ge=(null===(e=u.status)||void 0===e?void 0:e.toLowerCase())||"default",fe=(null===(t=u.internal_status)||void 0===t?void 0:t.toLowerCase())||"default",be="expense"===ue?_n[fe]||[]:Mn[ge]||[],ye="purchase"===ue&&"unpaid"===fe||"paid"===fe?be.filter(n=>!("purchase"===ue&&"unpaid"===fe&&"info"===n)&&!("paid"===fe&&"pay"===n)):be,je=n=>{switch(n){case"accept":M();break;case"reject":D();break;case"pay":z();break;case"label":T(),null===pn||void 0===pn||pn(),Wn(!0);break;case"refresh":R();break;case"download":F();break;case"delete":H();break;case"preview":O();break;case"info":null===rn||void 0===rn||rn(),me(n=>!n);break;case"edit":null===J||void 0===J||J();break;case"copy":null===q||void 0===q||q();break;case"send":Z()}},Ae=(n,e)=>{const t=(0,s.A)({color:e.color},e.style||{}),a={onClick:e.onClick,className:e.className,sx:t};switch(n){case"accept":return(0,I.jsx)(v.A,(0,s.A)({},a));case"reject":return(0,I.jsx)(g.A,(0,s.A)({},a));case"pay":return(0,I.jsx)(f.A,(0,s.A)({},a));case"label":default:return(0,I.jsx)(b.A,(0,s.A)({},a));case"refresh":return(0,I.jsx)(y.A,(0,s.A)({},a));case"download":return(0,I.jsx)(j.A,(0,s.A)({},a));case"delete":return(0,I.jsx)(A.A,(0,s.A)({},a));case"preview":return(0,I.jsx)(k.A,(0,s.A)({},a));case"info":return(0,I.jsx)(C.A,(0,s.A)({},a));case"edit":return(0,I.jsx)(L.A,(0,s.A)({},a));case"copy":return(0,I.jsx)(_.A,(0,s.A)({},a));case"send":return(0,I.jsx)(N.A,(0,s.A)({},a))}},Pe=n=>{switch(n){case"accept":case"pay":return S.A.green;case"reject":case"delete":return S.A.danger;case"label":return S.A.orange;case"refresh":case"info":case"copy":return S.A.purple;case"download":case"edit":case"send":return S.A.blue;case"preview":return S.A.lightBlue;default:return S.A.gray}};return(0,l.useEffect)(()=>
1{if(we&&we.data.length>0){const n=we.data.find(n=>n.id===u.purchase_invoice_label_id);n&&se(n.color)}},[u]),(0,l.useEffect)(()=>{Wn(!(!sn&&!On))},[en,sn]),(0,I.jsxs)(I.Fragment,{children:[le&&(0,I.jsx)(w.A,{}),$?(0,I.jsx)(Fn,{showPreview:Q,children:ye.map(n=>{var e;if("preview"!==n)return(0,I.jsx)(l.Fragment,{children:(0,I.jsxs)(B.A,{text:(null===(e=K("pages.eIncomingInvoices.".concat(n)))||void 0===e?void 0:e.text)||n,children:[Ae(n,{onClick:()=>{"download"!==n?"preview"!==n&&je(n):Gn(!0)},color:Pe(n),className:"".concat("download"===n&&"download-relative")}),"download"===n&&Yn&&(0,I.jsx)("div",{className:"dropdownDiv",ref:Qn,children:(0,I.jsx)(nn,{arrowRight:"4px",itemList:[{label:"PDF",handler:n=>{n.stopPropagation(),F()}},{label:"XML",handler:n=>{n.stopPropagation(),W()}}],classname:"downloadDiv"})})]})},n)})}):(0,I.jsxs)(Sn,{onClick:n=>{n.stopPropagation(),h()},showPreview:Q,isActive:en,isExtended:he,className:an,children:[(0,I.jsxs)(In,{showPreview:Q,isTabletAndDown:mn,children:[(0,I.jsxs)(zn,{className:"info-wrapper ".concat(Q||mn?"previewClass":null),showPreview:Q,isTabletAndDown:mn,labelColor:(n=>{var e;const t=null===we||void 0===we||null===(e=we.data)||void 0===e?void 0:e.filter(e=>e.id===n);return t&&t[0]?t[0].color:""})(u.purchase_invoice_label_id),children:[(0,I.jsxs)("div",{className:"name-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.register.rightColumn.form.firstStep.name").text,":"]}),(0,I.jsx)("div",{className:"name",children:null===u||void 0===u?void 0:u.supplier_name})]}),(0,I.jsxs)("div",{className:"middleColumnsGrouped",children:[(0,I.jsxs)("div",{className:"label-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",onClick:n=>{n.stopPropagation(),je("label"),Wn(!0)},children:[K("pages.reports.labelTitle").text,":"]}),(0,I.jsx)("div",{className:"actualLabel",onClick:n=>{n.stopPropagation(),je("label"),Wn(!0)},children:we&&we.data.length>0&&u.purchase_invoice_label_id&&(n=>{var e;const t=null===we||void 0===we||null===(e=we.data)||void 0===e?void 0:e.filter(e=>e.id===n);return t&&t[0]?t[0].name:""})(u.purchase_invoice_label_id)}),(0,I.jsx)("div",{className:"tttWraps",ref:ne,onClick:n=>{n.stopPropagation()},children:On?(0,I.jsx)(Ln.A,{t:K,setOpenLabelModal:Wn,onChoseLabel:n=>{Wn(!1),xn&&xn(n)},labelId:(null===u||void 0===u?void 0:u.purchase_invoice_label_id)||null,className:"labelSectionTrigger",colorPickerSide:(()=>{switch(!0){case gn:case fn:case bn:return"bottom";case yn:return"right";case An:return"bottom";default:return"right"}})(),handleRemoveLabel:n=>{Wn(!1)},invalidateData:function(n){Nn.W.bothPurchaseInvoices()},onRemoveLabel:n=>{null===cn||void 0===cn||cn(n),Wn(!1)}}):null})]}),(0,I.jsxs)("div",{className:"type-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.purchaseInvoices.createUpdateModal.type").text,":"]}),(0,I.jsx)("div",{className:"".concat(Q||mn?"typePreivewed":""),children:(n=>{if(!K)return"Faktura";switch(n){case"380":return K("pages.purchaseInvoices.createUpdateModal.invoice").text;case"381":return K("pages.purchaseInvoices.createUpdateModal.decreaseDocument").text;case"383":return K("pages.purchaseInvoices.createUpdateModal.increaseDocument").text;case"386":return K("pages.purchaseInvoices.createUpdateModal.advanceInvoice").text;default:return K("pages.invoices.addInvoiceDropdown.invoice").text}})(u.invoice_type_code)})]}),(0,I.jsxs)("div",{className:"number-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.agency.personalInfo.addressNum").text,":"]}),(0,I.jsx)("div",{className:"number",children:u.invoice_id})]}),(0,I.jsxs)("div",{className:"date-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.memos.date").text,":"]}),(0,I.jsx)("div",{className:"date",children:(0,X.wJ)(null!==(a=u.issue_date)&&void 0!==a?a:"2000-01-01")})]}),(0,I.jsxs)("div",{className:"amount-col",children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.transfers.amount").text,":"]}),(0,I.jsxs)("div",{className:"amount",children:[(0,U.yk)(u.legal_tax_inclusive_amount)," ",u.currency_code]})]})]}),(0,I.jsx)("div",{className:"status-col estatus ".concat((null===(i=u.status)||void 0===i?void 0:i.toLowerCase())||"null"," ").concat((null===(o=u.internal_status)||void 0===o?void 0:o.toLowerCase())||""," ").concat(Q?"column":""),children:(0,I.jsxs)("div",{className:"groupedStatus",children:[(0,I.jsxs)("div",{className:"separateStatus ".concat((null===(r=u.internal_status)||void 0===r?void 0:r.toLowerCase())||""),children:[Q||mn?null:(0,I.jsxs)("div",{className:"label",children:[K("pages.invoices.filters.statusFilter").text,":"]}
1),(0,I.jsx)("span",{onClick:n=>{n.stopPropagation(),"unpaid"===u.internal_status||"partially_paid"===u.internal_status?z():"paid"===u.internal_status&&je("info")},children:(0,V.A)(u.internal_status,K)})]}),"purchase"===ue&&(0,I.jsxs)("div",{className:"separateStatus ".concat((null===(d=u.status)||void 0===d?void 0:d.toLowerCase())||""),children:[Q||mn?null:(0,I.jsx)("div",{className:"label",children:K("pages.purchaseInvoices.status.title").text}),(0,I.jsx)("span",{children:(0,V.A)(u.status,K)})]})]})})]}),!Q&&!pe&&(0,I.jsx)(Tn,{showPreview:Q,children:wn?(0,I.jsxs)(En,{ref:Zn,children:[(0,I.jsx)(P.A,{className:"dropdown-toggle dots",onClick:n=>{n.stopPropagation(),G&&G(),Un(n=>!n)},sx:{color:"var(--theme-text)"}}),Bn&&(0,I.jsx)(I.Fragment,{children:(0,I.jsx)(Rn,{className:"actionClass",onClick:n=>n.stopPropagation(),children:(0,I.jsx)(Fn,{ref:Kn,children:ye.map((n,e)=>{var t;return"preview"===n?null:"download"===n&&wn?(0,I.jsxs)(l.Fragment,{children:[Xn&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:"download-option itemListClass",children:(0,I.jsx)("span",{onClick:n=>{n.stopPropagation(),F()},className:"download-text",style:{color:"#5fb6ff",fontWeight:"bold",cursor:"pointer",paddingRight:hn?"":"10px",margin:hn?"":"0px 5px"},children:"PDF"})}),(0,I.jsx)("div",{className:"download-option itemListClass",children:(0,I.jsx)("span",{onClick:n=>{n.stopPropagation(),W()},className:"download-text",style:{color:"#5fb6ff",fontWeight:"bold",cursor:"pointer",paddingRight:hn?"":"10px",margin:hn?"":"0px 5px"},children:"XML"})})]}),(0,I.jsx)(E,{text:K("pages.invoiceCard.dropdownItems.download").text,position:"top",label:(0,I.jsx)(j.A,{onClick:n=>{n.stopPropagation(),Vn(n=>!n)},sx:{color:Pe(n)},className:"action-icon"}),customTooltipTextWidth:"auto"})]},n):(0,I.jsx)(E,{text:(null===(t=K("pages.eIncomingInvoices.".concat(n)))||void 0===t?void 0:t.text)||n,position:"top",label:Ae(n,{onClick:e=>{e.stopPropagation(),je(n)},color:Pe(n),className:"action-icon",style:{paddingRight:"10px"}}),customTooltipTextWidth:"auto"},"".concat(n,"-").concat(e))})})})})]}):(0,I.jsx)(I.Fragment,{children:(0,I.jsx)(Fn,{ref:Kn,children:ye.map(n=>{var e;if("preview"!==n)return(0,I.jsx)(l.Fragment,{children:(0,I.jsxs)(B.A,{text:(null===(e=K("pages.eIncomingInvoices.".concat(n)))||void 0===e?void 0:e.text)||n,children:[Ae(n,{onClick:e=>
1{e.stopPropagation(),"download"!==n?je(n):Vn(!0)},color:Pe(n),className:"".concat("download"===n&&"download-relative")}),"download"===n&&Xn&&(0,I.jsx)("div",{className:"dropdownDiv",ref:Kn,children:(0,I.jsx)(nn,{arrowRight:"4px",itemList:[{label:"PDF",handler:n=>{n.stopPropagation(),F()}},{label:"XML",handler:n=>{n.stopPropagation(),W()}}],classname:"downloadDiv"})})]})},n)})})})})]}),on&&(null===u||void 0===u||null===(p=u.purchaseInvoiceHistories)||void 0===p||null===(c=p.data)||void 0===c?void 0:c.length)>0?(0,I.jsx)(Dn,{children:(0,I.jsx)(vn,{cardData:u,t:K,handlePayment:()=>{z()},handleUpdatePayment:n=>{z(n)},handleDeletePayment:n=>{(n=>{de(!0),m.default.removePayment(n.id).then(n=>{204===n.status&&(null===tn||void 0===tn||tn(!0))}).catch(n=>{console.error("Error deleting payment:",n)}).finally(()=>{de(!1)})})(n)},cardDisplay:"list",showPreview:Q})}):null]})]})};var On,Wn,Bn,Un,Xn,Vn,Yn=t(27811),Gn=t(20900),Jn=t(90083),qn=t(34256);const Zn=d.Ay.div(On||(On=(0,r.A)(["\n border-bottom: 1px solid var(--palette-styled-border);\n padding-bottom: 20px;\n margin-bottom: 20px;\n"]))),Kn=d.Ay.div(Wn||(Wn=(0,r.A)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n .user-selector {\n margin: 0;\n }\n"]))),Qn=d.Ay.div(Bn||(Bn=(0,r.A)(["\n &.display-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n }\n\n &.display-grid {\n display: grid;\n gap: 10px;\n width: 100%;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n @media screen and (max-width: ",") {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n @media screen and (max-width: ",") {\n grid-template-columns: 1fr 1fr 1fr;\n }\n @media screen and (max-width: ","px) {\n grid-template-columns: 1fr 1fr;\n }\n @media screen and (max-width: ","px) {\n grid-template-columns: 1fr;\n }\n }\n"])),M.i.desktopL,M.i.laptopL,M.f.laptop-1,M.f.tablet-1),$n=d.Ay.div(Un||(Un=(0,r.A)(["\n padding: 25px 50px;\n\n @media screen and (max-width: ",") {\n padding: 16px;\n }\n"])),M.i.tablet),ne=d.Ay.div(Xn||(Xn=(0,r.A)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 0;\n color: var(--text-dark-gray);\n"]))),ee=d.Ay.p(Vn||(Vn=(0,r.A)(["\n margin-top: 12px;\n font-size: 16px;\n color: var(--text-dark-gray);\n text-align: center;
1\n"]))),te=()=>{var n,e,t,a,i,o,r,d,v,g,f,b,y,j;const{currentLang:A}=(0,p.A)(),P=(0,c.A)(A),[k,C]=(0,l.useState)(!1),{userBOid:L}=(0,x.A)(),[N,_]=(0,l.useState)(L||""),{allUsers:M}=(0,u.A)();(0,h.j)();const[S,D]=(0,l.useState)({}),[z,T]=(0,l.useState)(!1),[E,R]=(0,l.useState)({limit:"10",page:1,search:{},searchFields:{},searchJoin:"and"});(0,l.useEffect)(()=>{var n;(""===L||"All users"===L)&&(null===M||void 0===M?void 0:M.length)>0&&x.A.setState({userBOid:null===(n=M[0])||void 0===n?void 0:n.id})},[M]),(0,l.useEffect)(()=>{L&&L!==N&&_(L)},[L]);return(0,l.useEffect)(()=>{N&&N&&(C(!0),m.default.getExpencesByUserId(N,(0,s.A)({},E)).then(n=>{var e,t;200===n.status&&((null===(e=n.data)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.length)>0&&T(!0),D(n.data))}).catch(n=>{n&&D([])}).finally(()=>{C(!1)}))},[N,E]),(0,I.jsxs)(I.Fragment,{children:[k&&(0,I.jsx)(w.A,{}),(0,I.jsxs)($n,{children:[(0,I.jsx)(Zn,{children:(0,I.jsx)(Gn.A,{variant:"h3",sx:{color:"var(--theme-text)",fontWeight:600},children:P("navbar.pausal.expences").text})}),(0,I.jsx)(Kn,{children:(0,I.jsxs)(Qn,{className:0===(null===S||void 0===S||null===(n=S.data)||void 0===n?void 0:n.length)?"noItemsClass":"display-list",displayPDF:!1,children:[(null===S||void 0===S||null===(e=S.data)||void 0===e?void 0:e.length)>0?null===S||void 0===S||null===(t=S.data)||void 0===t?void 0:t.map((n,e)=>(0,I.jsx)("div",{className:"list",children:(0,I.jsx)(Hn,{data:n,onClick:()=>{},onSend:()=>{},onAccept:()=>{},onReject:()=>{},onPay:()=>{},onLabel:()=>{console.info("Label",n)},onRefreshStatus:()=>{},downloadPDF:()=>{},downloadXML:()=>{},onDelete:()=>{},onPreview:()=>{},onEdit:()=>{},onCopy:()=>{},t:P,showPreview:!1,displayOverPDF:!1,isActive:!1,onDeletePayment:()=>{}},n.id)},n.id)):(0,I.jsxs)(ne,{children:[z?(0,I.jsx)(Jn.A,{sx:{fontSize:"64px",color:"var(--accent-opacity)"}}):(0,I.jsx)(qn.A,{sx:{fontSize:"64px",color:"var(--accent-opacity)"}}),(0,I.jsx)(ee,{dangerouslySetInnerHTML:{__html:z?P("pages.invoices.filters.noResults").text:P("pages.purchaseInvoices.descriptionExpense").text}})]}),(null===S||void 0===S||null===(a=S.data)||void 0===a?void 0:a.length)>0&&(0,I.jsx)(Yn.A,{pageCount:null===(i=S.meta)||void 0===i||null===(o=i.pagination)||void 0===o?void 0:o.total_pages,onPageChange:n=>{R((0,s.A)((0,s.A)({},E),{},{page:n.selected+1}))},nextLabel:"".concat((null===(r=S.meta)||void 0===r||null===(d=r.pagination)||void 0===d?void 0:d.current_page)===(null===(v=S.meta)||void 0===v||null===(g=v.pagination)||void 0===g?void 0:g.total_pages)?"":">"),previousLabel:"".concat(1===(null===(f=S.meta)||void 0===f||null===(b=f.pagination)||void 0===b?void 0:b.current_page)?"":"<"),breakLabel:"...",initialPage:(null===(y=S.meta)||void 0===y||null===(j=y.pagination)||void 0===j?void 0:j.current_page)-1})]})})]})]})}},50935:(n,e,t)=>{t.d(e,{A:()=>o});var a=t(8395),i=t(44414);const o=(0,a.A)((0,i.jsx)("path",{d:"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4z"}),"Sync")},73604:(n,e,t)=>{t.d(e,{A:()=>d,j:()=>l});var a=t(9950),i=t(28429),o=t(73499),r=t(51823),s=t(50621);const l=()=>{const n=(0,i.Zp)(),e=(0,i.zy)(),{permissionNames:t,isSuperAdmin:l}=(0,o.A)(),d=t.join("|");(0,a.useEffect)(()=>{if(!(0,s.my)())return void n(s.O_,{replace:!0});if((0,r.kL)(e.pathname,t,l))return;const a=(0,r.MX)(t,l);a!==e.pathname&&n(a,{replace:!0})},[e.pathname,n,d,l])},d=l},79149:(n,e,t)=>{t.d(e,{A:()=>a});const a=n=>{var e,t;if(!n)return 0;const a=parseFloat(n.legal_tax_inclusive_amount||"0");let i=0;(null===n||void 0===n||null===(e=n.purchaseInvoiceHistories)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.length)>0&&n.purchaseInvoiceHistories.data.forEach(n=>{i+=parseFloat(n.amount||0)});const o=a-i,r=Math.round(100*o)/100;return 0===r?0:r}},90083:(n,e,t)=>{t.d(e,{A:()=>o});var a=t(8395),i=t(44414);const o=(0,a.A)([(0,i.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3 6.08 3 3.28 5.64 3.03 9h2.02C5.3 6.75 7.18 5 9.5 5 11.99 5 14 7.01 14 9.5S11.99 14 9.5 14c-.17 0-.33-.03-.5-.05v2.02c.17.02.33.03.5.03 1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19z"},"0"),(0,i.jsx)("path",{d:"M6.47 10.82 4 13.29l-2.47-2.47-.71.71L3.29 14 .82 16.47l.71.71L4 14.71l2.47 2.47.71-.71L4.71 14l2.47-2.47z"},"1")],"SearchOff")},93360:(n,e,t)=>{t.d(e,{A:()=>
1o});var a=t(8395),i=t(44414);const o=(0,a.A)((0,i.jsx)("path",{d:"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"}),"Download")}}]);
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.