@zeniai/web-components 3.16.60 → 3.16.62

package/dist/TreasurySetupPage-BUUPvRFl.cjs

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-CGiOrCyX.cjs"),Qe=require("./HelpButton-CymblKSh.cjs"),et=require("./verification-BTADTbyz.cjs"),fe=require("./SetUpDefaultSection-g1__NvbM.cjs"),tt=require("./SpendMgmtSetupAccountSection-rjU3IHsl.cjs"),ot=require("./PortfolioAllocationFormPage-Dwqv_f4_.cjs"),nt=require("./TreasuryTransferOrReviewPage-D6O5x2TX.cjs");function it(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const h=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(i,c,h.get?h:{enumerable:!0,get:()=>t[c]})}}return i.default=t,Object.freeze(i)}const y=it(m),st=(t,i)=>`${t}.${i}`,q={labelWidth:new e.ResponsiveSized(145,155),containerRowGap:new e.ResponsiveSized(12,e.sp[3]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[0]),marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[5],62),navBarContainerPaddingYaxis:new e.ResponsiveSized(10,e.sp[3]),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])},rt={stepTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},he=e.appLocale.getLocalizedStrings(),{common:Q,spendManagement:{treasury:{transferDrawer:{review:{footNoteForVerification:at}}}}}=he,a=he.commonSetUp.businessVerification,ee=a.sourceOfFundOptions,A="additionalVerificationFields",ct=({companyOfficer:t,companyDetails:i,updateStatus:c,isDetailsSubmitted:h,isTransferInitiated:s,transferDetails:O,skipTransferStep:$,onClose:P,onAdditionalVerificationFieldsChanged:F,onSendForVerificationClick:S,onCloseOverlay:j})=>{const x=e.useWindowSizeContext(),U=q.labelWidth.value(x),I=e.usePrevious(c.fetchState),w=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>({[A]:{sourceOfFunds:{selectedOption:i?.sourceOfFunds??"",allOptions:Object.keys(ee)}}}),[i?.sourceOfFunds])}),G=p=>ee[p]??p,Z=w.handleSubmit(()=>{S(t?.officerType??"Officer_1",s)}),J=async(p,E)=>{F(E[A])};return m.useEffect(()=>{const p=w.watch((E,{name:D})=>{D!=null&&E!=null&&o.defer(()=>J(D,E))});return()=>{p.unsubscribe()}}),I==="In-Progress"&&c.fetchState==="Completed"||h===!0?o.jsxRuntimeExports.jsxs(mt,{children:[o.jsxRuntimeExports.jsxs(ht,{children:[o.jsxRuntimeExports.jsx(et.SvgVerification,{}),o.jsxRuntimeExports.jsx(pt,{windowSize:x,children:s===!0?a.submittedTitleWithTransfer:a.submittedTitle}),o.jsxRuntimeExports.jsx(ft,{children:s===!0?a.submittedDescriptionWithTransfer.replace("__amount__",e.amountValueToString(e.getAmountFormatString(O?.treasuryTransferMoneyLocalData?.amount?.amount??0),O?.treasuryTransferMoneyLocalData?.amount?.amount??0,Q.currency.currencySymbol)).replace("__account__",O?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):a.submittedDescription})]}),o.jsxRuntimeExports.jsx(e.Button,{label:a.submittedButton,onClick:j,variant:"primary"})]}):o.jsxRuntimeExports.jsxs(lt,{windowSize:x,children:[o.jsxRuntimeExports.jsx(ut,{windowSize:x,children:o.jsxRuntimeExports.jsx(e.Tooltip,{title:"Back",enterTouchDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(dt,{"data-testid":e.generateDataTestId("nav-bar-back-portfolio-allocation"),onClick:j||P})})}),o.jsxRuntimeExports.jsxs(gt,{windowSize:x,children:[o.jsxRuntimeExports.jsx(St,{windowSize:x,children:$===!0?a.verifyBusinessDetailsWithoutTransfer:a.verifyBusinessDetails}),o.jsxRuntimeExports.jsx(Rt,{children:o.jsxRuntimeExports.jsxs(yt,{children:[o.jsxRuntimeExports.jsx(xe,{}),$!==!0&&o.jsxRuntimeExports.jsx(xe,{}),o.jsxRuntimeExports.jsx(vt,{})]})})]}),o.jsxRuntimeExports.jsx(ge,{children:a.verifyBusinessDetailsDescription}),o.jsxRuntimeExports.jsx(o.FormProvider,{...w,children:o.jsxRuntimeExports.jsxs("form",{id:A,onSubmit:Z,children:[o.jsxRuntimeExports.jsx(xt,{children:o.jsxRuntimeExports.jsx(e.LabeledSingleSelectField,{label:{label:a.sourceOfFundsLabel,width:U},style:{width:"auto"},additionalInfoLabel:a.sourceOfFundsAdditionalInfo,singleSelectField:{singleSelect:{name:st(A,"sourceOfFunds"),placeholder:a.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:G,showTickMark:!1,sortOptions:!1},defaultValue:{selectedOption:i?.sourceOfFunds??"",allOptions:Object.keys(ee)},registerOptions:{required:!0,validate:p=>!!p?.selectedOption}},isFunctional:!0,errorInfoLabel:a.sourceOfFundsError.replace("_product_type_","business verification")})}),o.jsxRuntimeExports.jsx(e.Footer,{formId:A,primaryBtn:{label:Q.footer.submit,style:{width:"auto",minWidth:x==="small"?"auto":"83px"},isLoading:c.fetchState==="In-Progress"},cancelBtn:{label:Q.footer.back,style:{width:x==="small"?"auto":"83px"},onClick:P},style:{position:"absolute",width:"100%",paddingTop:e.Space.sp2,paddingBottom:e.Space.sp2},helperText:s===!0?at:void 0,helperStyle:{padding:`${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp3} ${e.Space.sp0}`}})]})})]})},lt=n.div`
+  height: auto;
+  padding-left: ${t=>`${q.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${q.containerPaddingRight.valuePx(t.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+  background-color: ${t=>t.theme.colors.grey4};
+`,ut=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${e.Space.sp0};
+  padding: ${t=>`${q.navBarContainerPaddingYaxis.valuePx(t.windowSize)} ${e.Space.sp0}`};
+  z-index: 2;
+`,dt=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};
+  }
+`,pt=n(e.H5Regular)`
+  color: ${t=>t.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,ge=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-top: ${e.Space.sp3};
+  white-space: pre-line;
+`,ft=n(ge)`
+  margin-top: ${e.Space.sp0};
+  text-align: center;
+`,xt=n.div`
+  display: flex;
+  flex-direction: column;
+  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};
+  margin-bottom: ${e.Space.sp3};
+  margin-top: ${e.Space.sp3};
+`,mt=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp5};
+  margin: auto;
+`,ht=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp3};
+`,gt=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.Space.sp3};
+  width: 100%;
+`,St=n(e.StyledText)`
+  ${t=>`${rt.stepTitle.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  text-align: left;
+`,Rt=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp2};
+  overflow: hidden;
+`,yt=n.div`
+  display: flex;
+  width: 100%;
+  gap: ${e.Space.sp3};
+`,xe=n.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.primary};
+  border-radius: ${e.Space.sp2};
+`,vt=n.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  overflow: hidden;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background-color: ${t=>t.theme.colors.primary};
+    animation: fillProgress 1s ease-in-out forwards;
+  }
+
+  @keyframes fillProgress {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(0%);
+    }
+  }
+`,jt=t=>y.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},y.createElement("path",{d:"M5.62069 7.42676H2.09973",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M21.8994 7.42676H10.1617",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M13.8383 16.6963H2.09973",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M21.8994 16.6963H18.3793",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{d:"M5.62061 7.2989C5.62061 7.59707 5.67934 7.89233 5.79344 8.16781C5.90755 8.44329 6.0748 8.6936 6.28564 8.90444C6.49649 9.11528 6.74679 9.28253 7.02227 9.39664C7.29775 9.51075 7.59301 9.56948 7.89118 9.56948C8.18936 9.56948 8.48462 9.51075 8.7601 9.39664C9.03558 9.28253 9.28588 9.11528 9.49672 8.90444C9.70757 8.6936 9.87482 8.44329 9.98892 8.16781C10.103 7.89233 10.1618 7.59707 10.1618 7.2989C10.1618 6.6967 9.92254 6.11917 9.49672 5.69336C9.07091 5.26754 8.49338 5.02832 7.89118 5.02832C7.28899 5.02832 6.71146 5.26754 6.28564 5.69336C5.85983 6.11917 5.62061 6.6967 5.62061 7.2989Z",stroke:"currentColor",strokeWidth:1.5}),y.createElement("path",{d:"M13.8383 16.6983C13.8383 17.3005 14.0775 17.878 14.5033 18.3039C14.9291 18.7297 15.5066 18.9689 16.1088 18.9689C16.711 18.9689 17.2886 18.7297 17.7144 18.3039C18.1402 17.878 18.3794 17.3005 18.3794 16.6983C18.3794 16.0961 18.1402 15.5186 17.7144 15.0928C17.2886 14.667 16.711 14.4277 16.1088 14.4277C15.5066 14.4277 14.9291 14.667 14.5033 15.0928C14.0775 15.5186 13.8383 16.0961 13.8383 16.6983Z",stroke:"currentColor",strokeWidth:1.5})),d={titleWidth:new e.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),sectionRowGap:new e.ResponsiveSized(e.sp[5],e.sp[9],e.sp[9]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),subTitlePaddingTop:new e.ResponsiveSized(12,e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),overlayWidth:new e.ResponsiveSized(100,100,59)},wt="treasurySetUpPage",H="payAccount",L={VERIFIED:"verified",PENDING_REVIEW:"pending_review"},W={IN_PROGRESS:"In-Progress",COMPLETED:"Completed",NOT_STARTED:"Not-Started"},f={PORTFOLIO_ALLOCATION:"portfolio-allocation",TRANSFER:"transfer",ADDITIONAL_VERIFICATION:"additional-verification"},{commonSetUp:Et,spendManagement:Tt}=e.appLocale.getLocalizedStrings(),{zeniAccounts:bt,treasury:v}=Tt,{setUp:M}=Et,Ct=({isDisabled:t,meetingUrl:i,currentTenant:c,businessVerificationDetails:h,connectedAccountProvider:s,accountsPromoConfig:O,isAccountsEnabled:$,showTreasurySetupOverlay:P,transactions:F,treasurySetupView:S,transferDetails:j,isFirstTransfer:x,maxInsuredAmount:U,setShowTreasurySetupOverlay:I,onFetchLinkTokenClick:w,onEnableTreasuryClick:G,onUpdatePrimaryFundingAccount:Z,onUpdateTreasuryClick:J,onBusinessVerificationSectionClick:p,onUpdatePaymentAccountStatus:E,onUpdatePaymentAccountLoginStatus:D,onEstablishConnectionClick:te,onEstablishConnectionSuccess:Re,onClickMenuIcon:ye,onAdditionalVerificationFieldsChanged:ve,onSendForVerificationClick:je,onConfirmFundAllocation:we,onSignUpClick:Ee,onNavigateToDashboard:Te,onUpdateFundAllocation:be,onTransferSaveChangesToLocalStore:Ce,onOverlayClose:Oe})=>{const T=e.useToolkitContext().analytics,N=o.useTheme(),l=e.useWindowSizeContext(),[_,b]=m.useState(f.PORTFOLIO_ALLOCATION),[oe,Pe]=m.useState(!1),[Ie,ne]=m.useState(!1),[ke,ie]=m.useState(!1),{fetchState:se,companyTreasuryInfo:z,isRefreshingViewInBackground:re,updateStatus:Ae,plaidConnectionDetails:ae,allBankAccounts:Le,selectedCompanyOfficer:$e,primaryFundingAccount:C,allFundingAccounts:ce,currentAllocation:Fe,portfolioAllocationUpdateStatus:X,isAtomicAccountExists:De}=S,le=e.usePrevious(X.fetchState),k=c.company?.companyBillPayInfo?.businessVerificationStatus,ue=k?.code===L.PENDING_REVIEW||k?.code===L.VERIFIED,{companyDetailsLocalData:Ne}=h,Y=j.transferMoneyParties.length>0,V=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>me(S),[S]),values:me(S)}),_e=V.handleSubmit(r=>{G()}),ze=(r,R)=>{if(r===R)return;const u=ce.find(g=>g.id===r);u!=null&&Z(r,u.accType)},Ve=(r,R,u)=>{if(C?.id==null||r===u)return;const g=R.find(Ke=>Ke.value===r);g!=null&&typeof g.label=="string"&&T.trackConnectBankLink(g.value,g.label,"zeni_treasury"),J(r,C.id,C.accType)},Be=async(r,R)=>{if(!r.includes(H))return;const u=R[H];if(r.includes("fundingAccount")){const g=u.fundingAccount.selectedOption;g!=null&&ze(g,C?.id)}else u.account.selectedOption!=null&&Ve(u.account.selectedOption,u.account.allOptions,C?.zeniAccountId)};m.useEffect(()=>{const r=V.watch((R,{name:u})=>{u!=null&&R!=null&&o.defer(()=>Be(u,R))});return()=>{r.unsubscribe()}},[V]),m.useEffect(()=>{le===W.IN_PROGRESS&&X.fetchState===W.COMPLETED&&_===f.PORTFOLIO_ALLOCATION&&I(!1)},[le,X.fetchState]);const de=z?.businessVerificationStatus?.code===L.VERIFIED,We=z?.businessVerificationStatus?.code===L.PENDING_REVIEW,Me=de||We,He=se===W.IN_PROGRESS||se===W.NOT_STARTED,qe=v.setup.setupSubTitle,K=N.mode==="light"?new o.Color(N.colors.brandColorJadeLight):new o.Color(N.colors.brandColorJadeDark),Ue=()=>{Pe(!0),I(!0),b(f.PORTFOLIO_ALLOCATION)},Ge=()=>{we(),oe||(T.trackTreasuryVerificationNavigation("next",k?.code??""),Y?b(f.TRANSFER):pe())},Ze=()=>{ie(!0),ne(!0)},pe=()=>{ie(!1),ue?b(f.ADDITIONAL_VERIFICATION):p(!0,!1)},B=()=>{I(!1),Oe?.()},Je=()=>{T.trackTreasuryVerificationNavigation("back",k?.code??""),b(f.PORTFOLIO_ALLOCATION)},Xe=()=>{T.trackTreasuryVerificationNavigation("back",k?.code??""),b(f.TRANSFER)},Ye=()=>{ue?b(f.ADDITIONAL_VERIFICATION):p(!0,!0)};return o.jsxRuntimeExports.jsxs(Pt,{children:[o.jsxRuntimeExports.jsxs(o.Drawer,{anchor:"right",open:P,onClose:B,PaperProps:{style:{width:d.overlayWidth.valuePercentage(l),boxShadow:"none"}},style:{backgroundColor:e.Colors.drawerBackground},transitionDuration:250,children:[_===f.PORTFOLIO_ALLOCATION&&o.jsxRuntimeExports.jsx(ot.default,{treasurySetupView:S,onUpdateFundAllocation:be,onBackClick:B,onNextClick:Ge,isReadOnly:P?!1:De&&Fe!=null,isEditMode:oe,skipTransferStep:!Y}),_===f.TRANSFER&&o.jsxRuntimeExports.jsx(nt.default,{isFirstTransfer:x,maxInsuredAmount:U,transferDetails:j,onSaveChangesToLocalStore:Ce,treasurySetupView:S,showReviewContent:Ie,setShowReviewContent:ne,plaidConnectionDetails:ae,onReviewClick:Ze,onBackClick:Je,onCancelClick:B,onEstablishConnectionClick:te,onFetchLinkTokenClick:w,onSkipClick:pe,onTransferClick:Ye,isOnSetup:!0}),_===f.ADDITIONAL_VERIFICATION&&o.jsxRuntimeExports.jsx(ct,{updateStatus:Ae,companyOfficer:$e,companyDetails:Ne,isDetailsSubmitted:Me,isTransferInitiated:ke,transferDetails:j,onClose:Xe,onCloseOverlay:B,onAdditionalVerificationFieldsChanged:ve,onSendForVerificationClick:je,skipTransferStep:!Y})]}),o.jsxRuntimeExports.jsx(e.NavBar,{title:v.setup.setupTitle,backgroundColor:N.colors.grey4,style:{zIndex:3},onBackClick:Te,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:ye,source:"treasury"}),o.jsxRuntimeExports.jsxs(Ot,{windowSize:l,children:[o.jsxRuntimeExports.jsx(It,{windowSize:l,children:qe}),He?o.jsxRuntimeExports.jsx(kt,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):o.jsxRuntimeExports.jsx(o.FormProvider,{...V,children:o.jsxRuntimeExports.jsx("form",{id:Se(wt),onSubmit:_e,children:o.jsxRuntimeExports.jsxs(At,{windowSize:l,children:[o.jsxRuntimeExports.jsx(fe.SetUpDefaultSection,{onClick:Ue,title:v.setup.title,subTitle:v.setup.subTitle,header:v.setup.header,icon:{element:o.jsxRuntimeExports.jsx(jt,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},isLoading:re,isActiveWhileLoading:!0}),o.jsxRuntimeExports.jsx(fe.SetUpDefaultSection,{onClick:()=>p(!1,!1),title:M.businessVerificationTitle,subTitle:M.businessVerificationSubTitle,header:M.businessVerificationHeader,icon:{element:o.jsxRuntimeExports.jsx(e.SvgDocuments,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},status:z?.businessVerificationStatus,isLoading:re,isActiveWhileLoading:!0,additionalInfo:z?.businessVerificationStatus?.code===L.PENDING_REVIEW?F!=null&&F.length>0?v.setup.verificationInProgress:M.businessVerificationAdditionalInfo:void 0}),o.jsxRuntimeExports.jsx(tt.SpendMgmtSetupAccountSection,{connectedAccountProvider:s,plaidConnectionDetails:ae,allBankAccounts:Le,sectionId:H,isDisabled:t,header:bt.accountSectionHeader,onFetchLinkTokenClick:w,onEstablishConnectionClick:te,onUpdatePaymentAccountStatus:E,onUpdatePaymentAccountLoginStatus:D,onEstablishConnectionSuccess:Re,icon:{element:o.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:d.iconWidthHeight.valuePx(l),height:d.iconWidthHeight.valuePx(l)}),color:K},analytics:T,productType:"zeni_treasury",onSignUpClick:Ee,primaryFundingAccount:C,isAccountsEnabled:$,allFundingAccounts:ce,pageName:v.setup.setupPageName,accountsPromoConfig:O})]})})})]}),o.jsxRuntimeExports.jsx(Qe.HelpButton,{isFooterRendered:de,meetingUrl:i,analytics:T,productType:"zeni_treasury"})]})};function me(t){const{allBankAccounts:i,allFundingAccounts:c,primaryFundingAccount:h}=t;return{[H]:{fundingAccount:{selectedOption:h?.id,allOptions:c.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:i.map(s=>({label:s.accountName,value:s.accountId}))}}}}const Ot=n.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${t=>d.setupDetailsRowGap.valuePx(t.windowSize)};
+`,Pt=n.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey4};
+`,It=n(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${t=>d.titleWidth.valuePx(t.windowSize)};
+  padding-top: ${t=>d.subTitlePaddingTop.valuePx(t.windowSize)};
+  padding-bottom: ${t=>d.subTitlePaddingBottom.valuePx(t.windowSize)};
+  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
+`,kt=n.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey4};
+`,At=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t=>d.sectionRowGap.valuePx(t.windowSize)};
+`,Se=t=>`${t}_form`;exports.default=Ct;exports.uniqueName=Se;