@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/QBOSetupSection-Cb4AlHU9-BpQhAPPt.js

@@ -0,0 +1,79 @@
+import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W,e_ as B,ad as w,x as f,u as t}from"./index-DorX0WX8.js";import{n as s}from"./mui-gZ2J-2YO.js";import{D as E,V as _}from"./QBOConnectionDialog-COlHLDTh-CjJgFUeC.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="e0767b45-5a19-4bd0-9f13-a6a05fd41411",e._sentryDebugIdIdentifier="sentry-dbid-e0767b45-5a19-4bd0-9f13-a6a05fd41411")}catch{}})();const d={containerPadding:new a(t[3],t[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(t[3],t[0]),arrowIconWidthHeight:new a(t[3],t[4])},G={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:r=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const n=k(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:O}=j;return i.jsxs(H,{windowSize:n,children:[i.jsxs(A,{windowSize:n,children:[n==="small"?i.jsx(J,{children:l?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(N,{windowSize:n,children:S})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(V,{windowSize:n,children:[i.jsxs(L,{children:[i.jsx(M,{}),i.jsx(R,{windowSize:n}),i.jsx(F,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(C,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:v}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,r&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:O})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:r}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:r,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},H=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,A=s.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
+`,N=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${G.title.style(e.windowSize)}`};
+`,Q=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${e=>d.containerPadding.valuePx(e.windowSize)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,x=s.div`
+  width: 100%;
+  display: flex;
+  margin-top: ${o.sp4};
+`,g=s(f)`
+  display: flex;
+  color: ${c.important};
+`,V=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  row-gap: ${e=>d.topElementsRowGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,q=s(f)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,L=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,M=s(D)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,R=s(W)`
+  height: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,F=s(_)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,J=s.div`
+  margin-right: ${o.sp2};
+`,K=s(I)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${c.success};
+`,U=s.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ee as t};

package/dist/assets/ReferralListScreen-XiiAfJ90.js

@@ -0,0 +1,5 @@
+import{j as t}from"./pdf-BNA4Ou8X.js";import{a as o}from"./sentry-tRTnR5ia.js";import{u,j as L,i as A,h as F,k as M}from"./core-ADrPabGT.js";import{y as N,J as V,je as S,kN as W,b as _,jR as U,jC as $,bc as G,jl as l,G as K,jX as z,kO as X}from"./index-DorX0WX8.js";import{cD as q,cs as Q,JA as R,JB as Y,JC as Z,pK as ee,pA as h,cF as ae,pF as re,JD as ne}from"./zeni-epic-state-DiMW9axO.js";import{D as te,e as se,n as oe,S as ie}from"./mui-gZ2J-2YO.js";import{M as le}from"./MobileAppDrawer-vjIJyx5N.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="86f2b0c5-ed2d-4547-b74d-7acb52ca31c9",e._sentryDebugIdIdentifier="sentry-dbid-86f2b0c5-ed2d-4547-b74d-7acb52ca31c9")}catch{}})();const ce={overlayWidth:new _(100,100,30)},de=({isReferralDrawerOpen:e,closeDrawerHandler:a})=>{const r=N(),s=V();if(S.getSignedInUser()==null)throw Error("Can't access How Referral works without signing in...");const i=()=>{a(!0)},p=u(c=>q(c));return t.jsx(te,{anchor:"right",open:e,PaperProps:{style:{width:ce.overlayWidth.valuePercentage(s),boxShadow:"none"}},slotProps:{backdrop:{style:{opacity:.75,backgroundColor:r.colors.black,cursor:"pointer"}}},onClose:()=>i(),children:t.jsx(se,{in:e,direction:"left",children:t.jsx(fe,{onClick:c=>c.stopPropagation(),children:t.jsx(W,{onDismissClick:i,rewardsPlan:p.rewardsPlan})})})})},fe=oe(ie)`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,j="refer-and-earn-status-update",ue=M(function(e){const a=R(e);return{inviteList:a.invitations,uiState:a.uiState,pendingBonus:a.pendingBonus,earnedBonus:a.earnedBonus,pendingReferrals:a.pendingReferrals,fetchState:a.fetchState,rewardsPlan:a.rewardsPlan}},function(e,a){const{navigate:r}=a;return{onColumnSortConfigChanged:(s,i)=>{e(ne({sortOrder:i,sortkey:s}))},onInviteClick:()=>{l.trackRewardsPageClicked("invite via email"),r("../refer")},onHowItWorksClick:()=>{l.trackRewardsPageClicked("know more"),r("../how-it-works")},onResendInviteClick:s=>{l.trackRewardsPageClicked("resend invite"),e(re(s))},onBackClick:()=>{r("../",{relative:"path"})},onReloadInvitees:()=>{e(h(!0))},onCopyReferralLink:()=>{l.trackRewardsPageClicked("copy referral link")},onClickRefer:()=>{l.trackRewardsPageClicked("refer")},onEventReceived:s=>{s===j&&e(h(!0,!0))}}})(z(X));function ve({isReferralDrawerOpen:e}){const a=L(),r=A(),s=F(),[i,p]=o.useState(!1),[c,I]=o.useState(!1),[P,D]=o.useState(!1),[C,b]=o.useState(!1),w=S.getSignedInUser(),v=u(n=>Q(n)),g=u(n=>R(n)),k=g.fetchState,d=u(n=>n.referralViewState.rewardsPlanFetchState),x=()=>{b(!1),a("..")},E=Y([g,d]),B=Z([g,d]),{areTenantIdsInSync:f}=U();o.useEffect(()=>{v?.rewardsLastViewedTime==null&&P===!1&&(r(ee()),D(!0))},[]),o.useEffect(()=>{!i&&k==="Not-Started"&&f&&(p(!0),r(h(!0)))},[k,r,f]),o.useEffect(()=>{!c&&d.fetchState==="Not-Started"&&f&&(I(!0),r(ae(!0)))},[d,r,f]),o.useEffect(()=>{b(e!=null&&e===!0)},[e]);const[O,T]=o.useState(!1),m=n=>{T(n)},H={events:w?.userId!=null?[`private-${w.userId}.${j}`]:[],eventCallback:(n,y,J)=>{J.onEventReceived(n)}};return B===!0?t.jsx($,{fetchState:k}):E===!0?t.jsxs(t.Fragment,{children:[t.jsx(G,{analytics:l,onLoad:n=>(y=>{w!=null&&y.trackPageLoaded(K.Event.rewardsPageViewed)})(n)}),t.jsx(le,{isAppContentDrawerOpen:O,handleDrawerToggle:m}),C===!0?t.jsx(de,{closeDrawerHandler:x,isReferralDrawerOpen:C}):null,t.jsx(ue,{location:s,navigate:a,currentTenant:v,onClickMenuIcon:()=>{m(!0)},...H})]}):null}export{ve as R};

package/dist/assets/ReimbursementApprovalRoutes-BocYdQhD.js

@@ -0,0 +1 @@
+import{j as t}from"./pdf-BNA4Ou8X.js";import x from"./NotFoundScreen-BlOJVroe.js";import{a as p}from"./sentry-tRTnR5ia.js";import{j as I,h as A,i as C,u,N as E,k,R as D,m as c}from"./core-ADrPabGT.js";import{cs as T,Kv as y,KL as g,yq as V,xz as _,yp as m,yg as U,K_ as K}from"./zeni-epic-state-DiMW9axO.js";import{y as $,je as N,jC as O,jX as W,ll as q,k3 as z}from"./index-DorX0WX8.js";import"./mui-gZ2J-2YO.js";import{R as h}from"./ReimbursementApprovalRuleDetailScreen-DPE-kSBA.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="0ba7352c-a768-49af-a737-4123051acf3d",e._sentryDebugIdIdentifier="sentry-dbid-0ba7352c-a768-49af-a737-4123051acf3d")}catch{}})();const d="reimbursement-approval-rule-update",B=k(function(e){return{approvalView:y(e),remiSetupApproverViewUpdateData:g(e).remiSetupApproverViewUpdateData}},function(e,r){const{navigate:a,location:l}=r;return{onApprovalRulesEventReceived:n=>{n.endsWith(d)&&e(K(!1))},onBackClick:()=>{z(l)?a("../../"):a("../../../reimbursements/setup")},onDeleteRuleClick:n=>{e(U(n))},onEditRuleClick:n=>{n!=null?(e(m(n)),a(`./${n}/edit`)):(e(m()),a("./new"))}}})(W(q)),L=()=>{const e=I(),r=A(),a=C(),[l,n]=p.useState(!1),[f,S]=p.useState(!1),v=u(s=>s.remiSetupApproverViewState.fetchState),o=u(s=>T(s)),j=$(),i=u(s=>y(s)),b=u(s=>g(s).remiSetupApproverViewUpdateData);if(p.useEffect(()=>{b?.updateStatus.fetchState==="Completed"&&a(V())},[b]),p.useEffect(()=>{l||v!=="Not-Started"||(n(!0),a(_(!0)))},[l,v,a]),N.getSignedInUser()==null)throw Error("Can't access reimbursement approval without signing in...");p.useEffect(()=>{i.allApprovalRules.length===0&&i.fetchState==="Completed"&&(f||(S(!0),a(m())),e("./new"))},[f,i,a]);const w={events:o.companyId!=null?[`private-${o.companyId}.${d}`]:[],eventCallback:(s,P,R)=>{s.endsWith(d)&&R.onApprovalRulesEventReceived(s)}};return o.companyReimbursementInfo?.info?.isReimbursementTOSAccepted===!1?t.jsx(E,{to:"../../promo"}):o.companyReimbursementInfo?.info?.isReimbursementTOSAccepted!==!0||i.fetchState!=="Completed"&&i.fetchState!=="Error"?t.jsx(O,{fetchState:"In-Progress",style:{backgroundColor:j.colors.grey5}}):t.jsx(B,{currentTenant:o,location:r,navigate:e,...w})};function Z(){return t.jsxs(D,{children:[t.jsx(c,{path:"/",element:t.jsx(L,{})}),t.jsx(c,{path:"/new",element:t.jsx(h,{})}),t.jsx(c,{path:"/:approvalRuleId/edit",element:t.jsx(h,{})}),t.jsx(c,{path:"*",element:t.jsx(x,{})})]})}export{Z as R};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-CE0CxjTY-C5xH-EUU.js → ReimbursementApprovalRuleDetailPage-Cb4wyiiA-PPkCr8xd.js}

@@ -1,20 +1,20 @@
-import{x as M,u as D,y as W,K as G,O as U,T as K,a7 as X,a1 as H,c1 as J,V as r,a_ as Q,A as Y,a9 as Z,o as h,fq as ee}from"./index-onESlw0k.js";import{a as L}from"./sentry-CZ5rBRIL.js";import{n as u}from"./mui-B0LS8eOU.js";import{b as ae,f as te,o as B,l as T}from"./FollowStepsSection-BT_WjsEy-BMkprFjA.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.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]="7d482a4a-e2a4-4a14-a848-a0e3f2db8a2c",e._sentryDebugIdIdentifier="sentry-dbid-7d482a4a-e2a4-4a14-a848-a0e3f2db8a2c")}catch{}})();const _="reimbursementApprovalRuleDetailPage",C="lowerBound",k="upperBound",I="steps",b="applyToExistingReimbursements",le={footerPadding:new M(D[2],D[3])};function Ue({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:n=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:N,onSaveRuleClick:$,onSaveRuleSuccess:A}){const E=W(),w=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=K({mode:"all",reValidateMode:"onChange",defaultValues:x}),p=e.remiSetupApproverViewUpdateData?.updateStatus,R=X(p?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:c}=e;let m=d.length>1?d.length-1:0,v=d.length>0?d[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=d.findIndex(f=>f.approvalRuleId===i),v=m>0?d[m-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{$()});return L.useEffect(()=>{const i=y.watch((f,{name:O})=>{if(O!=null&&f!=null){const z=H(f);J(()=>(async(me,F)=>{g(F)})(0,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{R==="In-Progress"&&p?.fetchState==="Completed"&&A()},[R,p?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:j(_),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:n?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>!!a||i!=null&&i>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:o,hideField:n,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:j(_),primaryBtn:{label:l.saveBtnText,isLoading:p?.fetchState==="In-Progress",isDisabled:p?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&d.length===0?null:r.jsx(ee,{name:b,mode:"always_on",checkBoxes:[{value:b,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:h.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},n=e.allApprovalRules.length===0;return{[b]:n?[]:[b],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,n)=>n&&n.length>0?n.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:T},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:T},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),j=e=>`${e}_form`,Le=e=>`${e}`,ie=u.div`
+import{b as M,u as D,y as W,J as G,O as U,T as J,a7 as X,a0 as H,b$ as K,V as r,a_ as Q,A as Y,a9 as Z,o as b,fo as ee}from"./index-DorX0WX8.js";import{a as L}from"./sentry-tRTnR5ia.js";import{n as u}from"./mui-gZ2J-2YO.js";import{b as ae,f as te,o as B,l as T}from"./FollowStepsSection-CTSjTKjT-D1lTh6HA.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.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]="6953c252-eaa3-4ce7-80a6-c4f6268410bc",e._sentryDebugIdIdentifier="sentry-dbid-6953c252-eaa3-4ce7-80a6-c4f6268410bc")}catch{}})();const _="reimbursementApprovalRuleDetailPage",C="lowerBound",k="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new M(D[2],D[3])};function Ue({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:n=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:$,onSaveRuleClick:N,onSaveRuleSuccess:A}){const E=W(),w=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),d=e.remiSetupApproverViewUpdateData?.updateStatus,R=X(d?.fetchState),{upperBound:P}=x,{allApprovalRules:p,allAccountingClasses:V,remiSetupApproverViewUpdateData:c}=e;let m=p.length>1?p.length-1:0,v=p.length>0?p[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=p.findIndex(f=>f.approvalRuleId===i),v=m>0?p[m-1].criteria[0].range.min.amount:0}const O=y.handleSubmit(()=>{N()});return L.useEffect(()=>{const i=y.watch((f,{name:q})=>{if(q!=null&&f!=null){const z=H(f);K(()=>(async(me,F)=>{g(F)})(0,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{R==="In-Progress"&&d?.fetchState==="Completed"&&A()},[R,d?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(pe,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:j(_),onSubmit:O,children:r.jsxs(de,{children:[r.jsx(ae,{label:{label:n?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>!!a||i!=null&&i>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:o,hideField:n,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:j(_),primaryBtn:{label:l.saveBtnText,isLoading:d?.fetchState==="In-Progress",isDisabled:d?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&p.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:$},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},n=e.allApprovalRules.length===0;return{[h]:n?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,n)=>n&&n.length>0?n.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:T},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:T},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),j=e=>`${e}_form`,Le=e=>`${e}`,ie=u.div`
   display: flex;
   height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,de=u.div`
+`,pe=u.div`
   display: flex;
   flex: 1;
   flex-direction: column;
   min-height: 0;
-`,pe=u.div`
+`,de=u.div`
   display: flex;
   flex-direction: column;
   border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${h.sp0} 2px ${h.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${h.sp2};
+  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${b.sp2};
 `,ue=u.div`
   display: flex;
   justify-content: flex-start;

package/dist/assets/{ReimbursementApprovalRuleDetailScreen-C4x83TjH.js → ReimbursementApprovalRuleDetailScreen-DPE-kSBA.js}

@@ -1 +1 @@
-import{j as g}from"./pdf-DEiLcZtJ.js";import{a as y}from"./sentry-CZ5rBRIL.js";import{j as w,i as A,h as T,l as U,u as b,k as E}from"./core-BROwB3xg.js";import{Ly as R,Li as C,z2 as x,zb as _,z9 as S,za as h,Lz as k}from"./zeni-epic-state-Cr-rO4HZ.js";import{jp as B,y as j,jN as V,ln as z,ke as F}from"./index-onESlw0k.js";import"./mui-B0LS8eOU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="3427ae22-7c85-45db-bfc4-59301b7be8f1",e._sentryDebugIdIdentifier="sentry-dbid-3427ae22-7c85-45db-bfc4-59301b7be8f1")}catch{}})();function L(e){return k(e)==null}const N=E(function(e,a){const t=R(e),s=t.remiSetupApproverViewUpdateData?.type??"approval_create",n=s==="approval_create"&&t.allApprovalRules.length!==0;let l=t.allApprovalRules.length===0;return a.approvalRuleId&&(l=t.allApprovalRules.findIndex(r=>r.approvalRuleId===a.approvalRuleId)===0),{localData:t,hideUpperBoundField:n,isLowerBoundDisabled:l,approvalUpdateActionType:s}},function(e,a){const{navigate:t,approvalUpdateDataView:s,approverViewData:n,approvalRuleId:l}=a,r=s.remiSetupApproverViewUpdateData?.type,i=F(a.location);return{onApprovalRuleDataUpdated:o=>{const u=p=>{const v=[];return p.forEach(c=>{const D=c.actors.selectedUsers.map(d=>({type:"user",subType:void 0,userId:d.userId,idType:"user",isImplicitActor:!1})),I=c.actors.selectedNonUsers.map(d=>{const m=!!L(d.value);return{type:m?"attribute":"role",subType:d.value,userId:void 0,idType:void 0,isImplicitActor:!m}}),f=D.concat(I);v.push({action:c.stepType.selectedOption,actors:f,operator:f.length>1?c.stepType.selectedOption==="require_approval"?"or":"and":"is"})}),v};if(r==="approval_create"){const p={criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:u(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}else{const p={approvalRuleId:l,criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:u(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}},onResetClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onBackClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onSaveRuleClick:()=>{e(_())},onSaveRuleSuccess:()=>{t("../")}}})(z);function J(){const e=w(),a=A(),t=T(),{approvalRuleId:s}=U(),n=B.getSignedInUser(),l=j(),r=b(p=>R(p)),i=b(p=>C(p)),[o,u]=y.useState(!1);if(y.useEffect(()=>{o||(u(!0),a(x(!0)))}),y.useEffect(()=>{i.fetchState==="Not-Started"&&e(s!=null?"../../":"../")},[i,s]),n==null)throw Error("Can't access address page without signing in...");return r.approversDetailsFetchStatus.fetchState=="Not-Started"||r.approversDetailsFetchStatus.fetchState==="In-Progress"?g.jsx(V,{fetchState:r.approversDetailsFetchStatus.fetchState,style:{backgroundColor:l.colors.grey5}}):g.jsx(N,{navigate:e,approvalUpdateDataView:r,approvalRuleId:s,approverViewData:i,location:t})}export{J as R,L as i};
+import{j as g}from"./pdf-BNA4Ou8X.js";import{a as y}from"./sentry-tRTnR5ia.js";import{j as w,i as A,h as T,l as U,u as b,k as E}from"./core-ADrPabGT.js";import{KL as R,Kv as C,yj as x,ys as _,yq as S,yr as h,KM as k}from"./zeni-epic-state-DiMW9axO.js";import{je as j,y as B,jC as V,lc as F,k3 as O}from"./index-DorX0WX8.js";import"./mui-gZ2J-2YO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="cd0530f0-7394-4100-97c0-0b6177252dcc",e._sentryDebugIdIdentifier="sentry-dbid-cd0530f0-7394-4100-97c0-0b6177252dcc")}catch{}})();function $(e){return k(e)==null}const K=E(function(e,a){const t=R(e),s=t.remiSetupApproverViewUpdateData?.type??"approval_create",n=s==="approval_create"&&t.allApprovalRules.length!==0;let l=t.allApprovalRules.length===0;return a.approvalRuleId&&(l=t.allApprovalRules.findIndex(r=>r.approvalRuleId===a.approvalRuleId)===0),{localData:t,hideUpperBoundField:n,isLowerBoundDisabled:l,approvalUpdateActionType:s}},function(e,a){const{navigate:t,approvalUpdateDataView:s,approverViewData:n,approvalRuleId:l}=a,r=s.remiSetupApproverViewUpdateData?.type,i=O(a.location);return{onApprovalRuleDataUpdated:o=>{const c=p=>{const v=[];return p.forEach(u=>{const D=u.actors.selectedUsers.map(d=>({type:"user",subType:void 0,userId:d.userId,idType:"user",isImplicitActor:!1})),I=u.actors.selectedNonUsers.map(d=>{const m=!!$(d.value);return{type:m?"attribute":"role",subType:d.value,userId:void 0,idType:void 0,isImplicitActor:!m}}),f=D.concat(I);v.push({action:u.stepType.selectedOption,actors:f,operator:f.length>1?u.stepType.selectedOption==="require_approval"?"or":"and":"is"})}),v};if(r==="approval_create"){const p={criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:c(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}else{const p={approvalRuleId:l,criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:c(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}},onResetClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onBackClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onSaveRuleClick:()=>{e(_())},onSaveRuleSuccess:()=>{t("../")}}})(F);function G(){const e=w(),a=A(),t=T(),{approvalRuleId:s}=U(),n=j.getSignedInUser(),l=B(),r=b(p=>R(p)),i=b(p=>C(p)),[o,c]=y.useState(!1);if(y.useEffect(()=>{o||(c(!0),a(x(!0)))}),y.useEffect(()=>{i.fetchState==="Not-Started"&&e(s!=null?"../../":"../")},[i,s]),n==null)throw Error("Can't access address page without signing in...");return r.approversDetailsFetchStatus.fetchState=="Not-Started"||r.approversDetailsFetchStatus.fetchState==="In-Progress"?g.jsx(V,{fetchState:r.approversDetailsFetchStatus.fetchState,style:{backgroundColor:l.colors.grey5}}):g.jsx(K,{navigate:e,approvalUpdateDataView:r,approvalRuleId:s,approverViewData:i,location:t})}export{G as R,$ as i};

package/dist/assets/{ReimbursementApprovalRulesPage-DDNhjbbG-CAvrqdJa.js → ReimbursementApprovalRulesPage-BEid42KU-DeLels1v.js}

@@ -1,4 +1,4 @@
-import{y as H,K as W,O as j,V as t,a_ as G,L as F,P as m,o,x as r,l as M,a5 as P,bi as k,bM as O,bN as V,bO as q,cj as K,u as l,at as J,N as T,as as Q,c as z,ci as X,aR as Y,w as Z}from"./index-onESlw0k.js";import{n as i}from"./mui-B0LS8eOU.js";import{a as ee}from"./sentry-CZ5rBRIL.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.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]="25cd1aa9-4649-4fc6-81db-1027c0cb77a8",e._sentryDebugIdIdentifier="sentry-dbid-25cd1aa9-4649-4fc6-81db-1027c0cb77a8")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},U={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},te=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:g=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[w,x]=ee.useState(!1),n=W(),{range:u}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v={onOkClick:()=>{x(!1),y?.(p)},onCancelClick:()=>{x(!1)}};return t.jsxs(oe,{windowSize:n,isLastSection:g,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(ie,{windowSize:n,children:[t.jsxs(ce,{children:[t.jsxs(N,{windowSize:n,children:[a.from," ",P("0,0",u.min)]}),t.jsxs(re,{children:[t.jsx(R,{}),t.jsx(le,{}),t.jsx(R,{})]}),u.max==null?t.jsx(ue,{}):t.jsx(N,{windowSize:n,children:P("0,0",{...u.min,amount:u.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:()=>{x(!0)},"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(se,{windowSize:n,children:t.jsx(ae,{isSingleStep:$.length===1,windowSize:n,children:$.map((h,_)=>t.jsxs(ne,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(pe,{children:a.requireText}):t.jsx(de,{children:a.notifyText}),h.nonUserActors.filter(d=>d.subType!=null).map((d,E)=>t.jsxs(A,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},`${d.subType}_${E}`)),h.actors.map(d=>t.jsxs(A,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},d.userId))]},_))})}),w?t.jsx(O,{titleComponent:t.jsx(q,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:v}):null]})},oe=i.div`
+import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as P,bg as k,bK as V,bL as q,bM as O,ch as J,u as l,at as K,H as T,as as Q,e as z,cg as X,aR as Y,j as Z}from"./index-DorX0WX8.js";import{n as i}from"./mui-gZ2J-2YO.js";import{a as ee}from"./sentry-tRTnR5ia.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.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]="e5bb42f7-1d63-4ed5-9444-45d4c8d6137c",e._sentryDebugIdIdentifier="sentry-dbid-e5bb42f7-1d63-4ed5-9444-45d4c8d6137c")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},U={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},te=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:g=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[w,x]=ee.useState(!1),n=N(),{range:u}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v={onOkClick:()=>{x(!1),y?.(p)},onCancelClick:()=>{x(!1)}};return t.jsxs(oe,{windowSize:n,isLastSection:g,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(ie,{windowSize:n,children:[t.jsxs(ce,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",u.min)]}),t.jsxs(re,{children:[t.jsx(R,{}),t.jsx(le,{}),t.jsx(R,{})]}),u.max==null?t.jsx(ue,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...u.min,amount:u.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:()=>{x(!0)},"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(se,{windowSize:n,children:t.jsx(ae,{isSingleStep:$.length===1,windowSize:n,children:$.map((h,H)=>t.jsxs(ne,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(pe,{children:a.requireText}):t.jsx(de,{children:a.notifyText}),h.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(A,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},`${d.subType}_${_}`)),h.actors.map(d=>t.jsxs(A,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},d.userId))]},H))})}),w?t.jsx(V,{titleComponent:t.jsx(O,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:v}):null]})},oe=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{y as H,K as W,O as j,V as t,a_ as G,L as F,P as m,o,x as r,l as M,a5 as P
       border-color: ${e=>e.isUpdatingApprovalRules===!0?e.theme.colors.grey3:e.theme.colors.primary};
     }
   }
-`,ie=i(J)`
+`,ie=i(K)`
   display: flex;
   position: relative;
   align-items: center;
@@ -171,11 +171,11 @@ import{y as H,K as W,O as j,V as t,a_ as G,L as F,P as m,o,x as r,l as M,a5 as P
 `,A=i.div`
   display: inherit;
   gap: inherit;
-`,N=i.span`
+`,W=i.span`
   ${e=>`${U.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Le=({approvalView:e,onBackClick:c,onEditRuleClick:g,onDeleteRuleClick:f})=>{const S=H(),y=W(),{fetchState:w,deleteStatus:x}=e,n=j.getLocalizedStrings().commonSetUp.approval,u=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=x.fetchState,p=e.listeningToPusherEvent;return t.jsxs(me,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx(xe,{windowSize:y,children:u.approvalPageSubTitle}),w==="In-Progress"||w==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(F,{size:"ExtraLarge",start:!0})}):w==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(te,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:g,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs($e,{windowSize:y,onClick:()=>{g()},"data-testid":m("add-approval-rule"),children:[t.jsx(be,{}),t.jsx(fe,{children:n.addApprovalText})]})]}):null]})]})},me=i.div`
+`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Le=({approvalView:e,onBackClick:c,onEditRuleClick:g,onDeleteRuleClick:f})=>{const S=E(),y=N(),{fetchState:w,deleteStatus:x}=e,n=j.getLocalizedStrings().commonSetUp.approval,u=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=x.fetchState,p=e.listeningToPusherEvent;return t.jsxs(me,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx(xe,{windowSize:y,children:u.approvalPageSubTitle}),w==="In-Progress"||w==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(F,{size:"ExtraLarge",start:!0})}):w==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(te,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:g,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs($e,{windowSize:y,onClick:()=>{g()},"data-testid":m("add-approval-rule"),children:[t.jsx(be,{}),t.jsx(fe,{children:n.addApprovalText})]})]}):null]})]})},me=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -235,7 +235,7 @@ import{y as H,K as W,O as j,V as t,a_ as G,L as F,P as m,o,x as r,l as M,a5 as P
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,be=i(K)`
+`,be=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,fe=i.div`

package/dist/assets/ReimbursementDetailPage-CuuOsKPv-BPEFJ0xe.js

@@ -0,0 +1,314 @@
+import{t as Dt,c as Ct,J as zt,y as kt,bz as At,b as m,O as et,fy as Mt,fA as Rt,fB as Bt,V as t,bK as Ae,bL as Me,bM as Re,a_ as Be,a6 as y,aM as Pt,cK as Nt,fC as Lt,fN as Pe,o as a,fD as Ne,eD as g,fG as w,eG as x,a4 as Le,eC as _e,j as V,fI as We,a9 as _t,m as Wt,fJ as Et,fK as re,aV as Ot,fL as Ft,a8 as Kt,H as Ut,B as Vt,s as tt,at as it,e as G,W as Gt,bi as Ht,x as Yt,g2 as qt,f$ as Jt,u as c,bB as Zt,cf as Qt}from"./index-DorX0WX8.js";import{a as p}from"./sentry-tRTnR5ia.js";import{n as r}from"./mui-gZ2J-2YO.js";import{_ as Xt}from"./liveblocks-f_lxxH57.js";import{bG as ei,b_ as ti,Fl as ii}from"./zeni-epic-state-DiMW9axO.js";import ai from"./InvoiceUploadSection-DdIQCBkC-hgUkpCX_.js";import{r as ri,h as f,u as ni}from"./types-DyvtCprH-VF9iATMs.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./recharts-BKvR8EI0.js";import"./utils-VuBQoQGa.js";import"./AttachmentView-ENg9Osic-C_h00Xvo.js";import"./uploadReceipts-Dge0cNF1-CtnQO8tO.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]="374b96d9-b18b-4d84-a152-f90ad33b17d0",e._sentryDebugIdIdentifier="sentry-dbid-374b96d9-b18b-4d84-a152-f90ad33b17d0")}catch{}})();const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},oi={formTitle:new Ut("h6Regular","h5Regular")},na=({remiDetails:e,uploadInvoiceEndPoint:C,authParams:oe,isAdmin:le,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:H,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:nt,approveOrRejectRemi:he,deleteReimbursement:ot,cancelAndDeleteReport:ye,handleZeniLogoClick:lt,onAddNewRule:be,initialOpenThreadRequest:k})=>{const d=Dt(),st=Ct().analytics,n=zt(),ge=kt(),[dt,A]=p.useState(!1),[Y,q]=p.useState(!1),[ct,J]=p.useState(!1),[Z,Q]=p.useState("approved"),N=p.useRef(null),[S,X]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[z,mt]=p.useState(null),[pt,L]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=p.useRef({}),xe=l=>{const o=we.current[l];o!=null&&setTimeout(()=>ni(o,N.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&H()},[e,H]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const o=l.substring(1);xe(o)}},[]),At({componentName:"reimbursement.details"});const ut={onOkClick:()=>{A(!1),S.primaryButtonText===i.buttons.delete?ot?.():S.title===i.cancelReportTitle?ye?.():S.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{A(!1)}},I=s.labelWidth.value(n),M=s.largeLabelWidth.value(n),fe=et.getLocalizedStrings(),{common:{texts:{comments:ht},strings:{empty:ve}},collaboration:{threads:{placeholder:{addANewComment:yt,replyAComment:bt},tooltip:{resolveComment:gt,unResolveComment:wt}}},dateFormat:$e}=fe,{reimbursementDetail:i,bulkActions:_}=fe.spendManagement.reimbursement,ee=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],W=e.remiDetails?.reimbursementInfo.stage,E=e.remiDetails?.reimbursementInfo.billStatus,O=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=W?.code==="paid",xt=Te?W:E?.code=="approved"&&O?.code?O:E,v=li(e.remiDetails),R=E?.code=="approved"&&O?.code?O:E,F=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{X({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),A(!0)},De=()=>{rt()},ft={onOkClick:l=>{J(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{J(!1)}},vt=e.remiDetails?.reimbursementInfo.paymentDate!=null?ei(ti(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,te=e.remiDetails?.reimbursementInfo.expectedDepositDate??vt,$t=e.remiDetails?.lines?.some(l=>{const o=l.lineDetail;return o?.account?.isDeleted===!0&&o?.account?.isBillEditableCoaAccountType===!1})??!1,Ce=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at&&!$t,Tt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ie=xt?.code,jt=ri(e.duplicateLineByLineId),ze=e.duplicateReimbursementStatus.fetchState==="Completed"&&jt>0,{requestToOpenThread:ae,setRequestToOpenThread:K,setOpenThread:U}=p.useContext(Mt);p.useEffect(()=>{k?.threadId!=null&&k?.companyId!=null&&k?.entityType!=null&&K(k)},[k,K]);const{threads:B,isLoading:D}=Rt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),St=p.useMemo(()=>B.filter(l=>l.resolved===!1&&!l.id.includes(Bt)),[B]).length,It=p.useCallback((l,o)=>{U(o),L(!1)},[U,L]);p.useEffect(()=>{ae?.threadId!=null&&B.length>0&&!D&&(U(ae.threadId),K(null))},[ae,B,D,U,K]);const b={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},P=ii(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Bi,{windowSize:n,ref:N,children:[dt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:S.title}),descriptionComponent:t.jsx(Me,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:ut}):null,ct?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:ft,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Di,{windowSize:n,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[n!=="small"?t.jsx(Be,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ci,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ge.colors.background,keepBackgroundOnScroll:!0,scrollableContent:N,source:"ReimbursementDetailPage"}):null,n!=="small"?t.jsx(ji,{}):null,t.jsx(Be,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:ee??ve,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:n!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(ki,{children:[u?t.jsxs(Ai,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),L(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(o=>Nt(o)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Pt,{count:D?void 0:St,isLoading:D,style:{left:"12px"}}),t.jsx(Mi,{})]}):null,t.jsx(Ri,{size:n,onClick:()=>{H()},"data-testid":y("remi-detail-page-close"),children:t.jsx(zi,{})})]}),scrollableContent:N,enableTitleOnScroll:n!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Oi,{children:[n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(qe,{windowSize:n,children:t.jsx(Je,{windowsSize:n,children:ee})}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:n,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&v!=null?t.jsx(Ge,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null,R?.code!=null?n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Lt,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),P?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ze?t.jsxs(Ee,{size:n,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Oe,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,j.map((l,o)=>{const $=e.duplicateLineByLineId[l.lineId];return t.jsxs(Xe,{windowSize:n,children:[t.jsx(_i,{windowSize:n,children:t.jsx(Wi,{bottomSeperator:j.length!==1,windowSize:n,children:t.jsx(ai,{showAutofill:!1,uploadInvoiceEndPoint:C,authParams:oe,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${o+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===o||o===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Li,{windowSize:n,children:[o===0&&n!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qe,{windowSize:n,children:[t.jsx(Je,{windowsSize:n,children:ee}),me&&v!=null?t.jsx(Ge,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:n,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,R?.code!=null?t.jsx(Ye,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,P?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ze?t.jsxs(Ee,{size:n,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Oe,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(ui,{windowSize:n,ref:ke=>{ke!=null&&(we.current[`L${l.lineId}`]=ke)},children:[n!=="small"?t.jsx(pi,{children:t.jsx(hi,{children:j.length>1?`#${o+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(yi,{windowSize:n,children:[$?.duplicateLineId!=null?t.jsxs(ci,{children:[i.thisExpenseReview," ",t.jsx(mi,{onClick:()=>{if($.isDuplicateWithinTransaction&&$.duplicateLineId!=null)return xe(`L${$.duplicateLineId}`);$.duplicateTransactionId!=null&&$.duplicateLineId!=null&&nt($.duplicateTransactionId,$.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:l.type===i.mileageKey?`${o}.mileage.reimbursementType`:`${o}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("reimbursementType",o,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:$?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:M},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:$?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("transactionDate",o,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format($e.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("distanceInMiles",o,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:M},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("amount",o,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("memo",o,"mileage")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("class",o,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("merchant",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:M},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("transactionDate",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format($e.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("amount",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("memo",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("account",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.category,width:I},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(g,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...b,entityType:`reimbursement.details.${f("class",o,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),j.length!==1&&j.length===o+1&&t.jsxs(Ni,{windowSize:n,children:[t.jsxs(Ze,{windowSize:n,children:[t.jsx(Qe,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(We,{amount:Se,activities:e.remiActivities,stage:W?.code??"draft",onAddNewRule:be,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Xe,{windowSize:n,children:[t.jsx(He,{}),t.jsxs(si,{windowSize:n,children:[t.jsx(Pi,{windowSize:n,children:t.jsxs(Ze,{windowSize:n,children:[t.jsx(Qe,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(di,{windowSize:n,children:t.jsx(We,{amount:Se,activities:e.remiActivities,stage:W?.code??"draft",onAddNewRule:be,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Ei,{})]}),Te||F===!0?null:t.jsxs(Ii,{children:[n!=="small"?t.jsx(He,{}):null,t.jsx(gi,{windowSize:n,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Y===!0&&q(!1)},children:t.jsx(_t,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.delete:i.buttons.deleteReport:n==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Z==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Z==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(Q("delete"),Ie()):(Q("rejected"),J(!0))},style:{width:s.footerButtonWidth.value(n)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.edit:i.buttons.editAndResubmit:n==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:Z==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(Q("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},style:{width:s.footerButtonWidth.value(n)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(bi,{children:t.jsxs(Si,{windowSize:n,children:[!P&&Y?t.jsx(Wt,{onClickAway:()=>q(!1),children:t.jsxs(Ti,{windowSize:n,children:[ie!=="processing"?t.jsx(ne,{onClick:Ie,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ie==="processing"?t.jsx(ne,{onClick:()=>{X({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ie==="processing"?t.jsx(ne,{onClick:()=>{X({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs($i,{windowSize:n,children:[!P&&Ce?t.jsx(vi,{onClick:De,"data-testid":y("remi-edit-button"),children:t.jsx(fi,{})}):null,P||Tt!==!0?null:t.jsx(xi,{windowSize:n,showEditIcon:Ce,children:t.jsx(wi,{onClick:()=>q(!Y),"data-testid":y("remi-more-actions-button")})})]})]})}),style:{minHeight:62}})})]}),u?t.jsx(Xt,{id:h,children:t.jsx(Et,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:ht,threads:B,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:z?.companyId??ve,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:z?{companyName:z.companyName,companyId:z.companyId,entityId:z.entityId,entityType:z.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:yt,replyComposerPlaceholder:bt,threadResolve:gt,threadUnResolve:wt},onThreadClick:(l,o)=>It(l,o),onCloseAllThreadsDrawer:()=>L(!1),drawerSectionStyle:{width:"400px",backgroundColor:ge.colors.background}})}):null]})},li=e=>{const C=et.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:C.tabsById.deleted,color:re.deleted.color,bgColor:re.deleted.bgColor,borderColor:re.deleted.borderColor,code:"deleted"}},si=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,di=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
+`,ci=r(Gt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${G.alertLight};
+  color: ${G.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,mi=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,Ee=r.div`
+  display: flex;
+  gap: ${a.sp2};
+  padding: ${a.sp3};
+  border-radius: ${a.sp2};
+  align-items: start;
+  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${G.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,Oe=r(Zt)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Fe=r.div`
+  width: 100%;
+`,Ke=r(tt)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ue=r(Qt)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${G.brandColorGoldDark};
+`,Ve=r(tt)`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`,pi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,ui=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,hi=r(it)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,yi=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
+  z-index: 3;
+`,bi=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,gi=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,wi=r(Jt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xi=r.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fi=r(qt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,vi=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ge=r(it)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: ${a.sp3};
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${a.sp1};
+  min-width: fit-content;
+  max-width: fit-content;
+`,$i=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ti=r.div`
+  display: flex;
+  width: max-content;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  padding-top: ${a.sp1};
+  padding-bottom: ${a.sp1};
+  position: absolute;
+  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${a.sp1};
+  right: ${e=>s.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
+`,ji=r.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 1;
+`,Si=r.div`
+  width: auto;
+  justify-content: flex-end;
+  position: ${e=>e.windowSize==="small"?"static":"relative"};
+  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+`,ne=r(Yt)`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: ${a.sp3};
+  padding-right: ${a.sp3};
+  height: ${a.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,Ii=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Di=r.div`
+  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  position: fixed;
+  z-index: 4;
+`,Ci=r(Ot)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+`,T=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,zi=r(Kt)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ki=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Ai=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Mi=r(Ft)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,Ri=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,Bi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  background: -webkit-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -moz-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -o-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  ${e=>e.windowSize==="small"&&`
+    background: ${e.theme.colors.grey4};
+  `}
+  height: 100vh;
+  overflow: scroll;
+`,He=r.div`
+  width: 42%;
+`,Pi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ye=r.div`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,qe=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
+`,Je=r(Vt)`
+  flex-grow: 1;
+  ${e=>`${oi.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ni=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ze=r.div`
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Qe=r(Ht)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Li=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Xe=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,_i=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Wi=r.div`
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
+`,Ei=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,Oi=r.div`
+  margin-top: 78px;
+`;export{na as default};