@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/ReportTableViewSelector-DOnGrFNT-B1xUQ166.js

@@ -1,150 +0,0 @@
-import{u as Q,e as ie,bI as me,a as fe,j as o,r as ge,B as X,bJ as ee,F as xe,C as O,a4 as be,o as a,bK as ye,bL as _e,bM as we,bN as $e,bO as ve,n as ce,bP as Ce,s as p,c as ke,M as K,aZ as je,a8 as Ne,k as Se,b1 as Ie}from"./index-CteHikkY.js";import{b as f,f as de,n as d}from"./vendor-rkTZJa59.js";import{W as P,R as Oe}from"./CollapsableReportTable-CuZSfiJ--BV5LvjsE.js";const R=X.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat,Pe=e=>({this_period:{start_date:e.thisPeriod.startDate.format(R),end_date:e.thisPeriod.endDate.format(R)},number_of_periods:e.numberOfPeriods,order_by:e.orderBy}),De=e=>e!=null?{start_date:e.startDate.format(R),end_date:e.endDate.format(R)}:void 0;function Fe(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,include_cover_page:e.includeCoverPage,company_name:e.companyName,statement_file_type:e.statementFileType,statements:e.statements,first_month_of_fy:e.firstMonthOfFY,book_close_date:e.bookCloseDate!=null?e.bookCloseDate.format(R):void 0,timeframe:e.timeframe,additional_balances:e.additionalBalances,format:e.format,balances_filter:Pe(e.balancesFilter),account_view_mode:e.accountViewMode,classes_to_filter_out:e.classesToFilterOut,data_available:De(e.dataAvailable),is_zeni_coa_used:e.isZeniCOAUsed}}async function ao(e,c,n){const t=X.getLocalizedStrings().downloadReport,r=`${e}?query=${encodeURIComponent(JSON.stringify(Fe(n)))}`;try{const h=await ye({urlEndPoint:r,authParams:c,fileType:n.statementFileType});if(h.ok){const b=_e(h.headers,t.defaultFileName),y=await h.arrayBuffer();we(y,b)}else console.error(`${t.reportErrorMessage} ${h.statusText}`)}catch(h){console.error(`${t.reportErrorMessage} ${JSON.stringify(h)}`)}}const Be=d.div`
-  padding: 0 ${a.sp3} 0 ${a.sp3};
-  border: 1px solid ${e=>e.theme.colors.primary};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${a.sp1};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  height: ${a.sp8};
-  cursor: pointer;
-`,Ee=d(Se)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: -2px;
-`,Le=d(Ie)`
-  color: ${e=>e.theme.colors.hero};
-  width: 12px;
-  height: 12px;
-  margin: auto ${a.sp0};
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ae=e=>{const{value:c,onClick:n}=e,t=Q();return o.jsxs(Be,{onClick:n,children:[o.jsx(Ee,{style:{color:t.colors.primary},children:c}),o.jsx(Le,{})]})},Te=de.memo(Ae);function Me({backgroundColor:e,foregroundColor:c,animated:n,width:t,height:r}){return o.jsxs(je,{speed:2,width:t,height:r,viewBox:`0 0 ${t} ${r}`,animate:n!=!1,backgroundColor:e,foregroundColor:c,style:{marginBottom:a.sp2},children:[o.jsx("rect",{x:"45",y:p[3],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:p[8],rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"96",rx:"5",ry:"5",width:"120",height:p[4]}),o.jsx("rect",{x:"45",y:"136",rx:"5",ry:"5",width:"120",height:p[4]})]})}function he({nestedClass:e,isLastNode:c,config:n,parentNodeIDs:t}){const r=P("checkbox_and_name_only",[],e.classId[0]),h={children:[],id:r,isLastNode:c,reportElementData:{element:{kind:"checkbox_and_name_only",title:e.className,data:e,numOfBalances:0},config:n}};return h.children=e.children.map((b,y)=>he({nestedClass:b,config:n,isLastNode:y===e.children.length-1,parentNodeIDs:[...t,r]})),h}function ze(e,c){const n=e.map((t,r)=>{const h=P("checkbox_and_name_only",[],t.classId[0]),b={children:[],id:h,isLastNode:t.children.length!==0,reportElementData:{element:{kind:"checkbox_and_name_only",title:t.className,data:t,numOfBalances:0},config:c}},y=t.children.map(D=>he({nestedClass:D,config:c,isLastNode:r===t.children.length-1,parentNodeIDs:[h]}));return b.children.push(...y),b});return{config:c,headerNodes:[],contentNodes:[...n]}}function We(e,c){Object.assign(e.config,c);const n=e.contentNodes;return n.forEach(t=>ue(t,c)),{config:c,headerNodes:[],contentNodes:[...n]}}function ue(e,c){Object.assign(e.reportElementData.config,c),e.children.forEach(n=>ue(n,c))}const oe={contentPaddingLeft:new O(p[3],p[3],p[2]),contentPaddingRight:new O(p[3],p[3],p[2])},Re=d.div`
-  height: ${e=>e.height}px;
-  width: 100%;
-`,Ye=({reportId:e,firstMonthOfFY:c,nestedClassHierarchy:n,classesToBeFilteredOut:t,selectedView:r,showClassAccountNumber:h,scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:q,onToggleCheck:F})=>{const Y=Q(),H=ie(),[$,j]=f.useState(void 0),[T,_]=f.useState(!1),[M,B]=f.useState({}),[g,z]=f.useState(void 0),[E,v]=f.useState(r),G="none",L=i=>r==="account_group"?!0:t?.length>0?t.find(l=>l[0]===i[0])!=null:!1,N=(i,l)=>{_(!0),B(i),F?.(i,l,r==="account_group"?!0:void 0),w(i,l)},w=(i,l)=>{const m=V(i);for(const C of m.children)F?.(C.classId,l),w(C.classId,l)},V=i=>{let l=n.filter(m=>m.classId[0]===i[i.length-1])[0];for(let m=i.length-2;m>=0;m--)l=l.children.filter(C=>C.classId[0]===i[m])[0];return l},J=i=>{if(i.length>1){const l=V(i.slice(1));let m=!1;for(const C of l.children)if(t.find(s=>s[0]===C.classId[0])===void 0){m=!0;break}m===!0?F?.(l.classId,!0):F?.(l.classId,!1),B(l.classId)}};f.useEffect(()=>{T&&J(M)}),f.useEffect(()=>{const i={reportId:e,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:G,firstMonthOfFY:c,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,isClassToBeFilteredOut:L,showClassAccountNumber:h};if($==null||!K(g,n)||!K(E,r)||T===!0){const l=ze(n,i);z(n),j(l),v(r)}else{const l=We($,i);j(l),v(r)}},[n,r,t]);const[Z,U]=f.useState(5),A=i=>{const l=i+p[6];U(l)};return $!=null?o.jsx(Re,{height:Z,children:o.jsx(Oe,{backgroundColor:r==="classes"?new Ne(Y.colors.background):void 0,rootNodes:$,type:"name_only",compareMode:"compare_mode_amount",isSticky:{isStickyHeader:!1,isStickyName:!1},treeNodePadding:{left:oe.contentPaddingLeft.value(H),right:oe.contentPaddingRight.value(H)},scrollPosition:b,onScroll:y,nodeOpenStatus:D,onNodeCollapseToggled:q,onToggleCheck:N,onReportTableHeightChanged:A})}):null},k={width:new O(350,400,400),height:new O(165,165,165),buttonWidth:new O(62,62),buttonHeight:new O(p[5],p[5]),containerWidth:new O(150,400,400)},He=d.div`
-  position: relative;
-  pointer-events: ${e=>e.isDisabled===!0?"none":"initial"};
-`,Ge=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>k.containerWidth.valuePx(e.windowSize)};
-`,Ve=d($e)`
-  display: flex;
-  flex-direction: row;
-  width: fit-content;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.primary};
-  .dropdownIcon {
-    color: ${e=>e.theme.colors.hero};
-  }
-  &:hover {
-    .dropdownIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-  gap: ${a.sp2};
-  margin-top: 12px;
-  align-items: center;
-`,Je=d(ve)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ze=d.div`
-  display: flex;
-  width: ${e=>e.width}px;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey5};
-  border-radius: ${a.sp1};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowHover}`};
-  margin-top: 10px;
-  padding-top: ${a.sp1};
-  background: ${e=>e.theme.colors.grey5};
-`,te=d.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.checked===!0?e.theme.colors.background:"transparent"};
-  & input[type="radio"] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    display: inline-block;
-    width: ${a.sp3};
-    height: ${a.sp3};
-    padding: 2px;
-    background-clip: content-box;
-    border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: 50%;
-    margin: ${a.sp0} ${a.sp2} ${a.sp0} ${a.sp2};
-    cursor: pointer;
-  }
-
-  input[type="radio"]:checked {
-    background-color: ${e=>e.theme.colors.primary};
-  }
-
-  input[type="radio"]:disabled {
-    cursor: default;
-  }
-
-  &:hover {
-    background: ${e=>e.theme.colors.background};
-  }
-`,se=d(ke)`
-  height: ${a.sp6};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,qe=d.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  height: 100%;
-  width: inherit;
-  overflow-y: auto;
-  .hide-icon {
-    display: none;
-  }
-  min-height: 165px;
-  max-height: 353px;
-  overscroll-behavior: contain;
-`,Ue=d.div`
-  width: 100%;
-  height: 65px;
-`,ne=d.label`
-  color: ${e=>e.theme.colors.primary};
-  cursor: ${e=>e.disabled===!0?"default":"pointer"};
-`,Ke=d(ce)`
-  display: flex;
-  align-items: center;
-  column-gap: ${a.sp2};
-  margin-left: ${a.sp5};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    cursor: pointer;
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Qe=d.div`
-  display: flex;
-  flex: 1;
-  width: inherit;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Xe=d(Ce)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,eo=d(ce)`
-  margin-left: ${a.sp5};
-  margin-top: -12px;
-  color: ${e=>e.theme.colors.hero};
-`,{reportViewSelector:I,common:{footer:ae}}=X.getLocalizedStrings(),re="tableViewSelector",le=e=>`${e}_form`;function ro({reportId:e,firstMonthOfFY:c,nodes:n,classesListFetchState:t,selectedView:r,classesToBeFilteredOut:h,showClassAccountNumber:b,onOpenAccountViewMode:y,onSaveClick:D,isClassViewDisabled:q,downloadPage:F,showAccountGroups:Y=!0,onResyncReports:H,isPageFetchInProgress:$=!1,lastRefreshSuccessTime:j}){const T=Q(),_=ie(),[M,B]=f.useState(!1),[g,z]=f.useState(r),[E,v]=f.useState({}),G=(s,u)=>(s.forEach(x=>{u.push(x.classId),u=G(x.children,u)}),u),L=G(n,[]),[N,w]=f.useState(g==="classes"?h:L),V=t!=="Completed"||g==="classes"&&N.length===L.length;me({componentName:`reports.${e}`});const J=s=>s==="classes"?I.classes.label:Y===!0?I.accountGroups.label:I.accounts.label,Z=fe({mode:"all"}),U=Z.handleSubmit(()=>{B(!1),g==="classes"?D?.("classes",N):D?.("account_group")}),A=s=>{if(z(s),s==="classes")v({}),w([]);else{w(L);let u={};n.forEach(x=>{const S=P("checkbox_and_name_only",[],x.classId[0]);u=Object.assign({},u,{[S]:!1})}),v(u)}},i=()=>{M===!0&&m(),B(!M);let s={};n.forEach(u=>{const x=P("checkbox_and_name_only",[],u.classId[0]);r==="account_group"||N.find(S=>S[0]===u.classId[0])!==void 0?s=Object.assign({},s,{[x]:!1}):s=Object.assign({},s,{[x]:!0})}),v(s)},l=(s,u,x)=>{if(x===!0&&(z("classes"),w(L)),u===!0){const S=P("checkbox_and_name_only",[],s[0]);E[S]=!0,v(E),w(W=>W.filter(pe=>pe[0]!==s[0]))}else{const S=P("checkbox_and_name_only",[],s[0]);E[S]=!1,N.find(W=>W[0]===s[0])===void 0&&w(W=>[...W,s])}},m=()=>{B(!1),z(r),w(h)},C=()=>{$===!1&&H?.()};return f.useEffect(()=>{if(t==="Completed"&&g==="account_group"){let s={};n.forEach(u=>{const x=P("checkbox_and_name_only",[],u.classId[0]);s=Object.assign({},s,{[x]:!1})}),v(s)}},[t]),o.jsx(ge,{onClickAway:m,children:o.jsxs(He,{isDisabled:q??!1,children:[F===!0?o.jsx(Te,{value:J(r),onClick:()=>{y?.(),i()}}):o.jsxs(Ge,{windowSize:_,children:[o.jsxs(Ve,{onClick:s=>{s.preventDefault(),y?.(),i()},children:[o.jsx(Je,{className:"dropdownIcon"}),J(r)]}),r==="classes"?o.jsx(Ke,{onClick:C,children:$?I.generatingReportByClass:o.jsxs(o.Fragment,{children:[j&&`${ee(j)}`,o.jsx(Xe,{})]})}):null]}),M?o.jsx(xe,{...Z,children:o.jsx("form",{id:le(re),onSubmit:U,children:o.jsxs(Ze,{width:k.width.value(_),children:[o.jsx(te,{checked:g==="account_group",children:o.jsxs(se,{onClick:()=>g!=="account_group"?A("account_group"):null,children:[o.jsx("input",{type:"radio",value:"account_group",id:"accountGroups",name:"formgroup",onChange:s=>A(s.currentTarget.value),checked:g==="account_group",disabled:t!=="Completed"}),o.jsx(ne,{disabled:t!=="Completed",children:Y===!0?I.accountGroups.dropdownLabel:I.accounts.dropdownLabel})]})}),o.jsx(Qe,{}),o.jsxs(te,{checked:g==="classes",children:[o.jsxs(se,{onClick:()=>t==="Completed"?A("classes"):null,children:[o.jsx("input",{type:"radio",value:"classes",id:"classes",name:"formgroup",onChange:s=>t==="Completed"?A(s.currentTarget.value):null,checked:g==="classes",disabled:t!=="Completed"}),o.jsx(ne,{disabled:t!=="Completed",children:I.classes.dropdownLabel})]}),$||t!=="Completed"?null:o.jsx(eo,{children:j&&`${ee(j)}`}),t==="Completed"?o.jsx(qe,{id:"sectionformcontainer",children:o.jsx(oo,{reportId:e,firstMonthOfFY:c,nestedClassHierarchy:n,classesToBeFilteredOut:N,selectedView:g,nodeOpenStatus:E,showClassAccountNumber:b,onToggleCheck:l})}):o.jsx(Me,{backgroundColor:T.colors.grey3,foregroundColor:T.colors.grey4,width:k.width.value(_),height:k.height.value(_),animated:!0})]}),o.jsx(Ue,{children:o.jsx(be,{formId:le(re),primaryBtn:{label:ae.save,style:{width:k.buttonWidth.valuePx(_),height:k.buttonHeight.valuePx(_)},isLoading:!1,isDisabled:V,size:"small"},showCancel:!0,cancelBtn:{label:ae.cancel,style:{width:k.buttonWidth.valuePx(_),height:k.buttonHeight.valuePx(_)},onClick:m,size:"small",shouldResetOnCancel:!0},style:{padding:a.sp3}})})]})})}):null]})})}const oo=de.memo(Ye,K);export{ao as c,ro as h};

package/dist/assets/ReviewDetailsPage-BCo54ehm-fgesmtoD.js

@@ -1,290 +0,0 @@
-import{e as Tt,w as vt,C as y,cH as jt,B as St,cI as Ct,cJ as Dt,j as t,cK as It,cL as le,cM as Pt,l as d,cN as At,cO as kt,Z as j,cP as Mt,a0 as k,cQ as Bt,cR as Nt,cS as ke,cT as Me,cU as Be,$ as G,cV as O,cW as z,cX as _,g as S,cY as Lt,cZ as Ft,c_ as Rt,c$ as Et,bA as Ne,o as n,a4 as Ot,s as c,d as zt,bw as _t,b as Wt,h as Ut,d0 as Yt,bN as Zt,k as se,n as de,d1 as Ht,d2 as Vt,aC as Gt,T as Kt,ao as Xt,Y as qe,b5 as qt,c as Qe,aP as Qt,d3 as Jt}from"./index-CteHikkY.js";import{b as U,n as i}from"./vendor-rkTZJa59.js";import{t as en,o as tn}from"./LowBalancePopup-3lHeOacz-Cg-6ggSe.js";import{S as W}from"./LabeledText-QTidAWAx-fh93_-mv.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Le,common:{currency:v,labels:Fe,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Re}=ln,Ee=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Ht,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Vt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:Q,retryPayment:ot})=>{const s=Tt(),m=vt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,L=`dashboard_${m.currentTenant?.companyId}`,F=p.largeLabelWidth.value(s),R=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Le.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},E={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},[rt,ge]=U.useState(!1),[st,xe]=U.useState(!1),fe=()=>ge(!1),dt=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(An,{size:s,children:t.jsx(Pn,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(R?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[R,J,ye,me,ue]);const T=e.billPayInfo?.stage,P=e.billPayInfo?.billStatus,Y=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=T?.code==="paid"?T:P?.code=="approved"&&Y?.code?Y:P,pt=e.billPayInfo?.isRefundInitiated===!0?mt:P?.code=="approved"&&Y?.code?Y:P,ne=()=>{ce()},be=()=>{ce()},Z=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(Pt,{paymentTypeLabel:we,onClick:dt}):a.addedByZeni,H=w.allApprovalRules.length>0,yt=d.toAmount(o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-E.amount:u.amount,o?.fee.currencyCode??d.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??d.defaultVendorCurrency.currencySymbol),g=d.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",T?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(T?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},A=g&&(T?.code!=null?T.code==="draft"||P?.code==="approved":!0),b=A&&!it,Te=Oe(b,H,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===v.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?At(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Le.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:d.zeniDate(I?.startDate?.toString()??"").format(D),endDate:d.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=T?.code??"draft",Ce=P?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Pe=Jt(m.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Te===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Pe,Ae):Te===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Pe,Ae)}}},ve=()=>{je===!0&&V(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",T?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=d.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,V]=U.useState(!1);return t.jsxs(hn,{children:[st?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:R?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:ve,onCancelClick:()=>{V(!1),ne()},onClickAway:()=>{V(!1)}}):null,t.jsx(kt,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Z?.format(D)??"",paymentType:we,amount:k("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:s,style:tt,children:[s==="small"?t.jsxs(In,{windowSize:s,children:[t.jsx(He,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(He,{onClick:be})}),s!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(vn,{children:a.duplicateBillPayWarning}),t.jsxs(Tn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>Q(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Rn,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(En,{children:Je.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Ee,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsx(X,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(Ke,{windowSize:s,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Ln,{"data-testid":j("review-detail-mobile-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsxs(X,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Xe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(Ee,{attachment:l.attachments[0]}):t.jsx(Ve,{children:t.jsx(Ge,{})}),t.jsxs(Fn,{"data-testid":j("review-detail-info"),onClick:()=>Q(l.id,l.billPayInfo.stage.code),children:[t.jsx(X,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(X,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{style:{width:"25%"},windowSize:s,children:k("0,0[.]00",l.amount)})]}),t.jsx(Xe,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(Ye,{children:a.pay}),t.jsx(Ze,{children:t.jsx(Be,{amount:yt,integerStyles:G.largeMedium.cssObject,decimalStyles:G.smallMedium.cssObject})}),t.jsx(Ye,{children:a.to}),t.jsx(Ze,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:L,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:F},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Lt(e.paymentDetailsSection.withdrawFrom,s):h,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(s),marginTop:p.infoLabelMarginTop.valuePx(s),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(K,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:L,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:F},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(K,{}),!g&&Z!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:L,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:F},style:{width:"auto"},value:Z.format(D),additionalInfoLabel:`${a.estimatedArrival}${d.zeniDate(d.getNextNthWorkingDay(Z.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(K,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:L,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:F},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(K,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:L,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:F},style:{width:"auto"},value:Et(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Rt(s,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:s,children:[t.jsxs(un,{children:[t.jsx(sn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==v.currencyCode?Re.conversionAmountColon:Fe.invoiceAmount}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount-E.amount,currencySymbol:E.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Re.transactionFee}),t.jsx(oe,{children:k("0,0[.]00",{amount:E.amount,currencySymbol:E.currencySymbol})})]}),t.jsx(dn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Fe.total}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:d.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:G.h6Medium.cssObject,decimalStyles:G.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:A&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:A&&!b?$e:ne,style:{width:ze(!1,A,b,H,s)}},primaryBtn:{label:Oe(b,H,e.isBillMarkedForRetry),isLoading:R?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?V(!0):ve()},style:{width:ze(!0,A,b,H,s)}},rightSideComponent:A&&!b&&R.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:s,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(d.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(kn,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(qt)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_e=i(Qe)`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: ${n.sp1};
-`,oe=i.div`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,re=i.div`
-  color: ${e=>e.theme.colors.hero};
-`,rn=i(Qe)`
-  display: flex;
-  justify-content: space-between;
-  padding-top: ${n.sp1};
-`,sn=i.div``,dn=i.div`
-  background-color: ${S.neutralGrey3Dark};
-  height: 1px;
-  width: 280px;
-`,cn=i.div``,mn=i.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,pn=i.div`
-  width: 100%;
-  padding: ${n.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: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${n.sp2};
-`,un=i(qe)`
-  gap: ${n.sp1};
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-`,yn=i(qe)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,hn=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,gn=i.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin-left: ${e=>p.reviewContainerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>p.reviewContainerMarginRight.valuePx(e.windowSize)};
-  padding-top: ${n.sp3};
-`,xn=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,K=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,We=i(Ut)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${nn.sectionTitle.style(e.windowSize)}`};
-  margin-left: ${e=>p.sectionTitleMarginLeft.valuePx(e.windowSize)};
-`,fn=i.div`
-  display: flex;
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,bn=i.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: ${n.sp2};
-  padding: ${n.sp3} ${n.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,wn=i.div`
-  background-color: ${S.alertLight};
-  border-radius: ${n.sp2};
-  width: 100%;
-  display: flex;
-`,$n=i.div`
-  display: flex;
-  flex-direction: column;
-  padding-left: ${n.sp2};
-`,Tn=i(se)`
-  padding-bottom: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,vn=i(Zt)`
-  padding-top: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,Ue=i.div`
-  display: flex;
-  flex-direction: ${e=>Je.includes(e.windowSize)?"column":"row"};
-  width: 100%;
-`,jn=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: ${n.sp1};
-`,Sn=i.div`
-  display: flex;
-  column-gap: ${n.sp2};
-  align-items: center;
-`,Cn=i.div`
-  display: flex;
-  padding-top: ${n.sp3};
-`,Ye=i(Kt)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp1};
-`,Ze=i(Xt)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,He=i(_t)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Dn=i.div`
-  margin-bottom: ${n.sp3};
-`,In=i.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${e=>e.showAutofill===!0?n.sp8:"unset"};
-  position: absolute;
-  width: 100%;
-  top: ${n.sp0};
-  padding-top: ${e=>p.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-right: 33px;
-  padding-bottom: ${e=>p.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-left: ${n.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Pn=i(zt)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,An=i.span`
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp2};
-  margin-top: ${e=>p.iconContainerMarginTop.valuePx(e.size)};
-  align-self: ${e=>e.size==="small"?"baseline":"center"};
-`,kn=i(de)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-`,Mn=i.a`
-  color: ${e=>e.theme.colors.grey1};
-  text-decoration: underline;
-  margin-right: ${n.sp1};
-  margin-left: ${n.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Bn=i.div`
-  cursor: ${e=>e.isDisabled?"default":"pointer"};
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp2};
-  &:hover {
-    svg {
-      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
-    }
-  }
-`,Nn=i.div`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  display: flex;
-`,Ve=i.div`
-  cursor: default;
-  display: flex;
-  align-items: center;
-  margin-right: ${n.sp1};
-`,Ge=i(Gt)`
-  cursor: pointer;
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,X=i(se)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  min-width: 142px;
-  flex-grow: 1;
-`,Ke=i(se)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  margin-right: ${e=>p.infoMarginRight.valuePx(e.windowSize)};
-  min-width: ${e=>p.infoMinWidth.valuePx(e.windowSize)};
-  justify-content: flex-end;
-`,Ln=i.div`
-  display: flex;
-  cursor: pointer;
-  column-gap: ${n.sp1};
-  margin-left: ${n.sp5};
-`,Xe=i.div`
-  width: 120px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-`,Fn=i.div`
-  display: flex;
-  flex-grow: 1;
-  cursor: pointer;
-  width: 100%;
-`,q=i(de)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  height: 20px;
-  text-align: center;
-  max-width: 84px;
-  display: block;
-  cursor: default;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${n.sp1};
-`,Rn=i.div`
-  display: flex;
-  flex-direction: column;
-`,En=i.div`
-  display: flex;
-  width: 100%;
-  flex-flow: column;
-  padding-top: ${n.sp2};
-  padding-bottom: ${n.sp2};
-  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,On=i(de)`
-  margin-top: ${n.sp3};
-  color: ${S.alert};
-`,zn=i(Yt)`
-  min-width: ${n.sp4};
-  height: ${n.sp4};
-  width: ${n.sp4};
-  margin-top: ${n.sp3};
-  margin-left: ${n.sp4};
-  color: ${S.brandColorGoldDark};
-`,_n=i.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-right: ${e=>p.footerRightIconMarginRight.valuePx(e.windowSize)};
-`,Wn=i(Qt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Un=i.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${n.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;export{ti as default};