@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/InvitePeoplePage-VTM6kM1u-CU4p_G8a.js

@@ -1,12 +0,0 @@
-import{e as Y,g5 as F,g as ee,aa as te,u as g,V as d,h1 as le,ae as ne,ac as oe,aT as se,o as re,x as E,cK as Z,g8 as q,g9 as A,ga as K,O as ie,c as ae}from"./index-C8o-xzAN.js";import{a as w}from"./sentry-DBhcw6Be.js";import{n as G}from"./mui-DOS4CfBc.js";import{Gx as de,bg as ce}from"./zeni-epic-state-DMWYYyyR.js";import{f as ue}from"./AllUserItems-BJf6WPDo-Deh60Xs6.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./LabeledUserSingleSelectWithSubtitlesField-C8JxAcOT-D4KRCLOC.js";import"./RoleWithToolTip-Ct3_VuDM-BKP6CsTd.js";import"./LabeledZeniRolesDropDownField-BZtreVpj-D7w5kOCp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="67519e7c-080b-4d76-8cb6-954556b8a8fe",e._sentryDebugIdIdentifier="sentry-dbid-67519e7c-080b-4d76-8cb6-954556b8a8fe")}catch{}})();const S={containerPaddingLeft:new E(g[3],g[6],g[8]),containerPaddingRight:new E(g[3],g[6],g[8]),buttonWidth:new E(85,85)},V="editPeoplePage",T="userItems",p=ie.getLocalizedStrings().peoplePage,Pe=({peopleDetails:e,managersList:t,classList:f,controllersList:z,mode:o,isZeniTenant:_,onPeopleLocalDataUpdated:x,onCloseClick:O,onSaveClick:r,isReimbursementDisabled:$,isZeniAccountsDisabled:s,isChargeCardDisabled:D,isTreasuryDisabled:k,isBankingOnlyTenant:R,isCardsOnlyTenant:I,isLiteRoleDisabled:U})=>{const c=Y(),[M,Q]=w.useState(-1),[B,P]=w.useState(""),j=w.useRef(null),L=w.useMemo(()=>F($,s,D,R,I,U,k),[$,s,D,R,I,U,k]),W=ee(),i=te({mode:"onBlur",reValidateMode:"onChange",defaultValues:N(e.people,o,L,t,f,R,I),values:N(e.people,o,L,t,f,R,I)}),J=i.handleSubmit(()=>{H()?r():console.warn("Invite People form error")}),H=()=>{const l=i.getValues();let n=!0;return l.userItems.forEach((v,C)=>{const{role:a,nonZeniRole:y,department:u,manager:m}=v;if(o==="zeni_only")a?.selectedOptions==null&&(i.setError(`${T}.${C}.role`,{type:"required"}),n=!1);else{const b=y?.userRole.selectedRole;(b!=null&&y!=null?y.productsByUserRole[b].map(h=>h.selectedOption).filter(h=>h!=null):[]).length<1&&(i.setError(`${T}.${C}.nonZeniRole.userRole.selectedRole`,{type:"required"}),n=!1),u?.selectedOption==null&&b!=="investor_or_banker"&&!R&&!I&&(i.setError(`${T}.${C}.department`,{type:"required"}),n=!1),m?.selectedUser==null&&b!=="investor_or_banker"&&(i.setError(`${T}.${C}.manager`,{type:"required"}),n=!1)}}),n},X=async(l,n)=>{const v=[],{userItems:C}=n;C.forEach(a=>{let y={};if(o==="zeni_only")y={email:a.email,role:[a.role?.selectedOptions]};else{const u=a.nonZeniRole?.userRole.selectedRole;let m=[];u==="admin"||u==="investor_or_banker"?m.push(u):m=u!=null?(a.nonZeniRole?.productsByUserRole[u]??[]).map(h=>de(h.selectedOption?.value)).filter(h=>h!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const b=ce(m);y={email:a.email,role:m,departmentId:b?void 0:a.department?.selectedOption?.value,managerId:b?void 0:a.manager?.selectedUser}}v.push(y)}),x(v)};return w.useEffect(()=>{const l=i.watch((n,{name:v})=>{v!=null&&n!=null&&X(v,n)});return()=>{l.unsubscribe()}}),w.useEffect(()=>{const l=j.current,n=()=>{c!=="small"&&(l&&l?.scrollTop>g[9]?P(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):P(""))};return c==="small"?P(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):l&&l?.scrollTop<=g[9]&&P(""),l&&l.addEventListener("scroll",n),()=>{l&&l.removeEventListener("scroll",n)}},[o,B,c]),d.jsxs(d.Fragment,{children:[d.jsx(le,{title:B,backgroundColor:W.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:c==="small"}),d.jsxs(me,{"data-testid":oe("invite-people-container"),windowSize:c,ref:j,children:[c!=="small"?d.jsx(pe,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(ne,{...i,children:d.jsx("form",{id:`${V}_form`,onSubmit:J,children:d.jsx(ue,{control:i.control,sectionId:T,deleteConfirmationIndex:M,updateDeleteConfirmationIndex:Q,mode:o,isZeniTenant:_,classList:f,managersList:t,controllersList:z,isBankingOnlyTenant:R,isCardsOnlyTenant:I,customerRoleOptions:L,isEdit:!1})})})]}),d.jsx(se,{formId:`${V}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:S.buttonWidth.value(c)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:S.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:re.sp4}})]})},N=(e,t,f,z,o,_,x)=>{const O=[{userIndex:0,email:[],role:t==="zeni_only"?{allOptions:Z.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:e[0]?.role.length>0?K(e[0].role):void 0,allRootRole:A(_,x)},productsByUserRole:q(e[0]?.role??[],f)}:void 0,department:void 0,manager:void 0}];return{[T]:e.length>0?e.map((r,$)=>({userIndex:$,email:r.email,role:t==="zeni_only"?{allOptions:Z.roles,selectedOptions:r.role}:void 0,nonZeniRole:t==="off"?{userRole:{selectedRole:r.role.length>0?K(r.role):void 0,allRootRole:A(_,x)},productsByUserRole:q(r.role,f)}:void 0,department:{allOptions:o.map(s=>({label:s.fullyQualifiedAccountingClassName??"",value:s.classId,hoverText:s.accountingClassNumber})),selectedOption:o.map(s=>({label:s.fullyQualifiedAccountingClassName??"",value:s.classId,hoverText:s.accountingClassNumber})).find(s=>s.value===r.departmentId)},manager:{allUsers:z,selectedUser:r.managerId}})):O}},Se=(e,t)=>`${e}.${t}`,me=G.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-
-  padding-left: ${e=>`${S.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${S.containerPaddingRight.valuePx(e.windowSize)}`};
-  overflow-x: hidden;
-  height: 100%;
-`,pe=G(ae)`
-  color: ${e=>e.theme.colors.primary};
-`;export{Pe as default,Se as uniqueName};

package/dist/assets/InvoiceUploadSection-it-ZYl1N-XsZhHn3v.js

@@ -1,140 +0,0 @@
-import{g as se,e as de,O as J,V as t,L as q,o as l,d,x as z,gK as ve,gL as ze,ac as K,cy as Le,cz as Ee,cA as Pe,au as Te,bb as ce,u as g,w as ie,M as Be,n as Ae,ak as pe,gM as Ie}from"./index-C8o-xzAN.js";import{a as o}from"./sentry-DBhcw6Be.js";import{n as i}from"./mui-DOS4CfBc.js";import De from"./AttachmentView-CzC4skJ3-DSp7S_ow.js";import{l as Me}from"./uploadReceipts-CIgkuVpu-DNtrxUdf.js";import{t as Re}from"./upload-reimbursement-receipt-O2N8vcO7-_YW_CWHL.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new e.Error().stack;C&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[C]="ff282b9a-6bbc-4e6a-96c1-aa0ed13501d8",e._sentryDebugIdIdentifier="sentry-dbid-ff282b9a-6bbc-4e6a-96c1-aa0ed13501d8")}catch{}})();const _e=e=>o.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},o.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),o.createElement("g",{mask:"url(#mask0_623_1439)"},o.createElement("path",{d:"M24.4551 10.7549C24.8693 10.7549 25.2051 11.0907 25.2051 11.5049V13.6938L28.3834 13.6938C28.7976 13.6938 29.1334 14.0296 29.1334 14.4438C29.1334 14.8581 28.7976 15.1938 28.3834 15.1938H22.4209C21.6794 15.1944 20.9613 15.4529 20.3896 15.925C19.8179 16.3972 19.4282 17.0536 19.2875 17.7816C19.1468 18.5096 19.2638 19.264 19.6184 19.9152C19.973 20.5662 20.543 21.0736 21.2306 21.3505L27.2968 23.7781C28.3078 24.1849 29.1457 24.9308 29.6669 25.8878C30.1881 26.8448 30.36 27.9534 30.1532 29.0234C29.9464 30.0933 29.3738 31.058 28.5335 31.7519C27.6933 32.4458 26.6377 32.8257 25.548 32.8265H25.2051V35.0149C25.2051 35.4292 24.8693 35.7649 24.4551 35.7649C24.0409 35.7649 23.7051 35.4292 23.7051 35.0149V32.8265H19.567C19.1528 32.8265 18.817 32.4907 18.817 32.0765C18.817 31.6623 19.1528 31.3265 19.567 31.3265H24.4327C24.4401 31.3263 24.4476 31.3262 24.4551 31.3262C24.4626 31.3262 24.47 31.3263 24.4775 31.3265H25.5469C26.2884 31.326 27.0066 31.0675 27.5784 30.5953C28.1501 30.1232 28.5398 29.4668 28.6805 28.7387C28.8212 28.0107 28.7042 27.2564 28.3496 26.6052C27.9951 25.9543 27.4253 25.4469 26.7378 25.1701L26.7369 25.1697L20.6712 22.7422C19.6602 22.3355 18.8223 21.5896 18.3011 20.6325C17.7799 19.6755 17.608 18.5669 17.8148 17.497C18.0216 16.427 18.5942 15.4624 19.4345 14.7684C20.2748 14.0745 21.3308 13.6946 22.4206 13.6938H23.7051V11.5049C23.7051 11.0907 24.0409 10.7549 24.4551 10.7549Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 42.2959C17.7295 41.8817 18.0653 41.5459 18.4795 41.5459H42.5621C42.9763 41.5459 43.3121 41.8817 43.3121 42.2959C43.3121 42.7101 42.9763 43.0459 42.5621 43.0459H18.4795C18.0653 43.0459 17.7295 42.7101 17.7295 42.2959Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 52.2962C17.7295 51.882 18.0653 51.5462 18.4795 51.5462L40.7106 51.5461C41.1248 51.5461 41.4606 51.8819 41.4606 52.2961C41.4606 52.7104 41.1248 53.0461 40.7106 53.0461L18.4795 53.0462C18.0653 53.0462 17.7295 52.7104 17.7295 52.2962Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7295 31.9541C37.7295 31.5399 38.0653 31.2041 38.4795 31.2041H48.1263C48.5406 31.2041 48.8763 31.5399 48.8763 31.9541C48.8763 32.3683 48.5406 32.7041 48.1263 32.7041H38.4795C38.0653 32.7041 37.7295 32.3683 37.7295 31.9541Z",fill:"#A6B0B1"})),o.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),o.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M55.5502 49.191C55.6639 49.0732 55.8234 49 56 49C56 49 56 49 56 49C56.0071 49 56.0143 49.0001 56.0214 49.0004C56.1742 49.0055 56.3254 49.0664 56.4421 49.1831L61.0135 53.7545C61.2576 53.9986 61.2576 54.3943 61.0135 54.6384C60.7694 54.8824 60.3737 54.8824 60.1296 54.6384L56.625 51.1337V60.7976C56.625 61.1427 56.3452 61.4226 56 61.4226C55.6548 61.4226 55.375 61.1427 55.375 60.7976V51.134L51.8707 54.6384C51.6266 54.8824 51.2308 54.8824 50.9868 54.6384C50.7427 54.3943 50.7427 53.9986 50.9868 53.7545L55.5502 49.191Z",fill:"#A6B0B1"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),o.createElement("defs",null,o.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},o.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),o.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),He=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M15.4931 3.87109H11.4776C10.5275 3.89973 9.62765 4.30445 8.97582 4.99631C8.324 5.68817 7.97357 6.61054 8.00156 7.56068C7.99312 8.23377 8.16758 8.89652 8.50634 9.47821C8.84509 10.0599 9.33542 10.5387 9.92501 10.8635L13.5771 12.8038C14.1642 13.1295 14.6523 13.6079 14.9896 14.1884C15.3269 14.7688 15.5009 15.4297 15.4931 16.101C15.5211 17.0505 15.1712 17.9724 14.5202 18.6641C13.8691 19.3559 12.9702 19.761 12.0208 19.7906H8.00156",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),f={memoPaddingTopBottomRight:new z(12,g[3]),billReceiptSize:new z(60,g[10]),rootContainerPaddingTop:new z(g[3],62),rootContainerPaddingRight:new z(g[3],g[6]),rootContainerPaddingBottom:new z(g[5],g[9]),rootContainerPaddingLeft:new z(g[3],g[8])},re=i(Be)`
-  color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
-  white-space: pre-wrap;
-  text-align: center;
-  ${e=>e.isPlaceholderText===!0?ie.largeRegular.css:ie.extraSmallRegular.css};
-  display: flex;
-  align-items: baseline;
-`,ne=i(Ae)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-wrap;
-  text-align: center;
-  display: flex;
-  align-items: baseline;
-`,ae=i(ce)`
-  color: ${e=>e.theme.colors.champion};
-`,L=i.div`
-  padding: 0 2px;
-`,Ve=i.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 1 auto;
-  border: 1px dashed ${e=>e.theme.colors.primary};
-  box-sizing: border-box;
-  border-radius: ${l.sp2};
-  padding: ${e=>f.memoPaddingTopBottomRight.valuePx(e.windowSize)};
-  align-items: center;
-  width: 100%;
-  cursor: pointer;
-  background-color: ${e=>e.theme.colors.grey4};
-  .uploadIconStyled {
-    fill: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    .uploadIconStyled {
-      fill: ${e=>e.theme.colors.primary};
-    }
-    .textContent {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,he=i.div`
-  border: 1px dashed ${e=>e.theme.colors.primary};
-  border-radius: ${l.sp2};
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${l.sp0} 2px ${l.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Fe=i.div`
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  border-radius: ${l.sp2};
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  padding: ${e=>e.type==="w9"?l.sp0:e.showTitlebar===!0&&e.windowSize!=="small"?l.sp3:l.sp0};
-  img {
-    width: inherit;
-    height: inherit;
-  }
-`,Ue=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: ${e=>f.rootContainerPaddingTop.valuePx(e.windowSize)};
-  padding-right: ${e=>f.rootContainerPaddingRight.valuePx(e.windowSize)};
-  padding-bottom: ${e=>f.rootContainerPaddingBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>f.rootContainerPaddingLeft.valuePx(e.windowSize)};
-  height: ${e=>e.windowSize==="small"&&e.showAutofill?"100%":e.windowSize==="small"?"490px":"auto"};
-  overflow: ${e=>e.windowSize==="small"?"unset":"hidden"};
-  width: ${e=>e.windowSize=="small"?"100%":"42%"};
-  background-color: ${e=>e.showAutofill&&e.windowSize!=="small"?d.overlayDark:e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.background};
-  margin-top: ${e=>e.windowSize==="small"&&(e.type==="bill"||e.type==="w9")?"76px":"unset"};
-`,Ze=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-`,Oe=i.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-`,We=i.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-content: center;
-  align-items: center;
-  margin-top: ${l.sp3};
-`,Ne=i(pe)`
-  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
-  margin-right: ${l.sp3};
-`,Ge=i.div`
-  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
-  padding: ${l.sp1} ${l.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  &:hover {
-    border-color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
-  }
-  border-radius: ${l.sp1};
-  cursor: pointer;
-`,N=i.div`
-  background: ${d.importantLight};
-  padding: ${l.sp2};
-  border-radius: ${l.sp1};
-  margin: ${l.sp3} 0;
-  max-width: 330px;
-  text-align: center;
-`,Je=i(Re)`
-  color: ${e=>e.theme.colors.grey1};
-  margin-bottom: ${l.sp3};
-`,qe=i(_e)`
-  color: ${e=>e.theme.colors.grey1};
-  margin-bottom: ${l.sp3};
-`,Ke=i(He)`
-  width: ${l.sp7};
-  height: ${l.sp7};
-  color: ${e=>e.theme.colors.hero};
-`,G=i(pe)`
-  color: ${d.important};
-`,Xe=({type:e="bill",attachmentIdBeingUploaded:C,uploadError:w,uploadErrorMsg:y,showAutofill:m,allowMultiFiles:E=!1,customError:P,dropFilePlaceholder:n,showInfoText:D,showTitlebar:T,pdfTitle:M,openSizeLimitPopup:R,onUploadAttachment:k,uploadStatus:B})=>{const x=se(),[_,b]=o.useState(!1),j=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?b(!0):r.type==="dragleave"&&_&&b(!1)},H=function(r){if(r.preventDefault(),r.stopPropagation(),b(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"dragdrop")}}},p=de(),A=o.useRef(null),$=J.getLocalizedStrings().spendManagement.billPay.billDetails,v=()=>{A.current?.click()},V=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"upload")}}},F=B!=null?B.fetchState=="In-Progress":C;return t.jsxs(Fe,{showTitlebar:T,windowSize:p,type:e,children:[T===!0?t.jsx(Qe,{windowSize:p,type:e,children:M}):null,F==!0?t.jsx(he,{children:e==="receipt"?t.jsx(q,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${x.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${x.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${l.sp0} 2px ${l.sp1} ${x.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsx(Ye,{windowSize:p,showAutofill:m,type:e,children:t.jsxs(Ve,{windowSize:p,onClick:()=>v(),onDragEnter:j,onDragLeave:j,onDragOver:j,onDrop:H,"data-testid":K("upload-tag",e),children:[t.jsxs(Ze,{onDragEnter:j,children:[e==="receipt"?t.jsx(Je,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}):t.jsx(qe,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}),e==="receipt"?t.jsxs(re,{isPlaceholderText:!0,children:[n?.upload!=null?t.jsx(L,{children:n?.upload}):null,n?.single!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.single})}):null,n?.or!=null?t.jsx(L,{children:n?.or}):null,n?.multiple!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.multiple})}):null,n?.receipts!=null?t.jsx(L,{children:n?.receipts}):null,n?.receipt!=null?t.jsx(L,{children:n?.receipt}):null]}):e==="w9"?t.jsx(ne,{children:$.dropW9}):t.jsx(ne,{children:$.dropInvoice}),P!=null&&t.jsx(N,{children:t.jsx(G,{children:P})}),w&&y==="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadFileSizeExceedError})}),w&&y!=="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadError.replace("__type__",e)})})]}),t.jsx(ve,{fileRef:A,name:"invoice",onFileChange:V,multiple:E,sizeLimit:ze,onFileSizeError:R}),D===!0?t.jsxs(Oe,{children:[t.jsx(Ke,{}),t.jsx(re,{isPlaceholderText:!1,style:{marginLeft:l.sp1},children:$.currencyInfo})]}):null]})})]})},Ye=i.div`
-  padding: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"&&e.showAutofill===!1?l.sp3:l.sp0};
-  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
-  height: 100%;
-  width: 100%;
-  border-radius: ${l.sp2};
-`,Qe=i(ce)`
-  padding-bottom: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"?"12px":l.sp3};
-  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-`,ut=({uploadInvoiceEndPoint:e,authParams:C,showAutofill:w,allowMultiFiles:y,type:m="bill",customError:E,pdfTitle:P,entityId:n,shouldNotShowAttachment:D,analytics:T,style:M,noAttachmentText:R,dropFilePlaceholder:k,showInfoText:B,showTitlebar:x,showTitlebarIcon:_,file:b,attachmentTitle:j,vendorLegalName:H,onInvoiceUpload:p,onSkipAutofill:A,setFileUploaded:$,updateInvoiceUploadFetchState:v,onReplaceClick:V,onDeleteClick:F,uploadStatus:r,isLoading:s=!1})=>{const a=se(),h=de(),[c,X]=o.useState(!1),Y=J.getLocalizedStrings().spendManagement.billPay.billDetails,[me,U]=o.useState(!1),[ue,Q]=o.useState(!1),[ge,fe]=o.useState(""),[we,Z]=o.useState(!1),[O,xe]=o.useState({title:"",description:"",primaryButtonText:""});o.useEffect(()=>{b!=null?U(!0):U(!1)},[b]);async function ee(S,u,I,le,ye){X(!0),Q(!1);const be=y===!0?I:[I[0]],$e=y===!0?le:[le[0]],{blobs:Se,names:ke}=await Ie(be,$e);await Me(`${S}/1.0/processors/${m}`,u,Se,ke,fe).then(je=>{p?.(je),U(!0),$?.()}).catch(()=>{Q(!0),ye?.("Error")}),X(!1)}const te=S=>{const u=J.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;S?(xe({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),Z(!0)):Z(!1)},Ce={onOkClick:()=>{Z(!1)}};let oe=n!=null||(r!=null?r?.fetchState=="Completed":me);m==="bill"&&D===!0&&(oe=!1);const W=m==="bill"?"bill_pay":m==="receipt"?"reimbursement":"w9";return t.jsx(Ue,{showAutofill:w,windowSize:h,style:M,type:m,"data-testid":K("upload-section",W),children:s?t.jsx(he,{children:t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[we?t.jsx(Le,{titleComponent:t.jsx(Pe,{children:O.title}),descriptionComponent:t.jsx(Ee,{children:O.description}),primaryButtonText:O.primaryButtonText,action:Ce}):null,!s&&r?.fetchState!=="In-Progress"&&oe?t.jsx(De,{title:j,type:m,file:b,noAttachmentText:R,showTitlebar:x,showTitlebarIcon:_,pdfTitle:P,onReplaceClick:V,onDeleteClick:F,allowMultiFiles:y,openSizeLimitPopup:te,onUploadAttachment:(S,u)=>{v?.("In-Progress"),ee(e,C,S,u,v)}}):t.jsx(Xe,{type:m,uploadError:ue,uploadErrorMsg:ge,attachmentIdBeingUploaded:c,dropFilePlaceholder:k,showInfoText:B,allowMultiFiles:y,customError:E,showTitlebar:x,pdfTitle:P,showAutofill:w,openSizeLimitPopup:te,uploadStatus:r,onUploadAttachment:(S,u,I)=>{T?.trackUploadInvoice(I,W,H),v?.("In-Progress"),ee(e,C,S,u,v)}}),w?t.jsxs(We,{windowSize:h,children:[t.jsx(Ne,{windowSize:h,themeContext:a,children:Y.skipAutofillInfo}),t.jsx(Ge,{windowSize:h,themeContext:a,"data-testid":K("skip-autofill",W),onClick:()=>A?.(!w),children:t.jsx(Te,{children:Y.skipAutofill})})]}):null]})})};export{Xe as AttachmentElement,ut as default};