@zeniai/web-components 3.16.58 → 3.16.59

package/dist/ReimbursementSetUpPage-Cf7thXI_.cjs

@@ -0,0 +1,140 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-BW93Fnli.cjs"),u=require("react"),i=require("@emotion/styled"),Me=require("@zeniai/client-epic-state"),t=require("./index-C93Jm_tC.cjs"),Ie=require("./HelpButton-C_1x_77I.cjs"),je=require("./SetUpDefaultSection-BB2XcbWg.cjs"),We=require("./SpendMgmtSetupAccountSection-0On1Y1Z-.cjs"),Ve=require("./UploadAdditionalDocumentOverlay-D6NTN28s.cjs");function Be(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const j=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(l,m,j.get?j:{enumerable:!0,get:()=>e[m]})}}return l.default=e,Object.freeze(l)}const v=Be(u),He=e=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},v.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),x={sectionWidth:new t.ResponsiveSized(343,580,726),descriptionMarginBottom:new t.ResponsiveSized(12,t.sp[3]),iconContainerMaxWidthHeight:new t.ResponsiveSized(t.sp[6],t.sp[7]),iconContainerMarginRight:new t.ResponsiveSized(12,t.sp[3]),infoLabelPaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[3]),iconPadding:new t.ResponsiveSized(10,12),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),rowGap:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4])},pe={title:new t.ResponsiveSizedStyle("standardSemiBold","largeSemiBold"),infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function Oe({companyMileageConfigInfo:e,mileageDetails:l,analytics:m,style:j,sectionId:E,isActive:a=!0,isDisabled:s,onSaveMileageClick:N}){const o=t.useWindowSizeContext(),P=n.useTheme(),{formState:{errors:G},trigger:J}=n.useFormContext(),A=Ue(E,"mileageAmountInDenomination"),h=n.has(G,A),{localData:r,updateStatus:W,mileageStatus:w}=l,V=e?.denominationConversions.amount==null||e.denominationConversions.amount!==r?.mileageAmountInDenomination,{commonSetUp:Z,spendManagement:Y}=t.appLocale.getLocalizedStrings(),{reimbursement:K}=Y,[y,T]=u.useState(V),[Q,B]=u.useState(!1);u.useEffect(()=>{h||J(A)},[]),u.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===r?.mileageAmountInDenomination&&T(!1)},[e?.denominationConversions.amount]),u.useEffect(()=>{y||B(y)},[y]);const{reimbursementSetup:f}=K,{setUp:X}=Z,ee=y===!1||W.fetchState==="In-Progress"?"readonly":s,te=r&&r?.denominationSymbol?`${r?.denominationSymbol} `:"",ne=r&&r?.mileageUnit?r?.mileageUnit:"";return n.jsxRuntimeExports.jsxs(Fe,{windowSize:o,style:j,isActive:a&&s==null,children:[n.jsxRuntimeExports.jsxs(Qe,{windowSize:o,children:[f.mileageHeader,a===!1?n.jsxRuntimeExports.jsx(tt,{children:X.comingSoon}):null]}),n.jsxRuntimeExports.jsxs(Ye,{windowSize:o,children:[n.jsxRuntimeExports.jsx(Ze,{windowSize:o,isDarkMode:P.mode==="dark",children:n.jsxRuntimeExports.jsx(He,{width:x.iconWidthHeight.valuePx(o),height:x.iconWidthHeight.valuePx(o)})}),n.jsxRuntimeExports.jsxs(_e,{children:[n.jsxRuntimeExports.jsxs(Ke,{children:[n.jsxRuntimeExports.jsxs(Xe,{children:[n.jsxRuntimeExports.jsxs(et,{children:[n.jsxRuntimeExports.jsx(Ne,{windowSize:o,children:e?.denominationConversions.amount==null?f.mileageAddTitle:f.mileageEditTitle}),n.jsxRuntimeExports.jsx(Ge,{children:f.mileageSubTitle})]}),w!=null&&e?.denominationConversions.amount!=null&&o==="small"?n.jsxRuntimeExports.jsx(t.ItemWithTag,{style:{width:"max-content",padding:t.Space.sp0,marginTop:t.Space.sp2},tagTitle:w.name,textColor:t.getSetupStatusColor(w.code)}):null]}),n.jsxRuntimeExports.jsxs(qe,{children:[w!=null&&e?.denominationConversions.amount!=null&&o!=="small"?n.jsxRuntimeExports.jsx(t.ItemWithTag,{style:{width:"max-content"},tagTitle:w.name,textColor:t.getSetupStatusColor(w.code)}):null,n.jsxRuntimeExports.jsx(Je,{})]})]}),n.jsxRuntimeExports.jsxs(nt,{children:[n.jsxRuntimeExports.jsxs(it,{children:[n.jsxRuntimeExports.jsx(t.FormattedTextField,{style:{height:t.Space.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:t.Space.sp10,backgroundColor:h?void 0:P.colors.background,color:y||h?void 0:P.colors.grey1},isFieldError:h,type:"number",autoFocus:!1,focus:Q,name:A,defaultValue:r?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:te,suffix:`  ${f.perText} ${ne}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:$=>$!=null||s!=null,required:s==null},isDisabled:ee}),n.jsxRuntimeExports.jsx(st,{children:y?n.jsxRuntimeExports.jsx(t.Button,{label:f.save,"data-testid":t.generateDataTestId("save-mileage"),onClick:()=>{r?.mileageAmountInDenomination!=null&&V&&!h&&N?.(r.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:W.fetchState==="In-Progress"}):n.jsxRuntimeExports.jsx(rt,{isDisabled:s,"data-testid":t.generateDataTestId("edit-mileage"),onClick:$=>{$.stopPropagation(),T(!0),B(!0),m.trackReimbursementMileageRateEdit()}})})]}),r?.description!=null?n.jsxRuntimeExports.jsx(ot,{size:o,hasError:h,children:h&&e?.defaultMileageUnitAmount!=null?f.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):r.description}):null]})]})]})]})}const Ue=(e,l)=>`${e}.${l}`,Fe=i.div`
+  display: flex;
+  flex-direction: column;
+  pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
+  opacity: ${e=>e.isActive?1:.32};
+  row-gap: ${e=>x.rowGap.valuePx(e.windowSize)};
+`,_e=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+`,qe=i.div`
+  display: flex;
+`,Ne=i.div`
+  ${e=>`${pe.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?t.Colors.important:e.theme.colors.primary};
+`,Ge=i(t.SmallRegular)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: ${e=>e.theme.colors.hero};
+`,Je=i.div`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  margin-left: ${t.Space.sp4};
+`,Ze=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>x.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+  border-radius: ${t.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?t.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>x.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>x.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>x.iconContainerMarginRight.valuePx(e.windowSize)};
+`,Ye=i.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e=>x.containerPadding.valuePx(e.windowSize)};
+  width: ${e=>x.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,Ke=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+`,Qe=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${pe.title.style(e.windowSize)}`};
+`,Xe=i.div`
+  display: flex;
+  flex-direction: column;
+`,et=i.div``,tt=i(t.ExtraSmallRegularSp)`
+  color: ${e=>e.theme.colors.comingSoon};
+  margin-left: ${t.Space.sp3};
+`,nt=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-top: ${t.Space.sp3};
+`,it=i.div`
+  display: flex;
+  height: ${t.Space.sp6};
+  width: 100%;
+  position: relative;
+`,ot=i.label`
+  display: flex;
+  padding-left: ${e=>x.infoLabelPaddingLeft.valuePx(e.size)};
+  color: ${e=>e.hasError===!0?t.Colors.important:e.additionalInfoTextColor??e.theme.colors.hero};
+  ${e=>`${pe.infoLabel.style(e.size)}`};
+  margin-top: ${t.Space.sp1};
+`,st=i.div`
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: ${t.Space.sp3};
+`,rt=i(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: ${e=>e.isDisabled==null?"pointer":"default"};
+  pointer-events: ${e=>e.isDisabled==null?"initial":"none"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,p={titleWidth:new t.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new t.ResponsiveSized(12,t.sp[5],t.sp[5]),sectionRowGap:new t.ResponsiveSized(t.sp[5],t.sp[9],t.sp[9]),lastSectionPaddingBottom:new t.ResponsiveSized(t.sp[7],t.sp[10],t.sp[10]),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),subTitlePaddingTop:new t.ResponsiveSized(12,t.sp[3]),subTitlePaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),overlayWidth:new t.ResponsiveSized(100,100,59)},we="remiSetupPage",_="remiAccount",q="remiMileage",at=({remiSetupView:e,isDisabled:l,remiApprovalView:m,connectedAccountProvider:j,isAccountsEnabled:E,filesEndPoint:a,authParams:s,meetingUrl:N,analytics:o,accountsPromoConfig:P,onBackClick:G,onBusinessVerificationSectionClick:J,onSetupApprovalRulesSectionClick:A,onFetchLinkTokenClick:h,onEstablishConnectionClick:r,onEstablishConnectionSuccess:W,updateMileageDetails:w,onUpdateAccountClick:V,onUpdatePrimaryFundingAccount:Z,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:K,onEnableRemiClick:y,onEnableRemiSuccess:T,onSaveMileageClick:Q,onClickMenuIcon:B,onEditFileName:f,onDeleteFile:X,updateFilesEntity:ee,onCompanyOfficerUpdated:te,onSendForVerificationClick:ne,onSignUpClick:$})=>{const H=n.useTheme(),c=t.useWindowSizeContext(),[O,D]=u.useState(!1),{fetchState:R,primaryFundingAccount:C,allFundingAccounts:me,updateStatus:z,accountUpdateStatus:ye,plaidConnectionDetails:ie,allBankAccounts:Ce,companyRemiInfo:Re,companyBillPayInfo:ge,mileageRateConfig:be,isRefreshingViewInBackground:Ee,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:U,approvalRulesStatus:$e}=m,oe=ie.link_account.updateStatus,se=ie.update_account.updateStatus,F=t.usePrevious(R),he=t.usePrevious(z.fetchState),fe=t.usePrevious(oe.fetchState),Se=t.usePrevious(se.fetchState),L=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:u.useMemo(()=>de(e),[e]),values:de(e)});u.useEffect(()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&D(!0),O&&F==="In-Progress"&&R==="Completed"&&D(!1)},[g,R,F]),u.useEffect(()=>{(F==="In-Progress"&&R==="Completed"||fe==="In-Progress"&&oe.fetchState==="Completed"||Se==="In-Progress"&&se.fetchState==="Completed")&&L.reset(de(e))},[F,R,L,e,fe,oe.fetchState,Se,se.fetchState]);const ke=L.handleSubmit(k=>{o.trackEnableReimbursement(),y()}),Pe=async(k,I)=>{const d=I[_];if(k.includes(_)){if(k.includes("fundingAccount")){if(d.fundingAccount.selectedOption!=null&&C?.id!=d.fundingAccount.selectedOption){const S=me.find(ce=>ce.id===d.fundingAccount.selectedOption);S!=null&&Z(d.fundingAccount.selectedOption,S.accType)}}else if(d.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=d.account.selectedOption){const S=d.account.allOptions.find(ce=>ce.value===d.account.selectedOption);S!=null&&typeof S.label=="string"&&o.trackConnectBankLink(S.value,S.label,"reimbursement"),V(d.account.selectedOption,C.id,C.accType)}}else if(k.includes(q)){const S=I[q];w(S)}};u.useEffect(()=>{const k=L.watch((I,{name:d})=>{d!=null&&I!=null&&n.defer(()=>Pe(d,I))});return()=>{k.unsubscribe()}}),u.useEffect(()=>{he==="In-Progress"&&z.fetchState==="Completed"&&T()},[T,he,z.fetchState]);const{commonSetUp:ve,spendManagement:Ae}=t.appLocale.getLocalizedStrings(),{reimbursement:Te}=Ae,{reimbursementSetup:M}=Te,{setUp:b}=ve,re=ge?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||Me.isVerifiedPaymentAccountProviderStatusCode(C?.providerVerificationStatus?.code??""))&&be?.denominationConversions.amount!=null,ae=Re?.isReimbursementEnabled===!0,De=re?ve.setUp.setupVerifiedSubTitle:M.setupSubTitle,ze=R==="In-Progress"||R==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",le=H.mode==="light"?new n.Color(H.colors.brandColorJadeLight):new n.Color(H.colors.brandColorJadeDark),Le=()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?D(!0):J?.()};return n.jsxRuntimeExports.jsxs(lt,{children:[n.jsxRuntimeExports.jsx(n.Drawer,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(c),boxShadow:"none"}},open:O,onClose:()=>D(!1),style:{backgroundColor:t.Colors.drawerBackground},transitionDuration:250,children:n.jsxRuntimeExports.jsx(Ve.UploadAdditionalDocumentOVerlay,{authParams:s,filesEndPoint:a,updateStatus:z,onEditFileName:f,onDeleteFile:X,updateFilesEntity:ee,companyOfficer:g,onClose:()=>D(!1),onCompanyOfficerUpdated:te,onSendForVerificationClick:ne})}),n.jsxRuntimeExports.jsx(t.NavBar,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:G,showMenuIcon:!ae&&(c==="medium-compact"||c==="small"),onClickMenuIcon:B,source:"ReimbursementSetUpPage"}),n.jsxRuntimeExports.jsxs(dt,{windowSize:c,children:[n.jsxRuntimeExports.jsx(ct,{windowSize:c,children:De}),ze?n.jsxRuntimeExports.jsx(ut,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):n.jsxRuntimeExports.jsx(n.FormProvider,{...L,children:n.jsxRuntimeExports.jsx("form",{id:ue(we),onSubmit:ke,children:n.jsxRuntimeExports.jsxs(pt,{windowSize:c,children:[n.jsxRuntimeExports.jsx(je.SetUpDefaultSection,{onClick:Le,title:b.businessVerificationTitle,subTitle:b.businessVerificationSubTitle,header:b.businessVerificationHeader,icon:{element:n.jsxRuntimeExports.jsx(t.SvgDocuments,{width:p.iconWidthHeight.valuePx(c),height:p.iconWidthHeight.valuePx(c)}),color:le},status:ge?.businessVerificationStatus,isTagLoading:Ee}),n.jsxRuntimeExports.jsx(We.SpendMgmtSetupAccountSection,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:ie,allBankAccounts:Ce,allFundingAccounts:me,sectionId:_,isDisabled:l,onFetchLinkTokenClick:h,onEstablishConnectionClick:r,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:K,onEstablishConnectionSuccess:W,icon:{element:n.jsxRuntimeExports.jsx(t.SvgBankBuilding,{width:p.iconWidthHeight.valuePx(c)}),color:le},analytics:o,productType:"reimbursement",isAccountsEnabled:E,onSignUpClick:$,pageName:"Reimbursement Setup",accountsPromoConfig:P}),n.jsxRuntimeExports.jsx(Oe,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:q,onSaveMileageClick:Q,analytics:o}),n.jsxRuntimeExports.jsx(je.SetUpDefaultSection,{title:U.length>0?b.approvalTitle:b.createApprovalTitle,subTitle:M.approvalSubTitle,header:U.length>0?b.approvalHeader:b.setupApprovalHeader,icon:{element:n.jsxRuntimeExports.jsx(t.SvgLike,{height:p.iconWidthHeight.valuePx(c)}),color:le},style:{paddingBottom:p.lastSectionPaddingBottom.valuePx(c)},onClick:A,status:U.length>0?$e:void 0})]})})})]}),re&&!ae&&U.length>0?n.jsxRuntimeExports.jsx(t.Footer,{formId:ue(we),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:c==="small"?"auto":"181px"},isLoading:z.fetchState==="In-Progress"||ye.fetchState==="In-Progress",isDisabled:l!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${t.Space.sp3}`}}):null,n.jsxRuntimeExports.jsx(Ie.HelpButton,{isFooterRendered:re&&!ae,meetingUrl:N,analytics:o,productType:"reimbursement"})]})},lt=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ct=i(t.StandardMedium)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>p.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,dt=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
+`,ut=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,pt=i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>p.sectionRowGap.valuePx(e.windowSize)};
+`,de=e=>{const{allBankAccounts:l,allFundingAccounts:m,mileageDetails:j,primaryFundingAccount:E}=e,{localData:a}=j;return{[_]:{fundingAccount:{selectedOption:E?.id,allOptions:m.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:E?.zeniAccountId,allOptions:l.map(s=>({label:s.accountName,value:s.accountId}))}},[q]:{mileageAmount:a?.mileageUnitAmount?.amount,mileageCurrencyCode:a?.mileageCurrencyCode??"USD",mileageCurrencySymbol:a?.mileageCurrencySymbol??"$",mileageUnit:a?.mileageUnit??"",description:a?.description??"",mileageAmountInDenomination:a?.mileageAmountInDenomination,denomination:a?.denomination??"dollars",denominationSymbol:a?.denominationSymbol??""}}},ue=e=>`${e}_form`;exports.default=at;exports.uniqueName=ue;

package/dist/ReimbursementsBulkReviewDrawerPage-CoSscNbH.js

@@ -0,0 +1,204 @@
+import { j as f } from "./vendor-.pnpm-Q8NJHkXi.js";
+import { useState as v, useEffect as O } from "react";
+import { getRemiListUniqueType as W } from "@zeniai/client-epic-state";
+import { a as q, aN as z, aO as K, aP as G, kt as H, dK as J } from "./index-CkG1pP2v.js";
+import { R as Q } from "./ReviewOverlay-NJ6nGY7h.js";
+const {
+  common: i,
+  spendManagement: { reimbursement: k }
+} = q.getLocalizedStrings(), o = k.bulkActions;
+let B;
+const se = ({
+  remisReviewView: e,
+  isAdmin: p,
+  analytics: s,
+  onProceedForBulkActionClick: d,
+  onCloseReviewItem: r,
+  onCloseOverlay: n
+}) => {
+  const {
+    fetchState: l,
+    bulkSubmissionFetchState: c,
+    bulkOperationTypeSelected: t,
+    currentTab: g,
+    currentSubTab: b
+  } = e, h = !1, [P, a] = v(!1), [u, _] = v(
+    C(e, h, p)
+  ), [S, w] = v(h), [j, Z] = v(0), [x, A] = v({
+    type: "",
+    title: "",
+    description: "",
+    primaryButtonText: "",
+    secondaryButtonText: ""
+  });
+  O(() => (j === u.length && S && (w(!1), clearInterval(B)), e.fetchState === "Completed" && _(C(e, !1, p)), () => {
+    clearInterval(B);
+  }), [
+    u.length,
+    j,
+    S,
+    e.fetchState,
+    h,
+    e,
+    p
+  ]);
+  const U = u.length, y = u.filter(
+    (m) => m.reviewStatus.code !== "error"
+  ).length, D = () => {
+    const { title: m, description: I } = X(
+      y
+    );
+    A({
+      type: "reject",
+      title: m,
+      description: I,
+      primaryButtonText: i.texts.confirm,
+      secondaryButtonText: i.texts.close
+    }), s.trackReimbursementBulkSubmit(
+      t,
+      g,
+      b
+    ), a(!0);
+  }, E = {
+    onOkClick: (m) => {
+      a(!1);
+      const I = e.remisForReview.map(
+        (R) => R.reimbursement
+      );
+      s.trackReimbursementBulkPopupConfirm(
+        t,
+        g,
+        b,
+        W(
+          I.map((R) => R?.reimbursementTypesIncluded ?? [])
+        )
+      ), d("reject", m);
+    },
+    onCancelClick: () => {
+      a(!1);
+    }
+  }, { title: L, description: $ } = Y(
+    l,
+    y,
+    U,
+    S
+  ), T = e.fetchState === "Completed" && y === 0, F = () => {
+    s.trackReimbursementBulkSubmit(
+      t,
+      g,
+      b
+    ), d(t);
+  }, N = () => {
+    let m = i.footer.approve;
+    return T ? m = i.texts.close : t === "send_for_approval" && (m = i.footer.submit), {
+      label: m,
+      isDisabled: l !== "Completed" || t === "reject" && c === "In-Progress",
+      isLoading: c === "In-Progress" && (t === "send_for_approval" || t === "approve"),
+      onClick: T ? n : F,
+      style: t === "send_for_approval" ? { minWidth: "92px" } : {}
+    };
+  }, M = {
+    label: t === "send_for_approval" ? i.texts.goBack : i.footer.reject,
+    isDisabled: t !== "reject" && c === "In-Progress",
+    isLoading: t === "reject" && c === "In-Progress",
+    reverseSpinnerColor: !1,
+    onClick: t === "send_for_approval" ? n : D,
+    style: t === "approve" ? { minWidth: "92px" } : {}
+  };
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    P ? /* @__PURE__ */ f.jsx(
+      z,
+      {
+        titleComponent: /* @__PURE__ */ f.jsx(G, { children: x.title }),
+        descriptionComponent: /* @__PURE__ */ f.jsx(K, { children: x.description }),
+        primaryButtonText: x.primaryButtonText,
+        proceedButtonVariant: "danger",
+        secondaryButtonText: x.secondaryButtonText,
+        action: E,
+        isNotesIncluded: !0,
+        isEditPopup: !0
+      }
+    ) : null,
+    /* @__PURE__ */ f.jsx(
+      Q,
+      {
+        title: L,
+        description: {
+          content: $,
+          isError: e.fetchState === "Completed" && y === 0
+        },
+        reviewItems: u,
+        onCloseReviewItem: r,
+        onCloseOverlay: n,
+        showFooter: e.fetchState === "Completed" && !S,
+        footerProps: {
+          primaryButton: N(),
+          cancelButton: M,
+          hideCancel: T
+        }
+      }
+    )
+  ] });
+}, C = (e, p, s) => {
+  const d = e.fetchState === "In-Progress";
+  return e.remisForReview.map((r) => {
+    const n = H(
+      s,
+      r.submittedBy
+    );
+    return {
+      id: r.transactionId,
+      leftSideText: {
+        title: r.reimbursement?.reportTitle != null ? r.reimbursement.reportTitle : k.reimbursementDetail.newReimbursementTitle,
+        subTitle: n != null ? `${i.by} ${n?.firstName} ${n?.lastName}` : i.strings.empty
+      },
+      rightSideText: {
+        title: J(
+          "0,0.[00]",
+          r.reimbursement?.amount?.amount,
+          r.reimbursement?.amount?.currencySymbol
+        ),
+        showThunderIcon: !1,
+        subTitle: r.reviewInfoMessage ?? ""
+      },
+      reviewStatus: {
+        isLoading: d,
+        code: r.reviewStatus ?? ""
+      }
+    };
+  });
+}, X = (e) => {
+  const { this_: p, these: s, report: d, reports: r, payment: n, payments: l } = i.texts;
+  return e > 1 ? {
+    title: o.popUps.reject.title.replace(
+      "__report__",
+      o.reports
+    ),
+    description: o.popUps.reject.description.replaceAll("<_this_>", s).replaceAll("<_payment_>", l).replaceAll("__report__", r)
+  } : {
+    title: o.popUps.reject.title.replace(
+      "__report__",
+      o.report
+    ),
+    description: o.popUps.reject.description.replaceAll("<_this_>", p).replaceAll("<_payment_>", n).replaceAll("__report__", d)
+  };
+}, Y = (e, p, s, d) => {
+  const { has: r, have: n, report: l, reports: c, are: t, is: g, do_: b, does: h } = i.texts, P = p > 1, a = s > 1;
+  let u = "", _ = "";
+  return e === "Completed" && !d ? (u = o.reviewPage.reportsReviewed.title.replace(
+    "__report__",
+    a ? k.bulkActions.reports : o.report
+  ).replace("<_has_>", a ? n : r), p === 0 ? _ = o.reviewPage.reportsReviewed.descriptionError.replace("__report__", a ? c : l).replace("<_do_>", a ? b : h) : _ = `${p}/${s} ${o.reviewPage.reportsReviewed.description.replace("__report__", s > 1 ? c : l).replace("<_is_>", P ? t : g)}`) : (u = o.reviewPage.reportsReviewing.title.replace(
+    "__report__",
+    a ? c : l
+  ), _ = o.reviewPage.reportsReviewing.description.replace(
+    "__report__",
+    a ? c : l
+  )), {
+    title: u,
+    description: _
+  };
+};
+export {
+  se as default
+};

package/dist/ReimbursementsBulkReviewDrawerPage-caXdQ28x.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./vendor-.pnpm-BW93Fnli.cjs"),g=require("react"),O=require("@zeniai/client-epic-state"),x=require("./index-C93Jm_tC.cjs"),W=require("./ReviewOverlay-CeUJaPXl.cjs"),{common:i,spendManagement:{reimbursement:k}}=x.appLocale.getLocalizedStrings(),o=k.bulkActions;let C;const z=({remisReviewView:e,isAdmin:p,analytics:s,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:n})=>{const{fetchState:a,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:b,currentSubTab:S}=e,v=!1,[R,l]=g.useState(!1),[u,_]=g.useState(w(e,v,p)),[h,A]=g.useState(v),[B,J]=g.useState(0),[y,E]=g.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});g.useEffect(()=>(B===u.length&&h&&(A(!1),clearInterval(C)),e.fetchState==="Completed"&&_(w(e,!1,p)),()=>{clearInterval(C)}),[u.length,B,h,e.fetchState,v,e,p]);const U=u.length,P=u.filter(m=>m.reviewStatus.code!=="error").length,D=()=>{const{title:m,description:j}=G(P);E({type:"reject",title:m,description:j,primaryButtonText:i.texts.confirm,secondaryButtonText:i.texts.close}),s.trackReimbursementBulkSubmit(t,b,S),l(!0)},L={onOkClick:m=>{l(!1);const j=e.remisForReview.map(I=>I.reimbursement);s.trackReimbursementBulkPopupConfirm(t,b,S,O.getRemiListUniqueType(j.map(I=>I?.reimbursementTypesIncluded??[]))),d("reject",m)},onCancelClick:()=>{l(!1)}},{title:q,description:$}=H(a,P,U,h),T=e.fetchState==="Completed"&&P===0,F=()=>{s.trackReimbursementBulkSubmit(t,b,S),d(t)},M=()=>{let m=i.footer.approve;return T?m=i.texts.close:t==="send_for_approval"&&(m=i.footer.submit),{label:m,isDisabled:a!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:T?n:F,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},N={label:t==="send_for_approval"?i.texts.goBack:i.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?n:D,style:t==="approve"?{minWidth:"92px"}:{}};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[R?f.jsxRuntimeExports.jsx(x.ConfirmationPopup,{titleComponent:f.jsxRuntimeExports.jsx(x.ConfirmationPopUpTitle,{children:y.title}),descriptionComponent:f.jsxRuntimeExports.jsx(x.ConfirmationPopUpDescription,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:L,isNotesIncluded:!0,isEditPopup:!0}):null,f.jsxRuntimeExports.jsx(W.ReviewOverlayPage,{title:q,description:{content:$,isError:e.fetchState==="Completed"&&P===0},reviewItems:u,onCloseReviewItem:r,onCloseOverlay:n,showFooter:e.fetchState==="Completed"&&!h,footerProps:{primaryButton:M(),cancelButton:N,hideCancel:T}})]})},w=(e,p,s)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const n=x.getReportTitleAdditionalInfo(s,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:n!=null?`${i.by} ${n?.firstName} ${n?.lastName}`:i.strings.empty},rightSideText:{title:x.amountValueToString("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},G=e=>{const{this_:p,these:s,report:d,reports:r,payment:n,payments:a}=i.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",s).replaceAll("<_payment_>",a).replaceAll("__report__",r)}:{title:o.popUps.reject.title.replace("__report__",o.report),description:o.popUps.reject.description.replaceAll("<_this_>",p).replaceAll("<_payment_>",n).replaceAll("__report__",d)}},H=(e,p,s,d)=>{const{has:r,have:n,report:a,reports:c,are:t,is:b,do_:S,does:v}=i.texts,R=p>1,l=s>1;let u="",_="";return e==="Completed"&&!d?(u=o.reviewPage.reportsReviewed.title.replace("__report__",l?k.bulkActions.reports:o.report).replace("<_has_>",l?n:r),p===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",l?c:a).replace("<_do_>",l?S:v):_=`${p}/${s} ${o.reviewPage.reportsReviewed.description.replace("__report__",s>1?c:a).replace("<_is_>",R?t:b)}`):(u=o.reviewPage.reportsReviewing.title.replace("__report__",l?c:a),_=o.reviewPage.reportsReviewing.description.replace("__report__",l?c:a)),{title:u,description:_}};exports.default=z;

package/dist/ReloadCard-BPCFd809.js

@@ -0,0 +1,137 @@
+import { j as r, z as l, u as h, A as m } from "./vendor-.pnpm-Q8NJHkXi.js";
+import a from "@emotion/styled";
+import { et as d, eu as x, j as g, ev as j, a as y, G as C, S as c } from "./index-CkG1pP2v.js";
+import * as i from "react";
+function f({
+  backgroundColor: e,
+  foregroundColor: t,
+  animated: o,
+  width: n,
+  height: s
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      speed: 2,
+      width: n,
+      height: s,
+      viewBox: `0 0 ${n} ${s}`,
+      animate: o != !1,
+      backgroundColor: e,
+      foregroundColor: t,
+      children: [
+        /* @__PURE__ */ r.jsx("rect", { x: "64", y: "0", rx: "4", ry: "4", width: `${n - 128}`, height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "24", y: "45", rx: "4", ry: "4", width: `${n - 48}`, height: "228" })
+      ]
+    }
+  );
+}
+function p({
+  backgroundColor: e,
+  foregroundColor: t,
+  animated: o
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      speed: 2,
+      width: 240,
+      height: 98,
+      viewBox: "0 0 240 98",
+      animate: o != !1,
+      backgroundColor: e,
+      foregroundColor: t,
+      children: [
+        /* @__PURE__ */ r.jsx("rect", { x: "66", y: "0", rx: "4", ry: "4", width: "108", height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "44", y: "77", rx: "4", ry: "4", width: "152", height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "0", y: "29", rx: "4", ry: "4", width: "240", height: "40" })
+      ]
+    }
+  );
+}
+const u = a(x)`
+  justify-content: flex-start;
+`;
+function E({
+  dimension: e,
+  animated: t
+}) {
+  const o = h();
+  return /* @__PURE__ */ r.jsx(d, { dimension: e, children: /* @__PURE__ */ r.jsx(u, { children: /* @__PURE__ */ r.jsx(
+    p,
+    {
+      backgroundColor: o.colors.grey3,
+      foregroundColor: o.colors.grey4,
+      animated: t
+    }
+  ) }) });
+}
+function z({
+  dimension: e,
+  animated: t
+}) {
+  const o = h();
+  return /* @__PURE__ */ r.jsx(d, { dimension: e, children: /* @__PURE__ */ r.jsx(u, { children: /* @__PURE__ */ r.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx(m, { children: ({ height: n, width: s }) => /* @__PURE__ */ r.jsx(
+    f,
+    {
+      backgroundColor: o.colors.grey3,
+      foregroundColor: o.colors.grey4,
+      animated: t,
+      width: s,
+      height: n
+    }
+  ) }) }) }) });
+}
+const w = (e) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("rect", { opacity: 0.2, width: 72, height: 72, rx: 36, fill: "#97C3B9" }), /* @__PURE__ */ i.createElement("path", { d: "M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), L = a(x)`
+  justify-content: space-between;
+`, k = a.div`
+  height: ${c.sp10};
+  width: ${c.sp10};
+  background: ${(e) => e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & svg {
+    color: ${(e) => e.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, v = a(C)`
+  color: ${(e) => e.theme.colors.champion};
+`, $ = a(C)`
+  color: ${(e) => e.theme.colors.hero};
+`, B = a(w)``;
+function I({
+  dimension: e,
+  cardType: t,
+  cardIndex: o,
+  reportTitle: n,
+  onReloadData: s
+}) {
+  return /* @__PURE__ */ r.jsx(
+    d,
+    {
+      "data-testid": g("dashboard-reload", t),
+      dimension: e,
+      onClick: () => s(o, t),
+      children: /* @__PURE__ */ r.jsxs(L, { children: [
+        /* @__PURE__ */ r.jsxs(v, { children: [
+          n ?? j(t),
+          " "
+        ] }),
+        /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(B, {}) }),
+        /* @__PURE__ */ r.jsx($, { children: y.getLocalizedStrings().card.failedText })
+      ] })
+    }
+  );
+}
+export {
+  z as C,
+  I as R,
+  E as S
+};

package/dist/ReloadCard-S31OPfbP.cjs

@@ -0,0 +1,26 @@
+"use strict";const t=require("./vendor-.pnpm-BW93Fnli.cjs"),a=require("@emotion/styled"),s=require("./index-C93Jm_tC.cjs"),x=require("react");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const c=l(x);function u({backgroundColor:e,foregroundColor:o,animated:r,width:n,height:i}){return t.jsxRuntimeExports.jsxs(t.ContentLoader,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:r!=!1,backgroundColor:e,foregroundColor:o,children:[t.jsxRuntimeExports.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${n-128}`,height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${n-48}`,height:"228"})]})}function h({backgroundColor:e,foregroundColor:o,animated:r}){return t.jsxRuntimeExports.jsxs(t.ContentLoader,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:r!=!1,backgroundColor:e,foregroundColor:o,children:[t.jsxRuntimeExports.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const d=a(s.CardContentBox)`
+  justify-content: flex-start;
+`;function m({dimension:e,animated:o}){const r=t.useTheme();return t.jsxRuntimeExports.jsx(s.Card,{dimension:e,children:t.jsxRuntimeExports.jsx(d,{children:t.jsxRuntimeExports.jsx(h,{backgroundColor:r.colors.grey3,foregroundColor:r.colors.grey4,animated:o})})})}function j({dimension:e,animated:o}){const r=t.useTheme();return t.jsxRuntimeExports.jsx(s.Card,{dimension:e,children:t.jsxRuntimeExports.jsx(d,{children:t.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:n,width:i})=>t.jsxRuntimeExports.jsx(u,{backgroundColor:r.colors.grey3,foregroundColor:r.colors.grey4,animated:o,width:i,height:n})})})})})}const C=e=>c.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),c.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),p=a(s.CardContentBox)`
+  justify-content: space-between;
+`,g=a.div`
+  height: ${s.Space.sp10};
+  width: ${s.Space.sp10};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & svg {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,R=a(s.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,y=a(s.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,f=a(C)``;function E({dimension:e,cardType:o,cardIndex:r,reportTitle:n,onReloadData:i}){return t.jsxRuntimeExports.jsx(s.Card,{"data-testid":s.generateDataTestId("dashboard-reload",o),dimension:e,onClick:()=>i(r,o),children:t.jsxRuntimeExports.jsxs(p,{children:[t.jsxRuntimeExports.jsxs(R,{children:[n??s.toCardTitle(o)," "]}),t.jsxRuntimeExports.jsx(g,{children:t.jsxRuntimeExports.jsx(f,{})}),t.jsxRuntimeExports.jsx(y,{children:s.appLocale.getLocalizedStrings().card.failedText})]})})}exports.ChartCardLoading=j;exports.ReloadCard=E;exports.SummaryCardLoading=m;