@zeniai/web-components 3.16.73 → 3.16.74

package/dist/MoreMenuButton-no54k1oL.cjs

@@ -1,167 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),h=require("react"),n=require("@emotion/styled"),t=require("./index-D_NpiSKE.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-DcrnuoXz.js

@@ -1,296 +0,0 @@
-import { u as j, b as w, j as i, aD as B } from "./vendor-.pnpm-DtFedGku.js";
-import { useCallback as I, useMemo as R, useEffect as L } from "react";
-import t from "@emotion/styled";
-import { zeniDate as H } from "@zeniai/client-epic-state";
-import { u as z, eP as P, R as d, hN as $, hO as v, S as n, D as a, hS as _, av as M, C as T, G as E, a as C, aE as A, aL as k, hH as G, E as N, p as J, t as O } from "./index-BZH5WUM6.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])
-}, U = {
-  title: new M("standardMedium", "largeMedium")
-}, F = 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) => `${U.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(), g = j(), u = e.bankName, l = g.mode === "light" ? new w(g.colors.brandColorJadeLight) : new w(g.colors.brandColorJadeDark), S = {
-    element: /* @__PURE__ */ i.jsx(
-      P,
-      {
-        width: r.iconWidthHeight.valuePx(s),
-        height: r.iconWidthHeight.valuePx(s)
-      }
-    ),
-    color: l
-  }, h = 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(), m = 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,
-        g.mode === "dark",
-        o
-      ) }),
-      /* @__PURE__ */ i.jsxs(X, { children: [
-        /* @__PURE__ */ i.jsxs(Z, { children: [
-          /* @__PURE__ */ i.jsx(V, { windowSize: s, children: u }),
-          /* @__PURE__ */ i.jsx(ie, { children: p ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            /* @__PURE__ */ i.jsx(te, { children: p }),
-            s !== "small" && (h !== "verification_failed" && o?.providerVerificationStatus?.code === "pending_manual_verification" || m) ? /* @__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: v(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: v(c.code)
-      }
-    ) : null })
-  ] }) });
-}, le = (e, o, c, s) => s?.institutionDetails.logo?.base64 != null ? /* @__PURE__ */ i.jsx(
-  F,
-  {
-    windowSize: o,
-    src: `${_}${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;
-`, he = t.div`
-  display: flex;
-  align-items: center;
-  width: ${(e) => f.sectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${n.sp3};
-`, ge = t.div`
-  display: flex;
-  align-items: center;
-
-  color: ${(e) => e.theme.colors.primary};
-  font-family: ${O.largeMedium.fontFamily};
-  ${(e) => `${ae.title.style(e.windowSize)}`};
-`, ue = t(N)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${(e) => f.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${n.sp5};
-`, me = t(J)`
-  display: flex;
-  align-items: center;
-  color: ${(e) => e.theme.colors.hero};
-`, be = ({
-  plaidConnectionDetails: e,
-  myBankConnectionsView: o,
-  onEstablishConnectionClick: c,
-  onFetchLinkTokenClick: s,
-  onClickMenuIcon: g
-}) => {
-  const u = j(), l = z(), S = I(
-    (x) => {
-      c(x);
-    },
-    [c]
-  ), h = R(() => e.link_account_no_microdeposit, [e]), { open: p } = B({
-    token: h.linkToken ?? null,
-    onSuccess: S
-  }), m = C.getLocalizedStrings().common.settings, W = u.mode === "light" ? new w(u.colors.brandColorJadeLight) : new w(u.colors.brandColorJadeDark), b = C.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;
-  return L(() => {
-    (H((/* @__PURE__ */ new Date()).toISOString()).isAfter(h.expiration) || h.linkToken == null) && s("link_account_no_microdeposit");
-  }, [s, h.expiration, h.linkToken]), /* @__PURE__ */ i.jsxs(ce, { children: [
-    /* @__PURE__ */ i.jsx(
-      A,
-      {
-        source: "MyBankConnectionsSettingsPage",
-        title: m.title.myBankConnections,
-        backgroundColor: u.colors.grey4,
-        style: { zIndex: 3 },
-        showBackButton: !1,
-        showMenuIcon: l === "medium-compact" || l === "small",
-        onClickMenuIcon: g
-      }
-    ),
-    /* @__PURE__ */ i.jsxs(de, { windowSize: l, children: [
-      /* @__PURE__ */ i.jsx(ue, { windowSize: l, children: /* @__PURE__ */ i.jsx(me, { windowSize: l, children: m.infoText.myBankConnections }) }),
-      o.bankAccounts.length > 0 ? /* @__PURE__ */ i.jsx(he, { windowSize: l, children: /* @__PURE__ */ i.jsx(ge, { windowSize: l, children: m.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: m.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 {
-  be as default
-};

package/dist/MyBankConnectionsSettingsPage-fTX1NM4D.cjs

@@ -1,110 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),S=require("react"),n=require("@emotion/styled"),R=require("@zeniai/client-epic-state"),e=require("./index-D_NpiSKE.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])},y={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},b=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)};
-`,C=n.div`
-  display: flex;
-`,$=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};
-`,k=n.div`
-  display: flex;
-  align-items: flex-start;
-`,E=n.div`
-  display: flex;
-  opacity: 1;
-`,z=n.div`
-  display: flex;
-  flex-direction: column;
-`,P=n.div``,T=n.div`
-  ${t=>`${y.title.style(t.windowSize)}`};
-  color: ${t=>t.isError===!0?e.Colors.important:t.theme.colors.primary};
-`,M=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)};
-`,W=n(e.SmallRegular)`
-  display: flex;
-  align-items: center;
-  color: ${t=>t.theme.colors.hero};
-  flex-wrap: wrap;
-`,B=n.div`
-  display: flex;
-`,D=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};
-`,I=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(I,{windowSize:s,children:i.jsxRuntimeExports.jsxs($,{windowSize:s,children:[i.jsxRuntimeExports.jsxs(k,{children:[i.jsxRuntimeExports.jsx(E,{children:L(h,s,d.mode==="dark",o)}),i.jsxRuntimeExports.jsxs(z,{children:[i.jsxRuntimeExports.jsxs(P,{children:[i.jsxRuntimeExports.jsx(T,{windowSize:s,children:x}),i.jsxRuntimeExports.jsx(W,{children:m?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(B,{children:m}),s!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||u)?i.jsxRuntimeExports.jsx(D,{}):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(C,{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})]})})},L=(t,o,a,s)=>s?.institutionDetails.logo?.base64!=null?i.jsxRuntimeExports.jsx(b,{windowSize:o,src:`${e.JPEG_IMAGE_BASE_64}${s.institutionDetails.logo.base64.toString()}`,alt:s.institutionDetails.institutionName,loading:"lazy"}):i.jsxRuntimeExports.jsx(M,{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)},H={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},A=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;
-`,q=n.div`
-  display: flex;
-  align-items: center;
-  width: ${t=>g.sectionWidth.valuePx(t.windowSize)};
-  margin-bottom: ${e.Space.sp3};
-`,J=n.div`
-  display: flex;
-  align-items: center;
-
-  color: ${t=>t.theme.colors.primary};
-  font-family: ${e.textStyles.largeMedium.fontFamily};
-  ${t=>`${H.title.style(t.windowSize)}`};
-`,O=n(e.ExtraSmallRegular)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${t=>g.subtitleSectionWidth.valuePx(t.windowSize)};
-  margin-bottom: ${e.Space.sp5};
-`,U=n(e.StandardRegular)`
-  display: flex;
-  align-items: center;
-  color: ${t=>t.theme.colors.hero};
-`,F=({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}=i.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(()=>{(R.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(O,{windowSize:r,children:i.jsxRuntimeExports.jsx(U,{windowSize:r,children:u.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsxRuntimeExports.jsx(q,{windowSize:r,children:i.jsxRuntimeExports.jsx(J,{windowSize:r,children:u.subtitle.myBankConnections})}):null,i.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:o.bankAccounts.length>0,children:i.jsxRuntimeExports.jsx(A,{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=F;