@zeniai/web-components 3.16.91 → 3.16.92

package/dist/MoreMenuButton-DMGs9wbE.cjs

@@ -0,0 +1,167 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),h=require("react"),n=require("@emotion/styled"),t=require("./index-8M9nU4Oy.cjs"),k=require("./spend-limit-K8ydp2My.cjs"),R=require("./dollar-round-BYVLvfWC.cjs"),g=require("./money-CJCMJZfW.cjs"),j=require("./page-summary-BVR1gBsz.cjs"),w=require("./unlock-BuRCTqwN.cjs");function I(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(i,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return i.default=e,Object.freeze(i)}const r=I(h);function M(e){return{locale_id:e.localeId,entity:e.entity,company_name:e.companyName,filter:e.filter,time_period:e.timePeriod,file_type:e.fileType,is_show_deleted_bills_enabled:e.isShowDeletedBillsEnabled,is_show_deleted_reimbursement_enabled:e.isShowDeletedReimbursementEnabled}}async function b(e,i,s){const a=`${e}?query=${encodeURIComponent(JSON.stringify(M(s)))}`,d=t.appLocale.getLocalizedStrings().spendManagement.downloads.defaultDownloadFileName;try{const l=await t.fetchRequest({urlEndPoint:a,authParams:i,fileType:s.fileType});if(l.ok){const p=t.getFileNameFromResponseHeaders(l.headers,d),x=await l.arrayBuffer();o.fileDownload(x,p)}else console.error(`Download SpendManagment Failed with ${l.statusText}`)}catch(l){console.error(`Download SpendManagment Failed with ${JSON.stringify(l)}`)}}function D(e){const{entity:i,filter:s,fileType:a,companyName:d,timePeriod:l,isShowDeletedBillsEnabled:p,isShowDeletedReimbursementEnabled:x}=e;return{localeId:t.appLocale.getAppLocaleID(),fileType:a,filter:s,entity:i,companyName:d,timePeriod:l,isShowDeletedBillsEnabled:p,isShowDeletedReimbursementEnabled:x}}function H(e){const i=D(e);return b(e.spendManagementEndPoint,e.authParams,i)}function W(e){const i=o.useTheme(),[s,a]=h.useState(!1),d=t.appLocale.getLocalizedStrings().spendManagement.downloads;h.useEffect(()=>{async function p(){await H({fileType:"excel",entity:e.entity,filter:e.filter,...e.downloadParams}),e.updateDownloadStateHandler?.("Completed")}s&&e.downloadState!=="In-Progress"&&(a(!1),e.updateDownloadStateHandler?.("In-Progress"),p())},[s,e.downloadState,e]);const l=p=>{if(p.stopPropagation(),s){console.log("Download is already in progress!");return}else a(!0)};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsx(t.Button,{label:e.downloadState==="In-Progress"?d.downloading:d.download,size:"small",disabled:e.isDisabled,prefixIcon:e.downloadState==="In-Progress"?o.jsxRuntimeExports.jsx(P,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{start:!0,size:"Small",style:{display:"flex",alignItems:"center"}})}):o.jsxRuntimeExports.jsx(V,{disabled:e.isDisabled}),onClick:l,style:{border:"none",padding:0,background:"inherit"},textStyle:{fontWeight:t.FontWeight.regular,color:e.downloadState==="In-Progress"?i.colors.primary:"inherit"},reverseSpinnerColor:!1})})}const V=n(t.SvgDownload)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  :hover {
+    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,P=n.div`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  display: flex;
+  justify-content: center;
+`,B=e=>r.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M15.1875 4.875C15.1875 5.04076 15.1217 5.19973 15.0044 5.31694C14.8872 5.43415 14.7283 5.5 14.5625 5.5H1.4375C1.27174 5.5 1.11277 5.43415 0.995558 5.31694C0.878348 5.19973 0.8125 5.04076 0.8125 4.875V3C0.8125 2.83424 0.878348 2.67527 0.995558 2.55806C1.11277 2.44085 1.27174 2.375 1.4375 2.375H14.5625C14.7283 2.375 14.8872 2.44085 15.0044 2.55806C15.1217 2.67527 15.1875 2.83424 15.1875 3V4.875Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M14.5625 6.75V13C14.5625 13.1658 14.4967 13.3247 14.3794 13.4419C14.2622 13.5592 14.1033 13.625 13.9375 13.625H2.0625C1.89674 13.625 1.73777 13.5592 1.62056 13.4419C1.50335 13.3247 1.4375 13.1658 1.4375 13V6.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M10.1875 8.3125C10.1875 8.56114 10.0887 8.7996 9.91291 8.97541C9.7371 9.15123 9.49864 9.25 9.25 9.25H6.75C6.50136 9.25 6.2629 9.15123 6.08709 8.97541C5.91127 8.7996 5.8125 8.56114 5.8125 8.3125C5.8125 8.06386 5.91127 7.8254 6.08709 7.64959C6.2629 7.47377 6.50136 7.375 6.75 7.375H9.25C9.49864 7.375 9.7371 7.47377 9.91291 7.64959C10.0887 7.8254 10.1875 8.06386 10.1875 8.3125Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),L=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M21.3259 5H2.60414C1.82866 5 1.20001 5.62865 1.20001 6.40413V17.6372C1.20001 18.4127 1.82866 19.0413 2.60414 19.0413H21.3259C22.1014 19.0413 22.73 18.4127 22.73 17.6372V6.40413C22.73 5.62865 22.1014 5 21.3259 5Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M19.9218 7.80823H16.1774V11.5526H19.9218V7.80823Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M4.9444 8.74438H6.81657",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M4.9444 12.422H12.4444",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M4.9444 15.233H16.1774",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M4.85022 18.9315L5.52057 18.2612C5.63229 18.1495 5.77164 18.0696 5.92438 18.0294C6.07712 17.9892 6.23779 17.9903 6.38999 18.0325C6.54218 18.0747 6.68046 18.1565 6.7907 18.2696C6.90094 18.3827 6.97919 18.523 7.01747 18.6762L7.08174 18.9315L7.8119 18.4451C7.98361 18.3306 8.1897 18.2791 8.39508 18.2994C8.60046 18.3198 8.79245 18.4107 8.93837 18.5566L9.31326 18.9315H11.0985",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.9172 6.67847L15.8113 8.57258",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M18.1467 3.96469L18.5254 4.3434C18.7262 4.54428 18.8391 4.81673 18.8391 5.10081C18.8391 5.38489 18.7262 5.65734 18.5253 5.85821L10.7618 13.6215L8.86834 11.7279L16.6319 3.96467C16.8327 3.76379 17.1052 3.65095 17.3893 3.65095C17.6734 3.65096 17.9458 3.76381 18.1467 3.96469Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M8.86768 11.7279L7.60553 14.8842L10.7618 13.622",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M18.3356 4.15414L19.4898 3",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M7.15564 10.3479H2.24629C2.12792 10.3479 2.01441 10.3949 1.93071 10.4786C1.84701 10.5623 1.79999 10.6758 1.79999 10.7942V21.5055C1.79999 21.6239 1.84701 21.7374 1.93071 21.8211C2.01441 21.9048 2.12792 21.9518 2.24629 21.9518H21.8837C22.0021 21.9518 22.1156 21.9048 22.1993 21.8211C22.283 21.7374 22.33 21.6239 22.33 21.5055V10.7942C22.33 10.6758 22.283 10.5623 22.1993 10.4786C22.1156 10.3949 22.0021 10.3479 21.8837 10.3479H17.4206",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16.0854 13.0258H19.6558V15.4393H16.0854V13.0258Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16.3112 4.28439L15.5971 3.5703C15.4297 3.40297 15.2027 3.30896 14.966 3.30896C14.7293 3.30896 14.5023 3.40297 14.335 3.5703L12.5114 5.39747",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),O=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M10.5938 13.4062H2.15625C1.90761 13.4062 1.66915 13.3075 1.49334 13.1317C1.31752 12.9558 1.21875 12.7174 1.21875 12.4688V5.90625C1.21875 5.65761 1.31752 5.41915 1.49334 5.24334C1.66915 5.06752 1.90761 4.96875 2.15625 4.96875H21.8438C22.0924 4.96875 22.3308 5.06752 22.5067 5.24334C22.6825 5.41915 22.7812 5.65761 22.7812 5.90625V10.6134",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6.56641 7.3125V11.0625",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M8.13594 8.15918L5 10.2161",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M8.12781 10.2282L5.00781 8.14697",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M14.3438 15.2822H20.9062C20.9062 15.2822 21.8438 15.2822 21.8438 16.2197V21.8438C21.8438 21.8438 21.8438 22.7813 20.9062 22.7813H14.3438C14.3438 22.7813 13.4062 22.7813 13.4062 21.8438V16.2197C13.4062 16.2197 13.4062 15.2822 14.3438 15.2822Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16.4531 19.0903C16.4531 19.4011 16.5766 19.6992 16.7964 19.919C17.0161 20.1387 17.3142 20.2622 17.625 20.2622C17.9358 20.2622 18.2339 20.1387 18.4536 19.919C18.6734 19.6992 18.7969 19.4011 18.7969 19.0903C18.7969 18.7795 18.6734 18.4815 18.4536 18.2617C18.2339 18.0419 17.9358 17.9185 17.625 17.9185C17.3142 17.9185 17.0161 18.0419 16.7964 18.2617C16.5766 18.4815 16.4531 18.7795 16.4531 19.0903Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M19.9688 13.875C19.9688 13.2534 19.7218 12.6573 19.2823 12.2177C18.8427 11.7782 18.2466 11.5313 17.625 11.5312C17.0034 11.5313 16.4073 11.7782 15.9677 12.2177C15.5282 12.6573 15.2812 13.2534 15.2812 13.875V15.2812H19.9688V13.875Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),T=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M5.14285 6.61229V3.67351C5.14285 3.54361 5.19446 3.41903 5.28631 3.32717C5.37817 3.23532 5.50275 3.18372 5.63265 3.18372H22.2857C22.4156 3.18372 22.5402 3.23532 22.632 3.32717C22.7239 3.41903 22.7755 3.54361 22.7755 3.67351V12.4898C22.7755 12.6197 22.7239 12.7443 22.632 12.8362C22.5402 12.928 22.4156 12.9796 22.2857 12.9796H10.0408",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M4.16326 15.4285L6.39575 14.4303C6.61868 14.2816 6.80873 14.0887 6.95414 13.8636C7.09955 13.6385 7.19723 13.386 7.24114 13.1216L7.59183 11.0204L10.61 8.86526C10.7371 8.77453 10.8406 8.65474 10.912 8.51586C10.9834 8.37698 11.0206 8.22305 11.0204 8.06689V7.51244C11.0204 7.35548 10.9827 7.20081 10.9105 7.06146C10.8383 6.92211 10.7336 6.80216 10.6053 6.71171C10.477 6.62126 10.3289 6.56296 10.1734 6.54172C10.0179 6.52049 9.85951 6.53693 9.71167 6.58967L5.69143 8.02673C4.68324 8.38704 3.74646 8.92225 2.92408 9.60779L1.22449 11.0204",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M1.22449 20.8164L3.42269 19.347C3.90694 19.0258 4.47555 18.8553 5.05665 18.8572H12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12 18.8572H14.7223C14.928 18.8572 15.1284 18.7925 15.2953 18.6723C15.4622 18.552 15.5869 18.3823 15.6519 18.1871L17.3878 12.9796",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16.4121 15.9183H12.0039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12.9796 15.9184C12.5899 15.9184 12.2161 15.7636 11.9406 15.488C11.665 15.2125 11.5102 14.8387 11.5102 14.449C11.5102 14.0593 11.665 13.6856 11.9406 13.41C12.2161 13.1344 12.5899 12.9796 12.9796 12.9796",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12 18.8571C11.6103 18.8571 11.2365 18.7023 10.961 18.4267C10.6854 18.1512 10.5306 17.7774 10.5306 17.3877C10.5306 16.998 10.6854 16.6243 10.961 16.3487C11.2365 16.0731 11.6103 15.9183 12 15.9183",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M15.9427 10.0408V11.0204",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M15.9427 5.14282V6.12241",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.9796 10.0408H16.9184C17.1782 10.0408 17.4274 9.9376 17.6111 9.75389C17.7948 9.57018 17.898 9.32102 17.898 9.06121C17.898 8.80141 17.7948 8.55225 17.6111 8.36854C17.4274 8.18483 17.1782 8.08162 16.9184 8.08162H14.9592C14.6994 8.08162 14.4502 7.97841 14.2665 7.7947C14.0828 7.611 13.9796 7.36183 13.9796 7.10203C13.9796 6.84222 14.0828 6.59306 14.2665 6.40935C14.4502 6.22564 14.6994 6.12244 14.9592 6.12244H17.898",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),N=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M17.1429 0.979492L23.0204 5.38766H0.979614",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6.85717 23.0202L0.979614 18.6121H23.0204",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.4291 9.91089H12.1283C11.8748 9.91098 11.6286 9.99666 11.4298 10.1541C11.231 10.3114 11.0912 10.5313 11.0329 10.7781C10.9747 11.0249 11.0015 11.2841 11.1089 11.5138C11.2163 11.7435 11.3981 11.9302 11.6249 12.0436L12.8091 12.6363C13.0358 12.7498 13.2176 12.9365 13.3251 13.1662C13.4325 13.3958 13.4593 13.6551 13.401 13.9018C13.3427 14.1486 13.2029 14.3685 13.0041 14.5259C12.8053 14.6833 12.5592 14.769 12.3056 14.7691H11",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M11.9133 14.769V15.68",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12.5206 9V9.91091",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),F=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+`;function q({isMoreOption:e,options:i,entity:s,title:a,closeMenuOnSelect:d=!0,isMenuOpen:l,customStyleConfig:p,downloadProps:x,isDisabled:y,backgroundColor:C,onOptionSelection:E,onMenuOpen:$}){const u=o.useTheme(),v={control:c=>({...c,border:0,backgroundColor:C??u.colors.grey4,boxShadow:u.colors.grey5,borderRadius:t.Space.sp2,padding:0,":hover":{".name":{color:u.colors.primary},backgroundColor:C??u.colors.grey4},cursor:"pointer",input:{height:0}}),container:c=>({...c,marginLeft:t.sp[4]}),valueContainer:(c,m)=>({...c,padding:0,...p?.valueContainer?.(c,m)}),menu:c=>({...c,backgroundColor:u.colors.grey5,borderRadius:4,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${u.colors.dropShadowHover}`,whiteSpace:"nowrap",width:"auto",right:0,zIndex:20,marginTop:"2px"}),option:(c,{data:{value:m}})=>({...c,...t.textStyles.smallRegular.cssObject,color:u.colors.hero,backgroundColor:u.colors.grey5,cursor:"pointer",padding:`${t.Space.sp2} ${t.Space.sp3}`,":hover":{color:u.colors.primary,backgroundColor:m==="close"||m==="revokeInvite"?t.Colors.importantLight:u.colors.grey3,cursor:"pointer","& svg":{color:m==="close"||m==="revokeInvite"?t.Colors.important:u.colors.primary},".new-tag":{color:t.Colors.primaryDark}},"& label":{paddingRight:"10px",paddingLeft:t.Space.sp2}}),placeholder:c=>({...c,margin:t.Space.sp0}),...p},f={isMoreOption:e,title:a,downloadProps:x,entity:s};return o.jsxRuntimeExports.jsx(F,{"data-testid":t.generateDataTestId("more-menu-button",s),children:o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{...f,isMulti:!1,menuPlacement:"bottom",isDisabled:y!=null,menuShouldScrollIntoView:!0,options:i,components:{ValueContainer:J,DropdownIndicator:z,IndicatorSeparator:null,IndicatorsContainer:Z,Option:A,MenuList:G},onChange:c=>{c!=null&&E(c?.value)},controlShouldRenderValue:!1,placeholder:"",closeMenuOnSelect:d,menuIsOpen:l,isClearable:!1,isSearchable:!1,styles:v,onMenuOpen:$})})}const z=()=>o.jsxRuntimeExports.jsx("div",{}),Z=()=>null,A=e=>{const{downloadProps:i}=e.selectProps,s=e.value==="download"&&i?.isDisabled;return o.jsxRuntimeExports.jsx(Ee,{isDisabled:s,isImportant:e.value==="close"||e.value==="revokeInvite",children:o.jsxRuntimeExports.jsx(o.components.Option,{...e,children:o.jsxRuntimeExports.jsx(Le,{isCopy:e.value==="copy",isImportant:e.value==="close"||e.value==="revokeInvite",children:e.value==="download"?o.jsxRuntimeExports.jsx(W,{...e.selectProps.downloadProps}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[U(e.value),o.jsxRuntimeExports.jsx(ye,{isImportant:e.value==="close"||e.value==="revokeInvite",children:e.label}),e.data.isNew===!0&&o.jsxRuntimeExports.jsx(fe,{className:"new-tag"})]})})})})},U=e=>{switch(e){case"sendMoney":return o.jsxRuntimeExports.jsx(Q,{});case"payBill":return o.jsxRuntimeExports.jsx(X,{});case"transfer":return o.jsxRuntimeExports.jsx(Y,{});case"checkDeposit":return o.jsxRuntimeExports.jsx(ee,{});case"closeAccount":return o.jsxRuntimeExports.jsx(te,{});case"editNickName":return o.jsxRuntimeExports.jsx(oe,{});case"editPortfolio":return o.jsxRuntimeExports.jsx(ne,{});case"accountStatement":return o.jsxRuntimeExports.jsx(se,{});case"settings":return o.jsxRuntimeExports.jsx(ce,{});case"statements":return o.jsxRuntimeExports.jsx(ie,{});case"payEarly":return o.jsxRuntimeExports.jsx(ae,{});case"archive":return o.jsxRuntimeExports.jsx(de,{});case"delete":return o.jsxRuntimeExports.jsx(le,{});case"invite":return o.jsxRuntimeExports.jsx(pe,{});case"copy":return o.jsxRuntimeExports.jsx(ke,{});case"copied":return o.jsxRuntimeExports.jsx(ue,{});case"changePin":return o.jsxRuntimeExports.jsx(he,{});case"updateSpendLimit":return o.jsxRuntimeExports.jsx(me,{});case"rename":return o.jsxRuntimeExports.jsx(re,{});case"lock":return o.jsxRuntimeExports.jsx(xe,{});case"unlock":return o.jsxRuntimeExports.jsx(Ce,{});case"close":return o.jsxRuntimeExports.jsx(we,{});case"revokeInvite":return o.jsxRuntimeExports.jsx(je,{});case"taxLetter":return o.jsxRuntimeExports.jsx(ge,{});default:return null}},J=({children:e,...i})=>{const{isMoreOption:s,title:a,entity:d,menuIsOpen:l}=i.selectProps,p=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...i,style:{padding:0},children:[s===!0?l===!0?o.jsxRuntimeExports.jsx(S,{}):o.jsxRuntimeExports.jsx(t.Tooltip,{title:"More actions",placement:"bottom-end",style:{height:t.Space.sp4},children:o.jsxRuntimeExports.jsx(S,{})}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:K(a,p,d)}),e]})},G=({children:e,...i})=>o.jsxRuntimeExports.jsx(o.components.MenuList,{...i,children:h.Children.map(e,(s,a)=>{const d=h.isValidElement(s)&&(s.props?.data?.value==="close"||s.props?.data?.value==="revokeInvite");return o.jsxRuntimeExports.jsxs(h.Fragment,{children:[h.Children.count(e)>1&&a===h.Children.count(e)-1&&d&&o.jsxRuntimeExports.jsx(Se,{}),s]},a)})}),K=(e,i,s)=>{switch(s){case"zeni_accounts":return i==="small"?o.jsxRuntimeExports.jsx($e,{}):o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},label:e});case"rewards":return i==="small"?o.jsxRuntimeExports.jsx(ve,{}):o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center",padding:"6px 12px"},label:e});case"bill_pay":case"reimbursement":default:return o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},label:e})}},Q=n(T)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,X=n(t.SvgBills)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Y=n(N)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,ee=n(_)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,te=n(t.SvgClose)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,oe=n(t.SvgEdit)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,re=n(t.SvgEdit)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,ne=n(t.SvgEdit)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,se=n(j.SvgPageSummary)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ie=n(j.SvgPageSummary)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,ae=n(R.SvgDollarRound)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,ce=n(t.SvgSettings)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,S=n(t.SvgMore)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,le=n(t.SvgDelete)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,de=n(B)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,pe=n(t.SvgEmail)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ue=n(t.SvgTickRoundFill)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,he=n(O)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,me=n(k.SvgSpendLimit)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,xe=n(t.SvgLock)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Ce=n(w.SvgUnlock)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Se=n.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${t.Space.sp1} ${t.Space.sp0};
+`,ke=n(t.SvgCopy)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ge=n(L)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,je=n(w.SvgUnassigned)`
+  color: ${t.Colors.important};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,we=n(k.SvgCloseCard)`
+  color: ${t.Colors.important};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Le=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+  margin-right: ${e=>e.isCopy?"12px":0};
+  ${e=>!e.isImportant&&`
+    :hover {
+      color: ${e.theme.colors.primary};
+      span {
+        color: ${e.theme.colors.primary};
+      }
+    }
+  `}
+`,ye=n(t.SmallRegularSp)`
+  margin-left: ${t.Space.sp2};
+  color: ${e=>e.isImportant?t.Colors.important:"inherit"};
+`,Ee=n.div`
+  ${e=>!e.isImportant&&`
+    :hover {
+    svg {
+      color: ${e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+    }
+    }
+  `}
+`,$e=n(g.SvgMoney)`
+  min-width: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,ve=n(g.SvgInvitation)`
+  min-width: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,fe=n(t.SvgNewTag)`
+  height: ${t.Space.sp5};
+  width: ${t.Space.sp5};
+  color: ${t.Colors.primaryDark};
+  margin-left: 6px;
+`;exports.MoreMenuButton=q;exports.SvgBankLetter=L;

package/dist/MyBankConnectionsSettingsPage-8pxwAQIv.js

@@ -0,0 +1,297 @@
+import { u as j, b as w, j as i } from "./vendor-.pnpm-B2klaOGU.js";
+import { useCallback as B, useMemo as I, useEffect as R } from "react";
+import t from "@emotion/styled";
+import { usePlaidLink as L } from "react-plaid-link";
+import { zeniDate as _ } from "@zeniai/client-epic-state";
+import { u as z, eP as P, R as d, hS as $, hT as C, S as n, D as a, i1 as H, aw as M, C as T, F as E, a as v, aE as A, aL as k, hI as G, E as N, o as J, t as F } from "./index-B_vMG-7O.js";
+const r = {
+  sectionWidth: new d(343, 580, 726),
+  iconContainerMaxWidthHeight: new d(a[6], a[7]),
+  iconContainerMarginRight: new d(12, a[3]),
+  iconPadding: new d(10, 12),
+  iconWidthHeight: new d(20, a[4]),
+  elementsMarginLeftRight: new d(a[3], a[4])
+}, O = {
+  title: new M("standardMedium", "largeMedium")
+}, U = t.img`
+  width: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  height: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  border-radius: ${n.sp11};
+  margin-right: ${(e) => r.iconContainerMarginRight.valuePx(e.windowSize)};
+`, Y = t.div`
+  display: flex;
+`, q = t.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-left: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  padding-top: ${n.sp4};
+  padding-bottom: ${n.sp4};
+`, K = t.div`
+  display: flex;
+  align-items: flex-start;
+`, Q = t.div`
+  display: flex;
+  opacity: 1;
+`, X = t.div`
+  display: flex;
+  flex-direction: column;
+`, Z = t.div``, V = t.div`
+  ${(e) => `${O.title.style(e.windowSize)}`};
+  color: ${(e) => e.isError === !0 ? T.important : e.theme.colors.primary};
+`, ee = t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${(e) => r.iconPadding.valuePx(e.windowSize)};
+  background: ${(e) => e.iconColor.toString()};
+  border-radius: ${n.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${(e) => e.isDarkMode ? T.neutralGrey5Light : e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${(e) => r.iconContainerMarginRight.valuePx(e.windowSize)};
+`, ie = t(E)`
+  display: flex;
+  align-items: center;
+  color: ${(e) => e.theme.colors.hero};
+  flex-wrap: wrap;
+`, te = t.div`
+  display: flex;
+`, ne = t.div`
+  display: inline-block;
+  border-radius: ${n.sp2};
+  margin: ${n.sp0} 12px;
+  width: ${n.sp1};
+  height: ${n.sp1};
+  cursor: inherit;
+  background-color: ${(e) => e.theme.colors.grey1};
+`, oe = t.div`
+  display: flex;
+  flex-direction: column;
+  width: ${(e) => r.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey3};
+  box-shadow: ${(e) => `${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  color: ${(e) => e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+`, se = ({
+  bankAccount: e,
+  paymentAccount: o,
+  accountStatus: c
+}) => {
+  const s = z(), h = j(), m = e.bankName, l = h.mode === "light" ? new w(h.colors.brandColorJadeLight) : new w(h.colors.brandColorJadeDark), S = {
+    element: /* @__PURE__ */ i.jsx(
+      P,
+      {
+        width: r.iconWidthHeight.valuePx(s),
+        height: r.iconWidthHeight.valuePx(s)
+      }
+    ),
+    color: l
+  }, g = o?.providerVerificationStatus?.code, p = `${o?.accountSubType?.name != null ? o.accountSubType.name.substring(0, 1).toUpperCase().concat(o.accountSubType.name.substring(1)) : ""} ${o?.maskedAccountNumber ?? e.maskedAccountNumber}`.trim(), u = o?.institutionDetails?.zeniInstitutionId.toLowerCase() === "chase";
+  return /* @__PURE__ */ i.jsx(oe, { windowSize: s, children: /* @__PURE__ */ i.jsxs(q, { windowSize: s, children: [
+    /* @__PURE__ */ i.jsxs(K, { children: [
+      /* @__PURE__ */ i.jsx(Q, { children: le(
+        S,
+        s,
+        h.mode === "dark",
+        o
+      ) }),
+      /* @__PURE__ */ i.jsxs(X, { children: [
+        /* @__PURE__ */ i.jsxs(Z, { children: [
+          /* @__PURE__ */ i.jsx(V, { windowSize: s, children: m }),
+          /* @__PURE__ */ i.jsx(ie, { children: p ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(te, { children: p }),
+            s !== "small" && (g !== "verification_failed" && o?.providerVerificationStatus?.code === "pending_manual_verification" || u) ? /* @__PURE__ */ i.jsx(ne, {}) : null
+          ] }) : null })
+        ] }),
+        c != null && s === "small" ? /* @__PURE__ */ i.jsx(
+          $,
+          {
+            style: {
+              width: "max-content",
+              padding: 0,
+              marginTop: n.sp2
+            },
+            tagTitle: c.name,
+            textColor: C(c.code)
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ i.jsx(Y, { children: c != null && s !== "small" ? /* @__PURE__ */ i.jsx(
+      $,
+      {
+        style: {
+          width: "max-content",
+          padding: 0,
+          marginTop: n.sp2
+        },
+        tagTitle: c.name,
+        textColor: C(c.code)
+      }
+    ) : null })
+  ] }) });
+}, le = (e, o, c, s) => s?.institutionDetails.logo?.base64 != null ? /* @__PURE__ */ i.jsx(
+  U,
+  {
+    windowSize: o,
+    src: `${H}${s.institutionDetails.logo.base64.toString()}`,
+    alt: s.institutionDetails.institutionName,
+    loading: "lazy"
+  }
+) : /* @__PURE__ */ i.jsx(
+  ee,
+  {
+    iconColor: e.color,
+    windowSize: o,
+    isDarkMode: c,
+    children: e.element
+  }
+), f = {
+  myBankConnectionsDetailsRowGap: new d(12, a[5], a[5]),
+  sectionRowGap: new d(a[5], a[9], a[9]),
+  iconWidthHeight: new d(20, a[4]),
+  sectionWidth: new d(343, 580, 726),
+  subtitleSectionWidth: new d(343, 580, 1200)
+}, ae = {
+  title: new M("standardMedium", "largeMedium")
+}, re = t.div`
+  display: flex;
+  row-gap: ${n.sp3};
+  flex-direction: column;
+`, ce = t.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${n.sp3};
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, de = t.div`
+  margin: auto;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`, ge = t.div`
+  display: flex;
+  align-items: center;
+  width: ${(e) => f.sectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${n.sp3};
+`, he = t.div`
+  display: flex;
+  align-items: center;
+
+  color: ${(e) => e.theme.colors.primary};
+  font-family: ${F.largeMedium.fontFamily};
+  ${(e) => `${ae.title.style(e.windowSize)}`};
+`, me = t(N)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${(e) => f.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${n.sp5};
+`, ue = t(J)`
+  display: flex;
+  align-items: center;
+  color: ${(e) => e.theme.colors.hero};
+`, ye = ({
+  plaidConnectionDetails: e,
+  myBankConnectionsView: o,
+  onEstablishConnectionClick: c,
+  onFetchLinkTokenClick: s,
+  onClickMenuIcon: h
+}) => {
+  const m = j(), l = z(), S = B(
+    (x) => {
+      c(x);
+    },
+    [c]
+  ), g = I(() => e.link_account_no_microdeposit, [e]), { open: p } = L({
+    token: g.linkToken ?? null,
+    onSuccess: S
+  }), u = v.getLocalizedStrings().common.settings, W = m.mode === "light" ? new w(m.colors.brandColorJadeLight) : new w(m.colors.brandColorJadeDark), b = v.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;
+  return R(() => {
+    (_((/* @__PURE__ */ new Date()).toISOString()).isAfter(g.expiration) || g.linkToken == null) && s("link_account_no_microdeposit");
+  }, [s, g.expiration, g.linkToken]), /* @__PURE__ */ i.jsxs(ce, { children: [
+    /* @__PURE__ */ i.jsx(
+      A,
+      {
+        source: "MyBankConnectionsSettingsPage",
+        title: u.title.myBankConnections,
+        backgroundColor: m.colors.grey4,
+        style: { zIndex: 3 },
+        showBackButton: !1,
+        showMenuIcon: l === "medium-compact" || l === "small",
+        onClickMenuIcon: h
+      }
+    ),
+    /* @__PURE__ */ i.jsxs(de, { windowSize: l, children: [
+      /* @__PURE__ */ i.jsx(me, { windowSize: l, children: /* @__PURE__ */ i.jsx(ue, { windowSize: l, children: u.infoText.myBankConnections }) }),
+      o.bankAccounts.length > 0 ? /* @__PURE__ */ i.jsx(ge, { windowSize: l, children: /* @__PURE__ */ i.jsx(he, { windowSize: l, children: u.subtitle.myBankConnections }) }) : null,
+      /* @__PURE__ */ i.jsx(
+        k,
+        {
+          controller: o.bankAccounts.length > 0,
+          children: /* @__PURE__ */ i.jsx(re, { children: o.bankAccounts.map((x) => {
+            const y = o.paymentAccounts.find(
+              (D) => D.bankAccountId == x.bankAccountId
+            );
+            return /* @__PURE__ */ i.jsx(
+              se,
+              {
+                bankAccount: x,
+                accountStatus: y?.verificationStatus,
+                paymentAccount: y
+              },
+              x.bankAccountId
+            );
+          }) })
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        k,
+        {
+          controller: o.bankAccounts.length === 0,
+          children: /* @__PURE__ */ i.jsx(
+            G,
+            {
+              onClick: () => {
+                p();
+              },
+              title: b.connectYourBank,
+              subTitle: b.loginToBank,
+              header: u.label.reimbursements,
+              icon: {
+                element: /* @__PURE__ */ i.jsx(
+                  P,
+                  {
+                    width: f.iconWidthHeight.valuePx(l),
+                    height: f.iconWidthHeight.valuePx(l)
+                  }
+                ),
+                color: W
+              },
+              style: {
+                width: "unset",
+                rowGap: l === "small" ? n.sp2 : void 0
+              }
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ye as default
+};

package/dist/MyBankConnectionsSettingsPage-CEnZoubj.cjs

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),S=require("react"),n=require("@emotion/styled"),R=require("react-plaid-link"),y=require("@zeniai/client-epic-state"),e=require("./index-8M9nU4Oy.cjs"),l={sectionWidth:new e.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new e.ResponsiveSized(e.sp[6],e.sp[7]),iconContainerMarginRight:new e.ResponsiveSized(12,e.sp[3]),iconPadding:new e.ResponsiveSized(10,12),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),elementsMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[4])},b={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},C=n.img`
+  width: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
+  height: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
+  border-radius: ${e.Space.sp11};
+  margin-right: ${t=>l.iconContainerMarginRight.valuePx(t.windowSize)};
+`,$=n.div`
+  display: flex;
+`,k=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-left: ${t=>l.elementsMarginLeftRight.valuePx(t.windowSize)};
+  margin-right: ${t=>l.elementsMarginLeftRight.valuePx(t.windowSize)};
+  padding-top: ${e.Space.sp4};
+  padding-bottom: ${e.Space.sp4};
+`,E=n.div`
+  display: flex;
+  align-items: flex-start;
+`,z=n.div`
+  display: flex;
+  opacity: 1;
+`,P=n.div`
+  display: flex;
+  flex-direction: column;
+`,T=n.div``,M=n.div`
+  ${t=>`${b.title.style(t.windowSize)}`};
+  color: ${t=>t.isError===!0?e.Colors.important:t.theme.colors.primary};
+`,W=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${t=>l.iconPadding.valuePx(t.windowSize)};
+  background: ${t=>t.iconColor.toString()};
+  border-radius: ${e.Space.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${t=>t.isDarkMode?e.Colors.neutralGrey5Light:t.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
+  max-height: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
+  margin-right: ${t=>l.iconContainerMarginRight.valuePx(t.windowSize)};
+`,B=n(e.SmallRegular)`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.theme.colors.hero};
+  flex-wrap: wrap;
+`,D=n.div`
+  display: flex;
+`,I=n.div`
+  display: inline-block;
+  border-radius: ${e.Space.sp2};
+  margin: ${e.Space.sp0} 12px;
+  width: ${e.Space.sp1};
+  height: ${e.Space.sp1};
+  cursor: inherit;
+  background-color: ${t=>t.theme.colors.grey1};
+`,L=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${t=>l.sectionWidth.valuePx(t.windowSize)};
+  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};
+  color: ${t=>t.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+`,_=({bankAccount:t,paymentAccount:o,accountStatus:a})=>{const s=e.useWindowSizeContext(),d=i.useTheme(),x=t.bankName,r=d.mode==="light"?new i.Color(d.colors.brandColorJadeLight):new i.Color(d.colors.brandColorJadeDark),h={element:i.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:l.iconWidthHeight.valuePx(s),height:l.iconWidthHeight.valuePx(s)}),color:r},c=o?.providerVerificationStatus?.code,m=`${o?.accountSubType?.name!=null?o.accountSubType.name.substring(0,1).toUpperCase().concat(o.accountSubType.name.substring(1)):""} ${o?.maskedAccountNumber??t.maskedAccountNumber}`.trim(),u=o?.institutionDetails?.zeniInstitutionId.toLowerCase()==="chase";return i.jsxRuntimeExports.jsx(L,{windowSize:s,children:i.jsxRuntimeExports.jsxs(k,{windowSize:s,children:[i.jsxRuntimeExports.jsxs(E,{children:[i.jsxRuntimeExports.jsx(z,{children:H(h,s,d.mode==="dark",o)}),i.jsxRuntimeExports.jsxs(P,{children:[i.jsxRuntimeExports.jsxs(T,{children:[i.jsxRuntimeExports.jsx(M,{windowSize:s,children:x}),i.jsxRuntimeExports.jsx(B,{children:m?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(D,{children:m}),s!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||u)?i.jsxRuntimeExports.jsx(I,{}):null]}):null})]}),a!=null&&s==="small"?i.jsxRuntimeExports.jsx(e.ItemWithTag,{style:{width:"max-content",padding:0,marginTop:e.Space.sp2},tagTitle:a.name,textColor:e.getSetupStatusColor(a.code)}):null]})]}),i.jsxRuntimeExports.jsx($,{children:a!=null&&s!=="small"?i.jsxRuntimeExports.jsx(e.ItemWithTag,{style:{width:"max-content",padding:0,marginTop:e.Space.sp2},tagTitle:a.name,textColor:e.getSetupStatusColor(a.code)}):null})]})})},H=(t,o,a,s)=>s?.institutionDetails.logo?.base64!=null?i.jsxRuntimeExports.jsx(C,{windowSize:o,src:`${e.JPEG_IMAGE_BASE_64}${s.institutionDetails.logo.base64.toString()}`,alt:s.institutionDetails.institutionName,loading:"lazy"}):i.jsxRuntimeExports.jsx(W,{iconColor:t.color,windowSize:o,isDarkMode:a,children:t.element}),g={myBankConnectionsDetailsRowGap: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]),sectionWidth:new e.ResponsiveSized(343,580,726),subtitleSectionWidth:new e.ResponsiveSized(343,580,1200)},A={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},q=n.div`
+  display: flex;
+  row-gap: ${e.Space.sp3};
+  flex-direction: column;
+`,G=n.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${e.Space.sp3};
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+`,N=n.div`
+  margin: auto;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,J=n.div`
+  display: flex;
+  align-items: center;
+  width: ${t=>g.sectionWidth.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp3};
+`,O=n.div`
+  display: flex;
+  align-items: center;
+
+  color: ${t=>t.theme.colors.primary};
+  font-family: ${e.textStyles.largeMedium.fontFamily};
+  ${t=>`${A.title.style(t.windowSize)}`};
+`,U=n(e.ExtraSmallRegular)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${t=>g.subtitleSectionWidth.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp5};
+`,F=n(e.StandardRegular)`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.theme.colors.hero};
+`,Y=({plaidConnectionDetails:t,myBankConnectionsView:o,onEstablishConnectionClick:a,onFetchLinkTokenClick:s,onClickMenuIcon:d})=>{const x=i.useTheme(),r=e.useWindowSizeContext(),h=S.useCallback(p=>{a(p)},[a]),c=S.useMemo(()=>t.link_account_no_microdeposit,[t]),{open:m}=R.usePlaidLink({token:c.linkToken??null,onSuccess:h}),u=e.appLocale.getLocalizedStrings().common.settings,f=x.mode==="light"?new i.Color(x.colors.brandColorJadeLight):new i.Color(x.colors.brandColorJadeDark),w=e.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return S.useEffect(()=>{(y.zeniDate(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&s("link_account_no_microdeposit")},[s,c.expiration,c.linkToken]),i.jsxRuntimeExports.jsxs(G,{children:[i.jsxRuntimeExports.jsx(e.NavBar,{source:"MyBankConnectionsSettingsPage",title:u.title.myBankConnections,backgroundColor:x.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:r==="medium-compact"||r==="small",onClickMenuIcon:d}),i.jsxRuntimeExports.jsxs(N,{windowSize:r,children:[i.jsxRuntimeExports.jsx(U,{windowSize:r,children:i.jsxRuntimeExports.jsx(F,{windowSize:r,children:u.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsxRuntimeExports.jsx(J,{windowSize:r,children:i.jsxRuntimeExports.jsx(O,{windowSize:r,children:u.subtitle.myBankConnections})}):null,i.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:o.bankAccounts.length>0,children:i.jsxRuntimeExports.jsx(q,{children:o.bankAccounts.map(p=>{const j=o.paymentAccounts.find(v=>v.bankAccountId==p.bankAccountId);return i.jsxRuntimeExports.jsx(_,{bankAccount:p,accountStatus:j?.verificationStatus,paymentAccount:j},p.bankAccountId)})})}),i.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:o.bankAccounts.length===0,children:i.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{onClick:()=>{m()},title:w.connectYourBank,subTitle:w.loginToBank,header:u.label.reimbursements,icon:{element:i.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:g.iconWidthHeight.valuePx(r),height:g.iconWidthHeight.valuePx(r)}),color:f},style:{width:"unset",rowGap:r==="small"?e.Space.sp2:void 0}})})]})]})};exports.default=Y;