@zeniai/web-components 3.17.1 → 3.17.2

package/dist/TransferDrawerPage-B4q734of.cjs

@@ -0,0 +1,362 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),c=require("react"),n=require("@emotion/styled"),e=require("./index-gTpRqqAW.cjs"),Oe=require("react-plaid-link"),We=require("@zeniai/client-epic-state"),_e=require("./ZeniTransferAmountSlider-V-_qgSSg.cjs"),Ne=require("./BusyIndication-C9yxbWHz.cjs"),qe=require("./AccountInfoPageContent-Bgzv1ygb.cjs"),{common:ne,spendManagement:{zeniAccounts:{zeniAccountList:w}}}=e.appLocale.getLocalizedStrings(),Pe="amount",Ve="transferTo",me="transferFrom",v="transferDetails",Ee="transferDetailPage",ie=(t,r)=>`${t}.${r}`,Le=t=>`${t}_form`,p={largeLabelWidth:new e.ResponsiveSized(120,120,160),rowContentPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labeleMarginLeft:new e.ResponsiveSized(e.sp[0],e.sp[0]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[3]),labeleMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[0]),labeledFieldPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[0]),labeledFieldPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[2]),labeledFieldPaddingTop:new e.ResponsiveSized(e.sp[3],e.sp[3]),labeledFieldPaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),infoLabelPaddingRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),infoLabelMarginTop:new e.ResponsiveSized(e.sp[1],e.sp[0]),controllerWrapperFlex:new e.ResponsiveSized(1,e.sp[0])};function Xe({plaidConnectionDetails:t,transferDetails:r,zeniAccountsConfigDetail:x,isCalculatorOpen:h,showAnnualYieldEarned:j,transferAmount:g,yieldEarned:l,totalBalance:d,maxInsuredAmount:i,setIsCalculatorOpen:$,setShowAnnualYieldEarned:R,setTransferAmount:y,setYieldEarned:D,setTotalBalance:C,onSaveChangesToLocalStore:V,onBackClick:A,onEstablishConnectionClick:M,fireTrackTransferBetweenAccountsFormClicked:I,onFetchLinkTokenClick:X,onReviewClick:H}){const a=e.useWindowSizeContext(),F=p.largeLabelWidth.value(a),[B,E]=c.useState(!1),u=t.link_account_no_microdeposit,[b,k]=c.useState(u.linkToken??null),[f,L]=c.useState(!1),[O,W]=c.useState(!1),Z=r.transferMoneyPartiesFetchState,Q=e.usePrevious(Z),_=r.transferDetailLocalData.transferFrom?.id,Y=r.transferDetailLocalData.transferTo?.id,ee=e.usePrevious(_),de=e.usePrevious(Y),re=r.transferMoneyParties.map(s=>s.id),ae=e.usePrevious(re),ze=c.useCallback(s=>{M?.(s),A(),W(!1),L(!1)},[A,M]),De=c.useCallback((s,m)=>{s!=null&&console.log("Plaid Connection Error",s,m)},[]),{open:N,ready:U}=Oe.usePlaidLink({token:b,onSuccess:ze,onExit:De}),te=c.useCallback(s=>{s.preventDefault(),s.stopPropagation(),U?N():L(!0)},[N,U]),T=o.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:c.useMemo(()=>xe(r,te),[r])});c.useEffect(()=>{u.fetchStatus.fetchState==="Completed"&&u.linkToken!=null&&u.linkToken!==b&&k(u.linkToken)},[u.fetchStatus.fetchState,u.linkToken,b]),c.useEffect(()=>{u.linkToken===b&&u.fetchStatus.fetchState==="Completed"&&U&&W(!0)},[U,b,u.fetchStatus,u.linkToken,u.fetchStatus.fetchState]),c.useEffect(()=>{O&&f&&N()},[O,N,f]),c.useEffect(()=>{(We.zeniDate(new Date().toISOString()).isAfter(u.expiration)||u.linkToken==null)&&X?.("link_account_no_microdeposit")},[]),c.useEffect(()=>{const s=ae!=null&&JSON.stringify(ae)!==JSON.stringify(re);(Q==="In-Progress"&&Z==="Completed"||ee!==_||de!==Y||s)&&T.reset(xe(r,()=>N()))},[U,b,u.fetchStatus.fetchState,Q,Z,ee,de,Y,_,ae,re,T,r,N]);const{isValid:Ce}=T.formState,Ae=async(s,m)=>{if(s!=null){const z={...m},oe={amount:{amount:z[v].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:r.transferMoneyParties.find(G=>G.id===z[v].transferFrom.selectedOption),transferTo:r.transferMoneyParties.find(G=>G.id===z[v].transferTo.selectedOption)};V(oe)}};c.useEffect(()=>{const s=T.watch((m,{name:z})=>{if(z!=null&&m!=null){const oe=m[v]?.amount??0,G=m[v]?.transferFrom,Ie=m[v]?.transferTo,Be=r.transferMoneyParties.find(se=>se.id===G?.selectedOption),ke=r.transferMoneyParties.find(se=>se.id===Ie?.selectedOption);Be?.accType==="paymentAccount"&&ke?.accType==="depositAccount"&&oe!==0?($(!0),R(!0)):R(!1),y(oe)}});return()=>{s.unsubscribe()}},[T,r.transferMoneyParties]),c.useEffect(()=>{const s=T.watch((m,{name:z})=>{z!=null&&m!=null&&o.defer(()=>Ae(z,m))});return()=>{s.unsubscribe()}}),c.useEffect(()=>{r.reviewTransferDetail.error!=null?E(!0):E(!1)},[r.reviewTransferDetail.error]);const Fe=T.handleSubmit(()=>{Ce&&(I("Review","Amount Details"),H())});c.useEffect(()=>{r.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.transferDetailLocalData.transferTo.accountBalance?.available?.amount===0&&r.transferDetailLocalData.transferFrom?.id==null&&T.setValue(`${v}.${me}`,{selectedOption:r.primaryPaymentAccount?.paymentAccountId,allOptions:J(r,!0,te,!0,!0)})},[r.transferDetailLocalData.transferTo?.id]);const pe=x.zeniAccountsConfigDetail.depositProductConfig.depositProducts,ue=pe[pe.length-1].annualPercentageYield.toString(),Me=e.amountValueToString(e.getAmountFormatString(i),i,ne.currency.currencySymbol).toUpperCase();return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:u.fetchStatus.fetchState==="Completed"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[B?o.jsxRuntimeExports.jsx(Ze,{children:o.jsxRuntimeExports.jsxs(Ue,{children:[o.jsxRuntimeExports.jsxs(Ge,{children:[o.jsxRuntimeExports.jsx(Ke,{}),o.jsxRuntimeExports.jsxs(Qe,{children:[o.jsxRuntimeExports.jsx(et,{children:r.reviewTransferDetail.error?.title}),o.jsxRuntimeExports.jsx(tt,{children:r.reviewTransferDetail.error?.message})]})]}),o.jsxRuntimeExports.jsx(Je,{children:o.jsxRuntimeExports.jsx(ft,{"data-testid":e.generateDataTestId("amount-details-error-close"),onClick:()=>{I("Cross","Amount Details"),E(!1)},style:{width:e.Space.sp3,height:e.Space.sp3,color:e.Colors.heroLight}})})]})}):null,o.jsxRuntimeExports.jsx(ot,{children:e.amountToString("0,0.[00]",r.transferDetailLocalData.amount)}),o.jsxRuntimeExports.jsx(o.FormProvider,{...T,children:o.jsxRuntimeExports.jsxs(Ye,{id:Le(Ee),onSubmit:Fe,children:[o.jsxRuntimeExports.jsxs(xt,{children:[o.jsxRuntimeExports.jsx(je,{size:a,children:o.jsxRuntimeExports.jsx(ge,{label:{label:ne.labels.transferFrom,width:F,style:{marginLeft:p.labeleMarginLeft.valuePx(a),marginBottom:p.labeleMarginBottom.valuePx(a),marginRight:p.labelMarginRight.valuePx(a)}},errorInfoLabel:w.transferDrawer.transferFromError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(a),paddingBottom:p.labeledFieldPaddingBottom.valuePx(a),paddingLeft:p.labeledFieldPaddingLeft.valuePx(a),paddingRight:p.labeledFieldPaddingRight.valuePx(a),border:"none",width:"100%",outline:"none",padding:0,display:a==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(a),marginTop:p.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ie(v,me),placeholder:w.transferDrawer.transferFromPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(s,m)=>e.getOptionIcon(r.transferMoneyParties,s,m),valueToSubLabels:(s,m)=>e.getSubLabels(r.transferMoneyParties,s,m,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferFrom?.id,allOptions:J(r,!0,te,!0,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})}),o.jsxRuntimeExports.jsx(we,{}),o.jsxRuntimeExports.jsx(je,{size:a,children:o.jsxRuntimeExports.jsx(gt,{size:a,children:o.jsxRuntimeExports.jsx(ge,{label:{label:ne.labels.transferTo,width:F,style:{marginLeft:p.labeleMarginLeft.valuePx(a),marginBottom:p.labeleMarginBottom.valuePx(a),marginRight:p.labelMarginRight.valuePx(a)}},errorInfoLabel:w.transferDrawer.transferToError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(a),paddingBottom:p.labeledFieldPaddingBottom.valuePx(a),paddingLeft:p.labeledFieldPaddingLeft.valuePx(a),paddingRight:p.labeledFieldPaddingRight.valuePx(a),border:"none",width:"100%",outline:"none",padding:0,display:a==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(a),marginTop:p.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ie(v,Ve),placeholder:w.transferDrawer.transferToPlaceholder,capitalizeOptions:!0,style:{position:"relative"},valueToLogo:(s,m)=>e.getOptionIcon(r.transferMoneyParties,s,m),valueToSubLabels:(s,m)=>e.getSubLabels(r.transferMoneyParties,s,m,!1),defaultValue:{selectedOption:r.transferDetailLocalData.transferTo?.id,allOptions:J(r,!1,te)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})}),o.jsxRuntimeExports.jsx(we,{}),o.jsxRuntimeExports.jsx(e.LabeledFormattedTextField,{showAdditionalInfoLabel:!1,label:{label:ne.labels.amount,width:F},additionalInfoLabel:w.transferDrawer.amountError,formattedTextField:{type:"number",name:ie(v,Pe),defaultValue:r.transferDetailLocalData.amount.amount===0?void 0:r.transferDetailLocalData.amount.amount,placeholder:w.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}})]}),o.jsxRuntimeExports.jsxs(st,{children:[h?o.jsxRuntimeExports.jsxs(nt,{children:[o.jsxRuntimeExports.jsx(rt,{children:w.transferDrawer.calculator.heading.replace("__rate__",ue).replace("__amount__",Me)}),o.jsxRuntimeExports.jsx(_e.ZeniTransferAmountSlider,{minStep:.01,currentAccountBalance:r.transferDetailLocalData.transferTo?.accountBalance?.available?.amount??0,transferAmount:g,zeniAccountsConfigDetail:x,setYieldEarned:D,setTotalBalance:C})]}):null,o.jsxRuntimeExports.jsxs(it,{windowSize:a,children:[o.jsxRuntimeExports.jsx(dt,{windowSize:a,children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(lt,{children:[o.jsxRuntimeExports.jsx(fe,{children:`${w.transferDrawer.calculator.footerText.annualYieldEarned} ${e.amountToString("0,0",{amount:l,currencySymbol:"$"})}`}),o.jsxRuntimeExports.jsx(e.Tooltip,{variant:"small-description",display:"flex",data:w.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,placement:a==="small"?"bottom":"right",children:o.jsxRuntimeExports.jsx(at,{})})]}),o.jsxRuntimeExports.jsx(ct,{windowSize:a}),o.jsxRuntimeExports.jsx(pt,{children:`${w.transferDrawer.calculator.footerText.forTotalBalance} ${e.amountToString("0,0",{amount:d,currencySymbol:"$"})}`})]}):o.jsxRuntimeExports.jsx(fe,{children:w.transferDrawer.calculator.footerText.earnUptoText.replace("__rate__",ue)})}),h?o.jsxRuntimeExports.jsxs(Se,{windowSize:a,onClick:()=>$(!1),"data-testid":e.generateDataTestId("calculator-footer-close"),children:[o.jsxRuntimeExports.jsx(he,{className:"calculatorFooterLeftText",children:w.transferDrawer.calculator.footerText.hide}),o.jsxRuntimeExports.jsx(ut,{className:"calculatorFooterArrowIcon"})]}):o.jsxRuntimeExports.jsxs(Se,{windowSize:a,onClick:()=>$(!0),"data-testid":e.generateDataTestId("calculator-footer-show"),children:[o.jsxRuntimeExports.jsx(he,{className:"calculatorFooterLeftText",children:w.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsxRuntimeExports.jsx(mt,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]}):o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})})}const J=(t,r,x,h=!1,j=!1)=>{const g=t.transferMoneyParties.map(l=>{const d={label:l.label,value:l.id};return h&&(r?d.isDisabled=l.id===t?.transferDetailLocalData?.transferTo?.id||l.accType==="paymentAccount"&&t.transferDetailLocalData.transferTo?.accType==="paymentAccount":d.isDisabled=l.id===t.transferDetailLocalData.transferFrom?.id||l.accType==="paymentAccount"&&t.transferDetailLocalData.transferFrom?.accType==="paymentAccount"),d});if(j){const l={label:w.transferDrawer.selectAddAccount,value:"",type:"button",onClick:x};g.push(l)}return g},xe=(t,r)=>({transferDetails:{[Pe]:t.transferDetailLocalData.amount.amount===0?void 0:t.transferDetailLocalData.amount.amount,transferFrom:{allOptions:J(t,!0,r,!0,!0),selectedOption:t.transferDetailLocalData.transferFrom?.id!=null?t.transferDetailLocalData.transferFrom?.id:He(t)},transferTo:{allOptions:J(t,!1,r,!0,!1),selectedOption:t.transferDetailLocalData.transferTo?.id}}}),He=t=>t.transferDetailLocalData.transferTo?.accType==="depositAccount"&&t.transferDetailLocalData.transferTo?.accountBalance?.available?.amount===0?t.primaryPaymentAccount?.paymentAccountId:void 0,Ze=n.div`
+  margin-top: ${e.Space.sp3};
+  display: flex;
+  background-color: ${t=>t.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+  border-radius: ${e.Space.sp2};
+  box-shadow: ${t=>`${e.Space.sp0} 2px 2px ${t.theme.colors.dropShadowNormal}`};
+`,Ye=n.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ue=n.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  background-color: ${e.Colors.importantLight};
+  border-radius: ${e.Space.sp2};
+`,Ge=n.div`
+  display: flex;
+  align-items: flex-start;
+`,Je=n.div``,Ke=n(e.SvgAlertRound)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${e.Colors.important};
+`,Qe=n.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e.Space.sp2};
+`,et=n(e.StandardMedium)`
+  color: ${e.Colors.important};
+`,tt=n(e.StandardRegular)`
+  color: ${e.Colors.important};
+`,ot=n(e.H2Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin: ${e.Space.sp5} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0};
+`,ge=n(e.LabeledSingleSelectPickerField)`
+  border-radius: ${e.Space.sp2};
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+`,nt=n.div`
+  background-color: ${t=>t.theme.colors.background};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  border-top: none;
+  min-height: 182px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+`,rt=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin: ${e.Space.sp3} ${e.Space.sp8};
+  margin-bottom: ${e.Space.sp3};
+  margin-top: ${e.Space.sp3};
+  white-space: pre-line;
+`,fe=n(e.StandardMedium)`
+  color: ${e.Colors.success};
+  white-space: nowrap;
+`,at=n(e.SvgInfo)`
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  height: ${e.Space.sp3};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,st=n.div`
+  margin-bottom: ${e.Space.sp6};
+  width: 90%;
+`,it=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+  padding: ${e.Space.sp2} ${e.Space.sp3};
+  background-color: ${t=>t.theme.colors.grey3};
+  border-bottom-right-radius: ${e.Space.sp1};
+  border-bottom-left-radius: ${e.Space.sp1};
+`,lt=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,he=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+`,Se=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+  align-self: ${t=>t.windowSize==="small"?"flex-end":"center"};
+  &:hover {
+    .calculatorFooterLeftText {
+      color: ${t=>t.theme.colors.primary};
+    }
+    .calculatorFooterArrowIcon {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,ct=n.div`
+  display: ${t=>t.windowSize==="small"?"none":"block"};
+  width: ${e.Space.sp1};
+  height: ${e.Space.sp1};
+  min-width: ${e.Space.sp1};
+  margin: 0 ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey1};
+  border-radius: 50%;
+`,dt=n.div`
+  display: flex;
+  flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
+  align-items: ${t=>t.windowSize==="small"?"flex-start":"center"};
+  width: ${t=>t.windowSize==="small"?"100%":"unset"};
+`,pt=n(e.ExtraSmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,ut=n(e.SvgArrowTop)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${t=>t.theme.colors.hero};
+`,mt=n(e.SvgArrowBottom)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${t=>t.theme.colors.hero};
+`,xt=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,we=n.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,je=n.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e.Space.sp2};
+  padding-left: ${t=>p.rowContentPaddingLeft.valuePx(t.size)};
+  justify-content: space-between;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${t=>t.theme.colors.primary};
+    .select-control {
+      background-color: ${t=>t.theme.colors.background};
+    }
+  }
+  &:focus-within {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+    z-index: 2;
+    outline: 1px solid ${t=>t.theme.colors.primary};
+  }
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+`,gt=n.div`
+  width: 100%;
+  display: flex;
+  flex-grow: ${t=>p.controllerWrapperFlex.value(t.size)};
+  align-items: flex-start;
+`,ft=n(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,K={navBarContainerPaddingXaxis:new e.ResponsiveSized(10,19),containerPaddingLeft:new e.ResponsiveSized(16,40,56),containerPaddingRight:new e.ResponsiveSized(16,40,56),successContentMargin:new e.ResponsiveSized(e.sp[3],e.sp[12]),buttonTrayGap:new e.ResponsiveSized(e.sp[4],e.sp[5])},S=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,ht=({transferDetails:t,isCalculatorOpen:r,showAnnualYieldEarned:x,transferAmount:h,yieldEarned:j,totalBalance:g,maxInsuredAmount:l,zeniAccountsConfigDetail:d,fireTrackTransferBetweenAccountsFormClicked:i,onSaveChangesToLocalStore:$,onTransferClick:R,onDismissClick:y,onAnotherTransferClick:D,onEstablishConnectionClick:C,onBackClick:V,onFetchLinkTokenClick:A,plaidConnectionDetails:M,showReviewContent:I,setShowReviewContent:X,setCurrentDrawerContent:H,clearReviewTransferDetail:a,onReviewClick:F,setIsCalculatorOpen:B,setShowAnnualYieldEarned:E,setTransferAmount:u,setYieldEarned:b,setTotalBalance:k})=>{const f=e.useWindowSizeContext(),L=t.reviewTransferDetail,O=t.transferDetailLocalData.transferFrom?.accType==="depositAccount"&&t.transferDetailLocalData.transferTo?.accType==="depositAccount",W=()=>t.transferDetailLocalData.transferFrom?.id!=null||t.transferDetailLocalData.transferTo?.id!=null||t.transferDetailLocalData.amount.amount>0;return o.jsxRuntimeExports.jsx(jt,{windowSize:f,children:t.fetchState==="Completed"?o.jsxRuntimeExports.jsxs(Re,{windowSize:f,isTransferCompleted:!0,children:[o.jsxRuntimeExports.jsx(ye,{windowSize:f,children:o.jsxRuntimeExports.jsx(be,{"data-testid":e.generateDataTestId("cross-transfer-success-close-button"),onClick:()=>{i("Cross","Transfer Success"),y?.()}})}),o.jsxRuntimeExports.jsxs(yt,{windowSize:f,children:[o.jsxRuntimeExports.jsx(e.MoneyTransferSuccessAnimation,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsxRuntimeExports.jsx($t,{children:O?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[S.transferDrawer.internal.transferSuccessMsgPrefix,o.jsxRuntimeExports.jsx($e,{children:e.amountToString("0,0.[00]",t.transferDetailLocalData.amount)}),S.transferDrawer.internal.transferSuccessMsgMidfix,`"${t.transferDetailLocalData.transferFrom?.label}"`,S.transferDrawer.internal.transferSuccessMsgMidfix2,`"${t.transferDetailLocalData.transferTo?.label}".`]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[S.transferDrawer.external.transferSuccessMsgPrefix,o.jsxRuntimeExports.jsx($e,{children:e.amountToString("0,0.[00]",t.transferDetailLocalData.amount)}),S.transferDrawer.external.transferSuccessMsgMidfix,`"${t.transferDetailLocalData.transferFrom?.label}"`,S.transferDrawer.external.transferSuccessMsgMidfix1,`"${t.transferDetailLocalData.transferTo?.label}".`,L.reviewTransferMoney.isShowDailyAchLimitWarning?null:S.transferDrawer.external.transferSuccessMsgMidfix2]})}),o.jsxRuntimeExports.jsxs(Rt,{windowSize:f,children:[o.jsxRuntimeExports.jsx(e.Button,{variant:"secondary",label:S.transferDrawer.anotherTransferBtn,"data-testid":e.generateDataTestId("another-transfer-button"),onClick:()=>{i("Another Transfer","Transfer Success"),k(0),B(!1),b(0),E(!1),D()},style:{minWidth:200}}),o.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:S.transferDrawer.backToChecking,"data-testid":e.generateDataTestId("back-to-checking-button"),onClick:()=>{i("Back to Checking","Transfer Success"),y?.()},style:{minWidth:200}})]})]})]}):I?o.jsxRuntimeExports.jsx(e.TransferReviewPage,{transferDetails:t,setCurrentDrawerContent:H,setShowReviewContent:X,onTransferClick:R,clearReviewTransferDetail:a,reviewTransferDetail:L,fireTrackTransferBetweenAccountsFormClicked:i}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Re,{windowSize:f,isTransferCompleted:!1,children:[o.jsxRuntimeExports.jsx(ye,{windowSize:f,children:o.jsxRuntimeExports.jsx(be,{"data-testid":e.generateDataTestId("cross-amount-details-close-button"),onClick:()=>{i("Cross","Amount Details"),y?.()}})}),f==="small"?o.jsxRuntimeExports.jsx(bt,{windowSize:f,children:S.transferDrawer.title}):o.jsxRuntimeExports.jsx(vt,{children:S.transferDrawer.title}),f==="small"?o.jsxRuntimeExports.jsx(wt,{children:S.transferDrawer.subTitle}):o.jsxRuntimeExports.jsx(St,{children:S.transferDrawer.subTitle}),t.transferMoneyPartiesFetchState==="Completed"?o.jsxRuntimeExports.jsx(Xe,{isCalculatorOpen:r,showAnnualYieldEarned:x,transferAmount:h,yieldEarned:j,totalBalance:g,onBackClick:V,onSaveChangesToLocalStore:$,plaidConnectionDetails:M,transferDetails:t,zeniAccountsConfigDetail:d,onEstablishConnectionClick:C,onFetchLinkTokenClick:A,onReviewClick:F,setIsCalculatorOpen:B,setShowAnnualYieldEarned:E,setTransferAmount:u,setYieldEarned:b,setTotalBalance:k,fireTrackTransferBetweenAccountsFormClicked:i,maxInsuredAmount:l}):o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),W()?o.jsxRuntimeExports.jsx(e.Footer,{style:{zIndex:4,paddingTop:e.Space.sp3,paddingBottom:e.Space.sp3},formId:Le(Ee),helperStyle:{paddingTop:e.Space.sp0,paddingBottom:e.Space.sp0},primaryBtn:{label:e.appLocale.getLocalizedStrings().common.review,isLoading:L.fetchState==="In-Progress"},cancelBtn:{label:S.transferDrawer.cancelBtn,onClick:()=>{i("Cancel","Amount Details"),y?.()}}}):null]})})},St=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,wt=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,jt=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,$t=n(e.LargeRegular)`
+  color: ${t=>t.theme.colors.primary};
+  text-align: center;
+`,$e=n(e.LargeMedium)`
+  display: inline;
+`,Re=n.div`
+  height: ${t=>t.isTransferCompleted?"100%":"auto"};
+  padding-left: ${t=>`${K.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${K.containerPaddingRight.valuePx(t.windowSize)}`};
+  margin-bottom: auto;
+`,Rt=n.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: ${t=>t.windowSize==="small"?"column-reverse":"row"};
+  margin-top: ${e.Space.sp6};
+  gap: ${t=>`${K.buttonTrayGap.valuePx(t.windowSize)}`};
+`,yt=n.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${t=>`${e.Space.sp0} ${K.successContentMargin.valuePx(t.windowSize)}`};
+  align-items: center;
+`,ye=n.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${K.navBarContainerPaddingXaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+  background-color: ${t=>t.theme.colors.grey4};
+`,be=n(e.SvgClose)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,bt=n(e.H6Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp0};
+  margin-right: ${e.Space.sp3};
+`,vt=n(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp3};
+  margin-bottom: ${e.Space.sp2};
+`,q={containerTopMargin:new e.ResponsiveSized(e.sp[4],e.sp[6]),accountRowLeftRightPadding:new e.ResponsiveSized(e.sp[3],e.sp[3]),zeniAccountListPaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[6]),navBarContainerPaddingXaxis:new e.ResponsiveSized(10,19),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8])},ve="wireTransferDetailPage",Te=t=>`${t}_form`,Tt=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,le=e.appLocale.getLocalizedStrings().common,Pt=t=>o.jsxRuntimeExports.jsx(Ot,{color:e.getAccountsColorMappingFromIndex(t)}),Et=({depositAccountListView:t,setCurrentDrawerContent:r,selectedAccount:x,setShowWireAccountInfo:h,setSelectedAccount:j,fireTrackTransferBetweenAccountsFormClicked:g})=>{const l=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:{selectedAccountId:x?.id}}),d=e.useWindowSizeContext();return c.useEffect(()=>{const i=l.watch(()=>{const $=t.depositAccounts.find(R=>R.id===l.getValues("selectedAccountId"));j($)});return()=>{i.unsubscribe()}}),t.fetchState!="Completed"?o.jsxRuntimeExports.jsx(Ne.BusyIndication,{fetchState:t.fetchState}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Lt,{windowSize:d,children:[o.jsxRuntimeExports.jsx(Bt,{windowSize:d,children:o.jsxRuntimeExports.jsx(e.Tooltip,{style:{marginTop:e.Space.sp1},title:le.navBar.back,enterDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(It,{"data-testid":e.generateDataTestId("select-zeni-account-back-button"),onClick:()=>{g("Back","Select Account for Split Transfer"),r("achTransfer")}})})}),o.jsxRuntimeExports.jsx(kt,{windowSize:d,children:Tt.selectYour}),o.jsxRuntimeExports.jsx(o.FormProvider,{...l,children:o.jsxRuntimeExports.jsx("form",{id:Te(ve),onSubmit:l.handleSubmit(()=>{g("Next","Select Account for Split Transfer"),h(!0)}),children:o.jsxRuntimeExports.jsx(Mt,{windowSize:d,children:t.depositAccounts.map((i,$)=>o.jsxRuntimeExports.jsx(Ft,{isClickEnabled:!0,windowSize:d,"data-testid":e.generateDataTestId("deposit-account-click",i.id),onClick:()=>l.setValue("selectedAccountId",i.id),children:o.jsxRuntimeExports.jsxs(zt,{children:[o.jsxRuntimeExports.jsx(e.RadioField,{name:"selectedAccountId",id:i.id,value:i.id,radioSize:"small",style:{marginRight:8}}),Pt($),o.jsxRuntimeExports.jsxs(Dt,{children:[o.jsxRuntimeExports.jsx(At,{windowSize:d,children:i.accountName}),o.jsxRuntimeExports.jsx(Ct,{children:e.amountToString("0,0[.]00",i.accountBalance?.available)})]})]})},i.id))})})})]}),x!=null?o.jsxRuntimeExports.jsx(e.Footer,{style:{zIndex:4,paddingTop:e.Space.sp3,paddingBottom:e.Space.sp3},formId:Te(ve),cancelBtn:{label:le.cancel,onClick:()=>{g("Cancel","Select Account for Split Transfer"),r("achTransfer")},style:{width:93}},primaryBtn:{label:le.next,style:{width:93}}}):null]})},Lt=n.div`
+  height: auto;
+  padding-left: ${t=>`${q.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${q.containerPaddingRight.valuePx(t.windowSize)}`};
+  margin-bottom: auto;
+`,zt=n.div`
+  display: flex;
+  align-items: center;
+  width: 100%;
+`,Dt=n.div`
+  max-width: calc(100% - 30px);
+  width: calc(100% - ${e.Space.sp6});
+  white-space: nowrap;
+  overflow: hidden;
+  position: relative;
+  top: 2px;
+`,Ct=n(e.ExtraSmallRegular)`
+  color: ${t=>t.theme.colors.grey1};
+  position: relative;
+  top: -${e.Space.sp1};
+`,At=n(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+  max-width: ${`calc(100% - ${e.Space.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,Ft=n.div`
+  padding-left: ${t=>q.accountRowLeftRightPadding.valuePx(t.windowSize)};
+  padding-right: ${t=>q.accountRowLeftRightPadding.valuePx(t.windowSize)};
+  background: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal} `};
+  border-radius: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp3};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  box-sizing: border-box;
+  max-height: ${e.Space.sp8};
+  cursor: ${t=>t.isClickEnabled?"pointer":"default"};
+  &:hover {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.isClickEnabled?t.theme.colors.champion:t.theme.colors.hero};
+  }
+`,Mt=n.div`
+  padding-bottom: ${t=>q.zeniAccountListPaddingBottom.valuePx(t.windowSize)};
+`,It=n(e.SvgArrowLeft)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Bt=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${q.navBarContainerPaddingXaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+  background-color: ${t=>t.theme.colors.grey4};
+`,kt=n(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  padding: ${e.Space.sp3} ${e.Space.sp0} ${e.Space.sp5} ${e.Space.sp0};
+`,Ot=n(e.SvgZeniBrandCheckingAcc)`
+  min-width: ${e.Space.sp5};
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+  margin-right: ${e.Space.sp2};
+  padding: 12px ${e.Space.sp0};
+  box-sizing: content-box;
+`,{common:{navBar:{back:Wt}}}=e.appLocale.getLocalizedStrings(),P={pageTitleMarginXAxis:new e.ResponsiveSized(e.sp[0],e.sp[8]),navBarContainerPaddingXaxis:new e.ResponsiveSized(10,19),pageContentPaddingLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[0]),navBarContainerMarginLeftRight:new e.ResponsiveSized(e.sp[0],e.sp[8]),descriptionMarginLeftRight:new e.ResponsiveSized(e.sp[0],e.sp[8]),accountInfoPageWrapperMarginLeft:new e.ResponsiveSized(e.sp[0],e.sp[8]),accountInfoPageWrapperMarginRight:new e.ResponsiveSized(e.sp[0],e.sp[5]),accountInfoPageWrapperMarginBottom:new e.ResponsiveSized(e.sp[5],e.sp[8])},ce=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,_t=({authParams:t,downloadAccountDetailEndPoint:r,depositAccount:x,zeniAccountsConfigDetail:h,currentTenant:j,onDismissClick:g,fireTrackTransferBetweenAccountsFormClicked:l,setShowWireAccountInfo:d})=>{const i=e.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(qt,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Xt,{windowSize:i,children:o.jsxRuntimeExports.jsx(e.Tooltip,{title:Wt,enterDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(Vt,{"data-testid":e.generateDataTestId("wire-transfer-account-info-back-button"),onClick:()=>{l("Back","Wire Transfer Details"),d(!1)}})})}),o.jsxRuntimeExports.jsx(Yt,{windowSize:i,children:ce.wireInstruction.replace("__accountName__",x.accountName)}),o.jsxRuntimeExports.jsx(Ht,{windowSize:i,children:o.jsxRuntimeExports.jsx(Zt,{children:ce.wireTransferDescriptionLine1})}),o.jsxRuntimeExports.jsx(Nt,{windowSize:i,children:o.jsxRuntimeExports.jsx(qe.AccountInfoPageContent,{authParams:t,downloadAccountDetailEndPoint:r,currentTab:"wireDetails",zeniAccountsConfigDetail:h,currentTenant:j,depositAccount:x})})]}),o.jsxRuntimeExports.jsx(e.Footer,{style:{zIndex:4,paddingTop:e.Space.sp3,paddingBottom:e.Space.sp3},cancelBtn:{label:""},primaryBtn:{label:ce.backToChecking,onClick:()=>{l("Back to Checking","Wire Transfer Details"),g()}},showCancel:!1,showPrimaryButton:!0})]})},Nt=n.div`
+  margin-left: ${t=>`${P.accountInfoPageWrapperMarginLeft.valuePx(t.windowSize)}`};
+  margin-right: ${t=>`${P.accountInfoPageWrapperMarginRight.valuePx(t.windowSize)}`};
+  margin-bottom: ${t=>`${P.accountInfoPageWrapperMarginBottom.valuePx(t.windowSize)}`};
+`,qt=n.div`
+  height: auto;
+  padding: ${t=>`${e.Space.sp0} ${P.pageContentPaddingLeftRight.valuePx(t.windowSize)}`};
+  margin-bottom: auto;
+`,Vt=n(e.SvgArrowLeft)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Xt=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${P.navBarContainerPaddingXaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+  background-color: ${t=>t.theme.colors.grey4};
+  margin: ${t=>`${e.Space.sp0} ${P.navBarContainerMarginLeftRight.valuePx(t.windowSize)}`};
+`,Ht=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-left: ${t=>P.descriptionMarginLeftRight.valuePx(t.windowSize)};
+  margin-right: ${t=>P.descriptionMarginLeftRight.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp7};
+`,Zt=n.div``,Yt=n(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  padding: ${e.Space.sp3} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+  margin: ${t=>`${e.Space.sp0} ${P.pageTitleMarginXAxis.valuePx(t.windowSize)} `};
+`,Ut=({zeniAccountsConfigDetail:t,depositAccountListView:r,downloadAccountDetailEndPoint:x,authParams:h,selectedAccountId:j,currentTenant:g,setCurrentDrawerContent:l,fireTrackTransferBetweenAccountsFormClicked:d,onDismissClick:i})=>{const[$,R]=c.useState(!1),[y,D]=c.useState(r.depositAccounts.find(C=>C.id===j));return $&&y!=null?o.jsxRuntimeExports.jsx(_t,{downloadAccountDetailEndPoint:x,authParams:h,currentTenant:g,zeniAccountsConfigDetail:t,depositAccount:y,onDismissClick:i,setShowWireAccountInfo:R,fireTrackTransferBetweenAccountsFormClicked:d}):o.jsxRuntimeExports.jsx(Et,{depositAccountListView:r,setCurrentDrawerContent:l,selectedAccount:y,setShowWireAccountInfo:R,setSelectedAccount:D,fireTrackTransferBetweenAccountsFormClicked:d})},Gt=({transferDetails:t,zeniAccountsConfigDetail:r,depositAccountListView:x,maxInsuredAmount:h,currentTenant:j,showReviewContent:g,currentDrawerContent:l,downloadAccountDetailEndPoint:d,authParams:i,analytics:$,setCurrentDrawerContent:R,setShowReviewContent:y,onSaveChangesToLocalStore:D,onTransferClick:C,onReviewClick:V,onDismissClick:A,onAnotherTransferClick:M,onEstablishConnectionClick:I,onBackClick:X,clearReviewTransferDetail:H,onFetchLinkTokenClick:a,plaidConnectionDetails:F})=>{const[B,E]=c.useState(!1),[u,b]=c.useState(!1),[k,f]=c.useState(0),[L,O]=c.useState(0),[W,Z]=c.useState(0),Q=()=>{const _=(Y,ee)=>$.trackTransferBetweenAccountsFormClicked(Y,ee,t.transferDetailLocalData.transferFrom?.label,t.transferDetailLocalData.transferTo?.label,t.transferDetailLocalData.amount.amount,t.reviewTransferDetail.reviewTransferMoney.isShowDailyAchLimitWarning,t.reviewTransferDetail.reviewTransferMoney.transferSchedules.length,t.transferDetailLocalData.transferFrom?.accType==="paymentAccount"&&t.transferDetailLocalData.transferTo?.accType==="depositAccount"&&r.zeniAccountsConfigDetail.depositProductConfig.depositProducts?.[0].range?.[1]!=null&&t.transferDetailLocalData.amount.amount>r.zeniAccountsConfigDetail.depositProductConfig.depositProducts[0].range[1]);return l==="achTransfer"?o.jsxRuntimeExports.jsx(ht,{transferDetails:t,isCalculatorOpen:B,showAnnualYieldEarned:u,transferAmount:k,yieldEarned:L,totalBalance:W,zeniAccountsConfigDetail:r,fireTrackTransferBetweenAccountsFormClicked:_,onSaveChangesToLocalStore:D,onTransferClick:C,onDismissClick:A,onAnotherTransferClick:M,onEstablishConnectionClick:I,onBackClick:X,onFetchLinkTokenClick:a,plaidConnectionDetails:F,setCurrentDrawerContent:R,clearReviewTransferDetail:H,onReviewClick:V,setShowReviewContent:y,showReviewContent:g,setIsCalculatorOpen:E,setShowAnnualYieldEarned:b,setTransferAmount:f,setYieldEarned:O,setTotalBalance:Z,maxInsuredAmount:h}):o.jsxRuntimeExports.jsx(Ut,{zeniAccountsConfigDetail:r,depositAccountListView:x,selectedAccountId:t.transferDetailLocalData.transferTo?.id,currentTenant:j,downloadAccountDetailEndPoint:d,authParams:i,fireTrackTransferBetweenAccountsFormClicked:_,setCurrentDrawerContent:R,onDismissClick:A})};return o.jsxRuntimeExports.jsx(Jt,{children:Q()})},Jt=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`;exports.default=Gt;