@zeniai/web-cockpit-ui 1.14.36-dev → 1.14.37-dev

package/dist/assets/TransactionVendorDetailPage-DNbFFCAy-DiSmfMU1.js

@@ -1,80 +0,0 @@
-import{e as H,M,j as o,m as W,_ as D,a4 as q,o as a,C as g,a3 as J,J as _,cB as Q,a as U,gB as A,gC as F,gD as B,ca as Y,F as G,r,u as K,cd as X,gf as z,gI as Z,am as ee,gM as oe,gN as te}from"./index-4y_mNX1u.js";import{b as I,n as d}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const L=(e,c)=>`${e}.${c}`,N={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},ae=M.getLocalizedStrings().transactionDetail.vendorDetails,i=ae.vendorCreation,ne=({selectedAccountId:e,isSaveError:c,selectedClassId:v,selectedOwnerId:t,selectedVendorName:m,allAccounts:p,allClasses:C,allOwners:b,sectionId:h,isDisabled:u,accountsHierarchyList:f,classHierarchyList:x})=>{const l=H(),y=K(),$=N.labelWidth.value(l),j=N.controlWidth.value(l),P=n=>p.filter(O=>O.accountId===n)[0]?.coaId??"",s=n=>C.filter(O=>O.classId===n)[0]?.accountingClassNumber??"",S=n=>{const O=p.find(R=>R.accountId===n)?.accountName;return[oe,te].includes(O??"")};return o.jsxs(re,{"data-testid":D("vendor-details-section",h),children:[o.jsx(se,{children:i.vendorDetails.title}),o.jsxs(le,{children:[o.jsx(X,{label:{label:i.vendorDetails.vendorName,width:$},text:{type:"text",name:L(h,"vendorName"),placeholder:i.placeholders.vendor,defaultValue:m,autoComplete:"off",options:{required:!0}},isSaveError:c,showAdditionalInfoLabel:!1,additionalInfoLabel:i.vendorAlreadyExistsErrorMsg,style:{width:"auto"}}),o.jsx(ie,{}),o.jsx(z,{isLoading:!1,label:{label:i.vendorDetails.vendorCategory,width:$},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:L(h,"vendorCategory"),placeholder:i.placeholders.category,valueToInfo:n=>P(n),defaultValue:{selectedOption:e,allOptions:F(f)},style:{width:"auto"},registerOptions:{required:!1}},style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u,disableCurrentOption:S,zIndexOnFocus:!0,additionalLabelInfo:i.vendorDetails.vendorCategoryAdditionText}),o.jsx(z,{isLoading:!1,label:{label:i.vendorDetails.vendorClass,width:$},zIndexOnFocus:!0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:L(h,"vendorClass"),placeholder:i.placeholders.class,valueToInfo:n=>s(n),defaultValue:{selectedOption:v,allOptions:A(x)},registerOptions:{required:!1},style:{width:"auto"}},additionalLabelInfo:i.vendorDetails.vendorClassAdditionText,style:{borderBottom:`1px solid ${y.colors.grey3}`},isDisabled:u}),b!=null?o.jsx(Z,{label:{label:i.vendorDetails.vendorOwner,width:$},userSingleSelectField:{name:L(h,"vendorOwner"),placeholder:i.placeholders.owner,defaultValue:{allOptions:B(b),selectedOption:t},registerOptions:{required:!1},style:{width:"auto"},menuPlacement:"top"},isDisabled:u,style:{justifyContent:"space-between"},controlWidth:j}):null]})]})},re=d.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${a.sp3};
-  padding-bottom: ${a.sp3};
-`,se=d(ee)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-  margin-right: ${a.sp6};
-`,le=d.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,ie=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,V="vendorDetails",de=({id:e,allAccounts:c,allClasses:v,allOwners:t,selectedVendor:m,formLocalData:p,isDisabled:C,onSaveVendor:b,saveVendorDetailLocalData:h,accountsHierarchyList:u,classHierarchyList:f})=>{const x=U({mode:"all",reValidateMode:"onChange",defaultValues:ce(u,f,t,p)}),[l,y]=I.useState(!1),$=s=>{s.preventDefault(),x.getValues().vendorDetails.vendorName!==""&&l===!1&&b?.()},j=(s,S)=>{const n=ue(s,void 0);h?.(n)},P=async(s,S)=>{(s.includes("vendorName")||s.includes("vendorOwner")||s.includes("vendorClass")||s.includes("vendorCategory"))&&(j(S),l===!0&&s.includes("vendorName")&&y(!1))};return I.useEffect(()=>{const s=x.watch((S,{name:n})=>{n!=null&&S!=null&&Y(()=>P(n,S))});return()=>{s.unsubscribe()}}),I.useEffect(()=>{m.saveStatus.fetchState==="Error"&&m.saveStatus.error?.code===409&&y(!0)},[m.saveStatus]),o.jsx(G,{...x,children:o.jsx("form",{id:e,onSubmit:$,children:o.jsx(ne,{sectionId:V,selectedVendorDetails:m,isSaveError:l,selectedAccountId:p?.vendorCategory,selectedClassId:p?.vendorClass,selectedOwnerId:p?.vendorOwner,allAccounts:c??[],allClasses:v??[],selectedVendorName:p?.vendorName,allOwners:t,isDisabled:C,accountsHierarchyList:u,classHierarchyList:f})})})},ce=(e,c,v,t)=>({[V]:{vendorName:t?.vendorName??"",vendorOwner:{allOptions:B(v),selectedOption:t?.vendorOwner},vendorCategory:{allOptions:F(e),selectedOption:t?.vendorCategory},vendorClass:{allOptions:A(c),selectedOption:t?.vendorClass}}});function ue(e,c,v){const t=e?.[V];return{vendorCategory:t.vendorCategory.selectedOption,vendorClass:t.vendorClass.selectedOption,vendorId:c,vendorName:t.vendorName,vendorOwner:t.vendorOwner?.selectedOption}}const w={containerPaddingLeft:new g(r[3],r[3],r[6]),containerPaddingRight:new g(r[3],r[3],r[8]),containerMarginTop:new g(r[2],r[2],r[4]),navbarContainerPaddingTop:new g(r[3],r[3]),navbarContainerPaddingBottom:new g(r[3],r[3]),SectionTitleMarginTop:new g(0,r[3])},T={sectionTitle:new _("h6Regular","h5Medium"),sectionTitleLineHeight:new g(30,40)},pe=d.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ve=d.div`
-  margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
-  padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-`,he=d.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100vh;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ge=d.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  flex: 1;
-`,me=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  top: ${a.sp0};
-  z-index: 2;
-  padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>w.navbarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>w.navbarContainerPaddingBottom.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,we=d.div`
-  display: flex;
-  width: 100%;
-  justify-content: flex-end;
-  margin-top: 3px;
-  margin-bottom: 3px;
-`,fe=d(J)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,xe=d(Q)`
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>w.SectionTitleMarginTop.valuePx(e.windowSize)};
-  ${e=>`${T.sectionTitle.style(e.windowSize)}`};
-  margin-left: ${e=>e.windowSize==="small"?a.sp3:0};
-  line-height: ${e=>T.sectionTitleLineHeight.valuePx(e.windowSize)};
-`,E="vendorDetailPage",k=e=>`${e}_form`,je=({vendorDetailView:e,onSaveSuccess:c,onCancelClick:v,onSaveVendor:t,saveVendorDetailLocalData:m})=>{const{editVendorState:p,newVendorState:C,accountsHierarchyList:b,classHierarchyList:h}=e,u=H(),{footer:f,newVendor:x}=M.getLocalizedStrings().transactionDetail.vendorDetails.createVendor,l=Object.assign({},p??C);if(I.useEffect(()=>{l?.saveStatus?.fetchState==="Completed"&&c?.()},[l]),e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return o.jsx(he,{children:o.jsx(W,{size:"ExtraLarge",start:!0})});const y=l.saveStatus?.fetchState==="In-Progress";return o.jsxs(pe,{windowSize:u,"data-testid":D("transaction-vendor-detail-page"),children:[o.jsxs(me,{windowSize:u,children:[o.jsx(we,{children:o.jsx(fe,{onClick:v,"data-testid":D("close-icon")})}),o.jsx(xe,{windowSize:u,children:x})]}),o.jsx(ge,{children:o.jsx(ve,{windowSize:u,"data-testid":D("vendor-detail-page-form"),children:o.jsx(de,{id:k(E),allAccounts:e.accountList.accounts,allClasses:e.classList.classes,allOwners:e.ownerList,selectedVendor:l,formLocalData:l.vendorDetailLocalData,onSaveVendor:t,saveVendorDetailLocalData:m,accountsHierarchyList:b,classHierarchyList:h})})}),o.jsx(q,{formId:k(E),primaryBtn:{label:f.save,isLoading:y},cancelBtn:{label:f.cancel,shouldResetOnCancel:!0,onClick:v}})]})};export{je as default,k as formUniqueName};

package/dist/assets/ZeniAccountNavBarPieces-ce5jAGIl-DVfSolpZ.js

@@ -1,14 +0,0 @@
-import{Y as P,fr as $,l as O,M as j,j as a,_ as w,gs as p,gX as u,o as s,gu as z}from"./index-4y_mNX1u.js";import{n as d}from"./vendor-rkTZJa59.js";const o=j.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],g={value:"payBill",label:o.moveMoney.payBills},y={value:"transfer",label:o.moveMoney.transfer},M={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},v={value:"checkDeposit",label:o.moveMoney.checkDeposit},B=[g,y,M,v],A=[M,y,g,v],D=({zeniBankProps:e,isBillPayEnabled:h,isExpressPayEnabled:x,analytics:f,onSettingsClick:S})=>{const i=P(),l=i.loggedInUserRoleMap.deposit_accounts_user===!0||$(i),b=O.hasBillPayAccess(i.loggedInUserRoleMap),k=m.filter(t=>t.value==="accountStatement"),c=h===!0?B:A,r=x===!0?c:c.filter(t=>t.value!=="sendMoney"),N=b?r:r.filter(t=>t.value!=="payBill");return a.jsxs(_,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!l?a.jsx(E,{onClick:S,"data-testid":w("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&a.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:l?k:m,title:o.moveMoney.title}),l?null:a.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>f?.trackAccountsListPageClicked("Move Money")})]})},E=d(z)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{D as T};

package/dist/assets/ZeniTransferAmountSlider-B-iWjIM--_5mAEjc_.js

@@ -1,63 +0,0 @@
-import{j as g,M as E,_ as L,o as i,f as j,w as M}from"./index-4y_mNX1u.js";import{b as $,n as m}from"./vendor-rkTZJa59.js";const S=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function O({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:b,setTotalBalance:k}){const[l,A]=$.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=P(t);A(t),b(r),k(u)},D=e=>`${C(e)}${S.transferDrawer.calculator.sliderTooltipText}`,C=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],P=e=>{const t=C(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=P(e);A(e),k(r),b(t)},Y=$.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),b(f(e,a))},[b]);return $.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,b,n,Y]),g.jsxs(B,{sliderValue:l,children:[g.jsx(V,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(N,{children:n.map((e,t)=>g.jsx(Q,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:F(t)},children:g.jsx(X,{isSelected:l>=t,children:I(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},F=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},I=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?S.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),V=m.input`
-  width: 100%;
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    cursor: pointer;
-    background-color: ${o=>o.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    height: ${i.sp5};
-    width: ${i.sp5};
-    border-radius: 100%;
-    margin-top: -${i.sp3}; // Centers thumb on the track
-    box-shadow: ${i.sp0} ${i.sp0} 2px ${j.blackColor};
-    background-image: ${o=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/slider-icon-${o.theme.mode==="dark"?"light":"dark"}.svg)`};
-    background-repeat: no-repeat;
-    cursor: pointer;
-  }
-`,B=m.div`
-  position: relative;
-  width: 70%;
-  margin-left: 30px;
-  margin-right: 30px;
-  margin-bottom: 20px;
-  margin-top: ${i.sp5};
-  min-height: ${i.sp8};
-`,H=m.div`
-  position: absolute;
-  height: 2px;
-  margin-top: -${i.sp2};
-  background-color: ${o=>o.theme.colors.hero};
-`,N=m.div`
-  position: absolute;
-  bottom: 0;
-  top: ${i.sp5};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`,Q=m.span`
-  position: absolute;
-  cursor: pointer;
-  transform: translateX(-50%);
-`,X=m(M)`
-  color: ${o=>o.isSelected?o.theme.colors.primary:o.theme.colors.grey1};
-  white-space: nowrap;
-`,G=m(M)`
-  position: absolute;
-  top: -${i.sp5};
-  white-space: nowrap;
-  color: ${j.primaryDark};
-  background-color: ${j.success};
-  display: flex;
-  border-radius: ${i.sp1};
-  justify-content: center;
-  align-items: center;
-  padding: 2px ${i.sp2};
-`;export{O as v};