@zeniai/web-cockpit-ui 1.14.72-dev-betaSK01 → 1.14.73-dev

package/dist/assets/UploadAdditionalDocumentOverlay-DhXRLBEg-BNMbNbJQ.js

@@ -1,38 +0,0 @@
-import{c1 as U,j2 as y,cJ as _,dF as A,q as M,O as q,j as i,fk as W,c4 as J,cF as K,j3 as G,o as s,h as H,fv as Q,cK as X,y as x,A as Y,_ as Z,d3 as ee,d2 as te,u as c}from"./index-kF4u7Flm.js";import{b as m,n as l}from"./vendor-Bs1fkIUX.js";const F={marginRight:new x(c[3],c[8]),marginLeft:new x(c[3],c[8]),height:new x(c[5],62)},u="additionalDocumentsForm",a="ssnCard";function ue(e){const{filesEndPoint:w,authParams:v,companyOfficer:t,updateStatus:f,onClose:$,onEditFileName:E,onDeleteFile:I,updateFilesEntity:D,onSendForVerificationClick:P,onCompanyOfficerUpdated:z}=e,n=U({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:a,front:y(!0,t?.additionalFiles??[],a)}}),[t?.additionalFiles])}),[C,S]=m.useState(!1),[N,O]=m.useState(!1),j=_(f.fetchState),b=t?.deleteFileStatusById??{},B=t?.updateFileStatusById??{},T=Object.values(b??{}).filter(o=>o!=null),L=A(T);m.useEffect(()=>{j==="In-Progress"&&f.fetchState==="Completed"&&n.reset({additionalDocumentsForm:{selectDocumentType:a,front:y(!0,t?.additionalFiles??[],a)}})},[j,f,n,t?.additionalFiles]);const r=M(),h=q.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:g}=h,V=`${g.officerInfoLabel} ${t?.firstName??""} ${t?.lastName??""}`,R=n.handleSubmit(()=>{L.fetchState!=="In-Progress"&&P?.(t?.officerType??"Officer_1")}),k=async(o,p)=>{const d=p[u].front;o.includes("front")&&d?.fileId!=null?(z?.(t?.officerType??"Officer_1",[d?.fileId]),S(!0)):S(!1)};return m.useEffect(()=>{const o=n.watch((p,{name:d})=>{d!=null&&p!=null&&W(()=>k(d,p))});return()=>{o.unsubscribe()}}),i.jsx(J,{...n,children:i.jsxs("form",{id:u,onSubmit:R,children:[i.jsxs(re,{size:r,children:[i.jsx(oe,{size:r,children:i.jsx(ne,{size:r,onClick:$,"data-testid":K("upload-additional-documents-close",u)})}),i.jsxs(de,{children:[i.jsx(ie,{children:g.title[a]}),i.jsx(se,{children:g.description[a]})]}),i.jsx(le,{children:i.jsx(ae,{children:V})}),i.jsx(G,{name:u,allFiles:t?.additionalFiles??[],label:{width:276},sizeLimit:Q,style:{width:"100%",borderRadius:s.sp2,boxShadow:`${s.sp0} 1px 2px ${s.sp0} ${H.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:a,allSelectDocumentType:[a],files:{front:y(!0,t?.additionalFiles??[],a)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:b,updateFileStatusById:B,filesEndPoint:w,authParams:v,hasError:N,onEditFileName:E,onDeleteFile:I,updateFilesEntity:D,onFileSizeError:o=>O(o),registerOptions:{required:!0},companyOfficerName:{firstName:t?.firstName??"",lastName:t?.lastName??""},showWebCamPopUpCloseIcon:!1})]}),C?i.jsx(X,{formId:u,primaryBtn:{label:h.sendForVerificationButton,style:{width:"auto",minWidth:r==="small"?"auto":"181px"},isLoading:f.fetchState==="In-Progress"},cancelBtn:{label:h.cancel,style:{width:r==="small"?"auto":"181px"},onClick:$},style:{position:"absolute",width:"100%"}}):null]})})}const ie=l(Z)`
-  margin-top: 19px;
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.sp2};
-  display: flex;
-  justify-content: flex-start;
-`,se=l(ee)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  display: flex;
-  justify-content: flex-start;
-`,ae=l(te)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-`,le=l.div`
-  padding: ${s.sp3} ${s.sp0};
-`,oe=l.div`
-  height: ${e=>F.height.valuePx(e.size)};
-`,ne=l(Y)`
-  cursor: pointer;
-  width: ${s.sp4};
-  height: ${s.sp4};
-  position: absolute;
-  right: ${e=>e.size==="small"?s.sp4:s.sp8};
-  top: 19px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,re=l.div`
-  margin-right: ${e=>F.marginRight.valuePx(e.size)};
-  margin-left: ${e=>F.marginLeft.valuePx(e.size)};
-`,de=l.div`
-  padding: ${s.sp3} ${s.sp0};
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;export{ue as g};

package/dist/assets/Vendor2FAPopup-BfqIHZBb-DUpQFrOM.js

@@ -1 +0,0 @@
-import{cJ as o,O as P,j as i,lu as v,lv as j}from"./index-kF4u7Flm.js";import{b as e}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const H=({vendorViewDetails:l,isExpressPayPage:n,onSaveVendor:S,onGetOtp:h,onResendOtp:d,onVerifyOtp:m,onVerifyOtpSuccess:c})=>{const{loggedInUserVerification:t,editVendorState:g,newVendorState:V}=l,r=Object.assign({},g??V),[C,s]=e.useState(!1),[O,a]=e.useState(t.initiateVerification===!0),p=o(r?.saveStatus?.fetchState),x=o(t.userVerificationStatus.fetchState),f=o(t.otpVerificationStatus?.fetchState),u=o(t.sendOtpStatus.fetchState),y=P.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;return e.useEffect(()=>{p==="In-Progress"&&r?.saveStatus?.fetchState==="Error"&&t.initiateVerification===!0&&a(!0)},[r,t,p]),e.useEffect(()=>{x==="In-Progress"&&t.userVerificationStatus.fetchState==="Completed"&&(s(!1),S())},[t.userVerificationStatus]),e.useEffect(()=>{f==="In-Progress"&&t.otpVerificationStatus?.fetchState==="Completed"&&c?.(t.userId??"",t.phone??"",t.otpChallenge??"")},[f,t,c]),e.useEffect(()=>{u==="In-Progress"&&t.sendOtpStatus.fetchState==="Completed"&&(s(!0),a(!1))},[u,t.sendOtpStatus.fetchState]),i.jsx(i.Fragment,{children:C===!0?i.jsx(v,{showHelperText:!n,verifyOtpFetchState:t.otpVerificationStatus.fetchState,phoneNumber:t.phone??"",otpChallenge:t.otpChallenge,action:{onVerifyClick:m,onCancelClick:()=>s(!1),onResendOtp:d,onEditButtonClick:()=>{a(!0),s(!1)}}}):O===!0?i.jsx(j,{showHelperText:!n,phoneNumber:t.phone??"",sendOtpFetchState:t.sendOtpStatus.fetchState,description:n?y:void 0,action:{onCancelClick:()=>a(!1),onGetCodeClick:E=>h?.(E)}}):null})};export{H as default};

package/dist/assets/VendorDetailPage-CEX7xMIN-D29fVYfj.js

@@ -1,257 +0,0 @@
-import{bM as xt,bL as yt,O as z,x as Re,q as ae,y as g,cu as ye,fd as fe,fn as ft,c1 as bt,kF as Ae,kG as Be,kH as Ee,kI as be,kJ as wt,cO as Ct,fk as St,j as t,dD as $t,c4 as Dt,kK as Tt,kL as ge,u as l,fl as jt,cK as Lt,o,e1 as $,fy as kt,kc as we,kM as Vt,fo as Ot,fp as _t,fq as It,kN as Pt,jE as Ft,fw as Mt,kO as zt,kP as Nt,h as M,gB as Wt,gz as Ht,fL as Rt,cR as re,d0 as Ue,c9 as qe,gC as At,cV as Bt,kQ as Et,kR as Ut,cd as qt,kS as Yt,eQ as Ye,kT as Qt,b as Ce,H as Qe}from"./index-kF4u7Flm.js";import{b as S,n as a,i as Gt}from"./vendor-Bs1fkIUX.js";import{k as Kt}from"./SubTabSwitcher-COrYJ6CW-BIZF-iNv.js";import{f as Xt}from"./TransactionList-BzJEbOV9-0ST5sY1-.js";import{R as Zt}from"./TrendWithTransactions-mI_El5D1-DUVZm_U-.js";import{o as Jt,t as es}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import{W as ts}from"./LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js";import{Y as ss}from"./LabeledDropDownFormattedTextField-brzU_fnp-hUkbh0bF.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./addSubtractPeriod-CFvkmqm8.js";import"./BoxItem-COIjjFrn-CYZK_lth.js";import"./commonDimensions-C32v1F7H-C9uaBJ8J.js";import"./TrendChart-B_5D-Zud-Cw_zgD-R.js";import"./chartTypes-DCvOVjlS-CF3jsUNb.js";import"./toCOABalancesWithID-B3yVGPrV-Dj01dEre.js";import"./toChartData-DEW0iT7T-DaQT4Adc.js";import"./NoDataChart-5E72SElf-3CnLxisw.js";import"./InsightsSection-JIKb9lz3-Hi0aN8hq.js";import"./NavigationDots-BxPgEW_p-Cjr25BX_.js";const os=["spend_transactions","all_transactions"],as=e=>xt(e,os),ns=["last_30_days","variance","last_90_days","YTD_spend","last_month","last_3_months","last_6_months","last_12_months","last_year"],ls=e=>yt(e,ns),is=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,rs=a.div`
-  display: flex;
-  position: relative;
-  padding: 12px 12px 14px 12px;
-`,ds=a.div``,cs=a(qe)`
-  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  cursor: ${e=>e.isSelected&&!e.isDisabled?"default":"pointer"};
-  margin: ${e=>e.leftMargin?`${o.sp0} ${o.sp0} ${o.sp0} ${o.sp8}`:o.sp0};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  &:hover {
-    color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,ps=a.div`
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: 1px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  transition: left 0.25s;
-
-  ${e=>e.optionCss?Gt`
-          ${e.optionCss}
-        `:null}
-`,ms=e=>{let s="";return e.forEach(c=>{s=`${s}
-      &.${c.id} {
-        width: ${c.style.width}px;
-        left: ${c.style.left}%;
-      }`}),s};function hs({option:e,isSelected:s,onClick:c}){const i=n=>n.label;return t.jsx(cs,{onClick:()=>{s===!1&&!(e.disabled??!1)&&c(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(ds,{children:i(e)})})}function gs({allTabs:e,selectedTab:s,containerStyle:c,onOptionSelectionChanged:i}){const n=p=>{i(p)};return t.jsx(is,{style:c,children:t.jsxs(rs,{children:[e.map(p=>t.jsx(hs,{option:p,isSelected:p===s,onClick:n},p.id)),t.jsx(ps,{className:`Slider ${s.id}`,optionCss:ms(e)})]})})}const O={logoWidth:new g(l[6],l[6]),logoHeight:new g(l[6],l[6]),pageHeaderHorizontalPadding:new g(l[3],l[3],l[8]),pageHeaderVerticalPadding:new g(l[2],l[2],l[4]),spendTrendsColumnGap:new g(l[1],l[1],l[4],l[11]),spendTrendsMarginBottom:new g(l[2],l[2],l[4]),spendTrendHeadingSkeletonWidth:new g(90,90,120,150)},Ge={spendValue:new Ce("standardMedium","largeSemiBold"),spendDuration:new Ce("extraSmallRegular","standardRegular")},us=a.div`
-  padding: ${e=>`${O.pageHeaderVerticalPadding.valuePx(e.size)} ${O.pageHeaderHorizontalPadding.valuePx(e.size)}`};
-  display: flex;
-  justify-content: space-between;
-  box-shadow: ${o.sp0} 2px ${o.sp1} ${M.boxShadowElevation};
-  flex-direction: ${e=>e.isMobile===!0?"column":"row"};
-  align-items: ${e=>e.isMobile?"flex-start":"center"};
-  row-gap: ${o.sp3};
-  margin-bottom: ${e=>O.spendTrendsMarginBottom.valuePx(e.size)};
-  background-color: ${e=>e.theme.colors.grey5};
-`,Se=a.div`
-  display: flex;
-  column-gap: ${e=>e.isMobile===!0?"unset":O.spendTrendsColumnGap.valuePx(e.size)};
-  justify-content: space-between;
-  width: ${e=>e.isMobile===!0?"100%":"unset"};
-  align-items: center;
-`,$e=a.div`
-  display: flex;
-  column-gap: ${o.sp3};
-  align-items: center;
-  max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,de=a(Qe)`
-  ${e=>`${Ge.spendDuration.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.hero};
-`,ce=a(Qe)`
-  ${e=>`${Ge.spendValue.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: ${e=>e.isMobile===!0?"left":"right"};
-`,vs=a.div`
-  background-color: ${e=>e.theme.colors.graphColor34Light};
-  color: ${M.importantDark};
-  padding: ${o.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  cursor: pointer;
-  svg {
-    color: ${M.importantDark};
-  }
-`,xs=a.div`
-  background-color: ${M.successLight};
-  color: ${M.successDark};
-  padding: ${o.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  cursor: pointer;
-
-  svg {
-    color: ${M.successDark};
-  }
-`,ys=a.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  color: ${e=>e.theme.colors.hero};
-  padding: ${o.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  cursor: pointer;
-`,pe=a(Ye)``,De=a(Qt)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Te=a(Ye)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,je=a.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,fs=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp1};
-`,bs=a.div`
-  display: flex;
-  justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,me=a.div``,ws=({spend:e,vendorName:s,vendorLogo:c,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:p})=>{const m=ae(),b=z.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=m==="small"||m==="medium-compact",w=(D,u)=>u==null?null:D==="increased"?t.jsxs(vs,{onClick:p,children:[t.jsx(Jt,{width:o.sp3,height:o.sp3}),t.jsx(pe,{children:u})]}):D==="decreased"?t.jsxs(xs,{onClick:p,children:[t.jsx(es,{width:o.sp3,height:o.sp3}),t.jsx(pe,{children:u})]}):t.jsx(ys,{onClick:p,children:t.jsxs(pe,{children:[u,"%"]})}),R=()=>i===!0?t.jsxs($e,{isMobile:h,children:[t.jsx(Wt,{width:l[6],height:l[6]}),t.jsx($,{width:140,height:l[6]}),t.jsx($,{width:70,height:l[5]})]}):t.jsxs($e,{isMobile:h,children:[c!=null?t.jsxs(je,{children:[t.jsx(Ht,{photoUrl:c.toString(),styles:{width:O.logoWidth.valuePx(m),height:O.logoHeight.valuePx(m)}}),h?t.jsx(Te,{children:s}):t.jsx(De,{children:s})]}):t.jsxs(je,{children:[t.jsx(Rt,{name:s,size:o.sp6}),h?t.jsx(Te,{children:s}):t.jsx(De,{children:s})]}),w(e.changeType,e.percentChange)]}),A=()=>n||i?t.jsx(Se,{size:m,isMobile:h,children:[...Array(3)].map((D,u)=>t.jsxs(fs,{children:[t.jsx($,{width:O.spendTrendHeadingSkeletonWidth.value(m),height:l[4]}),t.jsx(bs,{isMobile:h,children:t.jsx($,{width:O.spendTrendHeadingSkeletonWidth.value(m)/2,height:l[4]})})]},u))}):t.jsxs(Se,{size:m,isMobile:h,children:[t.jsxs(me,{children:[t.jsx(de,{windowSize:m,isMobile:h,children:b.last30Days}),t.jsx(ce,{windowSize:m,isMobile:h,children:re("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(me,{children:[t.jsx(de,{windowSize:m,isMobile:h,children:b.last90Days}),t.jsx(ce,{windowSize:m,isMobile:h,children:re("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(me,{children:[t.jsx(de,{windowSize:m,isMobile:h,children:b.ytdSpend}),t.jsx(ce,{windowSize:m,isMobile:h,children:re("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(us,{isMobile:h,size:m,children:[R(),A()]})},_={labelWidth:new g(120,145,270),largeLabelWidth:new g(130,200,332),largeTinLabelWidth:new g(130,200,276),controlWidth:new g(110,145,160),labelMarginLeft:new g(l[3],l[4]),labelMarginTop:new g(l[2],l[3]),labelMarginBottom:new g(l[2],l[3])},U=(e,s)=>`${e}.${s}`,Cs=z.getLocalizedStrings().spendManagement,se=z.getLocalizedStrings().companyPassport,q=Cs.billPay.vendorCreation,j=z.getLocalizedStrings().common,Ss=({vendorTypeList:e=[],isDisabled:s,sectionId:c,selectedVendorDetails:i,onAddressClick:n})=>{const p=ae(),m=_.labelWidth.value(p),b=_.largeLabelWidth.value(p),h=_.largeTinLabelWidth.value(p),w=_.controlWidth.value(p);return t.jsxs($s,{children:[t.jsx(Ds,{children:q.vendorDetails.titleFor1099Section}),t.jsxs(Ts,{children:[t.jsx(Ot,{isDisabled:s,label:{label:se.companyInfo.legalName,width:m},text:{type:"text",style:{width:w},name:U(c,"legalName"),placeholder:It(se.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:_t}},style:{width:"100%"}}),t.jsx(he,{}),t.jsxs(Le,{children:[t.jsx(Ls,{width:b,windowSize:p,children:q.vendorDetails.vendorType}),t.jsx(js,{size:p,children:t.jsx(Pt,{name:U(c,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:q.placeholders.type})})]}),t.jsx(he,{}),t.jsx(Le,{children:t.jsx(ss,{name:U(c,"tinType"),menuPlacement:"auto",style:{height:o.sp6,width:"100%",marginLeft:o.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??j.strings.empty,dropDownList:[{code:j.texts.ein,label:j.texts.ein.toUpperCase()},{code:j.texts.ssn,label:j.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:h},placeholderLabel:q.placeholders.tinType,formattedText:{type:"text",name:U(c,"tinValue"),placeholder:q.placeholders.tinValue,format:i.vendorDetailLocalData?.tin?.type===j.texts.ssn?zt:Nt,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===j.texts.ssn?Ft:Mt},style:{width:"100%",height:o.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??j.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(he,{}),t.jsx(ts,{isDisabled:s,label:{label:se.companyInfo.address,width:m},addressValueField:{name:U(c,"address"),placeholder:se.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},$s=a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp5};
-  padding-bottom: ${o.sp5};
-`,Ds=a(Ue)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp3};
-  margin-right: ${o.sp6};
-`,Ts=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-`,he=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Le=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  height: ${o.sp8};
-  width: 100%;
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    input {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,js=a.div`
-  width: ${e=>e.controlWidth!=null?`calc(100% - ${e.controlWidth}px)`:"100%"};
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: center;
-  margin-right: ${o.sp2};
-`,Ls=a(qt)`
-  width: ${e=>e.width}px;
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${_.labelMarginTop.valuePx(e.windowSize)} ${_.labelMarginLeft.valuePx(e.windowSize)} ${_.labelMarginBottom.valuePx(e.windowSize)} ${_.labelMarginLeft.valuePx(e.windowSize)}`};
-`,ke=z.getLocalizedStrings().vendors.common.transactionTabTitles,ks=()=>Vs,Vs=[{id:"spend_transactions",label:ke.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:ke.allTransactions,leftMargin:!0,style:{width:122,left:60}}],Ve={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},F=(e,s)=>`${e}.${s}`,Ke=z.getLocalizedStrings(),{common:oe,cockpit:Oe}=Ke,L=Ke.spendManagement.billPay.vendorCreation,Os=({accountsHierarchyList:e,allAccounts:s,allClasses:c,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:p,readOnlyMode:m,isDisabled:b,recommendations:h,sectionId:w,selectedAccountId:R,selectedClassId:A,selectedOwnerId:D,selectedVendorDetails:u,uiState:B,isFiling1099FeatureEnabled:Y,onClickShowMoreOrLess:ne})=>{const Q=ae(),G=Re(),{getValues:K}=kt(),N=Ve.labelWidth.value(Q),W=Ve.controlWidth.value(Q),I=r=>s.filter(f=>f.accountId===r)[0]?.coaId??"",E=r=>c.filter(f=>f.classId===r)[0]?.accountingClassNumber??"",X=r=>{const f=s.find(H=>H.accountId===r)?.accountName;return[Et,Ut].includes(f??"")},Z=L.vendorDetails.recommendation.tooltip,le=Z.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),ie=Z.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),J=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!p,ee=u?.vendorDetailLocalData?.recommendedClass!=null&&!!p;return t.jsxs(_s,{children:[t.jsxs(Is,{children:[t.jsx(Ps,{children:L.vendorDetails.title}),Y?t.jsxs(Ms,{onClick:()=>ne(),children:[B?.collapsableStatus==="expand"?`${oe.show}${oe.strings.space}${Oe.subscription.lessBtnText}`:`${oe.show}${oe.strings.space}${Oe.subscription.moreBtnText}`,B?.collapsableStatus==="expand"?t.jsx(zs,{}):t.jsx(Ns,{})]}):null]}),t.jsxs(Fs,{children:[t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.category,width:N},groupedSingleSelectField:{name:F(w,"vendorCategory"),placeholder:L.placeholders.category,valueToInfo:r=>I(r),defaultValue:{selectedOption:R,allOptions:Be(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:J},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:m?"readonly":b,disableCurrentOption:X,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&p?{tooltipProps:{text:le},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:F(w,"isRecommendedCategorySelected"),defaultChecked:K(F(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.class,width:N},zIndexOnFocus:!0,groupedSingleSelectField:{name:F(w,"vendorClass"),placeholder:L.placeholders.class,valueToInfo:r=>E(r),defaultValue:{selectedOption:A,allOptions:Ae(n,h)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:ee},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${G.colors.grey3}`},isDisabled:m===!0?"readonly":b,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&p?{tooltipProps:{text:ie},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:F(w,"isRecommendedClassSelected"),defaultChecked:K(F(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Vt,{label:{label:L.vendorDetails.vendorOwner,width:N},userSingleSelectField:{name:F(w,"vendorOwner"),placeholder:L.placeholders.owner,defaultValue:{allOptions:Ee(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:m===!0?"readonly":b,style:{justifyContent:"space-between"},controlWidth:W,fullWidthSelect:!1})]})]})},_s=a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp3};
-  padding-bottom: ${o.sp3};
-`,Is=a.div`
-  display: flex;
-  justify-content: space-between;
-`,Ps=a(Ue)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp3};
-  margin-right: ${o.sp6};
-`,Fs=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-`,Ms=a(qe)`
-  display: flex;
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp0};
-  cursor: pointer;
-`,zs=a(At)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-top: ${o.sp1};
-`,Ns=a(Bt)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-top: ${o.sp1};
-`,Ws=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp7};
-`,_e=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`,Ie=a.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${o.sp0} 2px ${o.sp1} ${M.boxShadowElevation}
-  );
-  border-radius: ${o.sp2};
-  background: ${e=>e.theme.colors.grey5};
-`,Pe=a.div`
-  padding: ${o.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Hs=()=>t.jsxs(Ws,{children:[[...Array(1)].map((e,s)=>t.jsxs(_e,{children:[t.jsx($,{width:120,height:l[4]}),t.jsx(Ie,{children:[...Array(3)].map((c,i)=>t.jsxs(Pe,{children:[t.jsx($,{width:70,height:l[4]}),t.jsx($,{width:140,height:l[4]})]},i))})]},s)),[...Array(1)].map((e,s)=>t.jsxs(_e,{children:[t.jsx($,{width:120,height:l[4]}),t.jsx(Ie,{children:[...Array(4)].map((c,i)=>t.jsxs(Pe,{children:[t.jsx($,{width:70,height:l[4]}),t.jsx($,{width:140,height:l[4]})]},i))})]},s))]}),x=z.getLocalizedStrings(),{vendors:{vendorDetailPage:k},common:{footer:Fe}}=x,V={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(l[3],l[3],l[8]),buttonWidth:new g(85,85),navbarHeight:63},Me=e=>`${e}_form`,y="vendorDetails",ue="vendor1099Details",ze="vendorDetailPage",Rs=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ne=a.div`
-  padding-left: ${e=>V.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${e=>V.formContainerHorizontalPadding.valuePx(e.size)};
-`,We=a.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${e=>e.isPageLoading?o.sp3:o.sp0};
-`,As=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${o.sp0};
-  height: ${e=>e.height}px;
-`,Bs=a.div`
-  display: flex;
-  flex-direction: column;
-`,Es=a.div``,Us=a.div``,qs=a.div`
-  display: flex;
-  flex-direction: column;
-  transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Ys=[{label:k.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:k.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:k.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:k.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:k.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:k.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:k.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:k.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],wo=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:c,vendorLogo:i,readOnlyMode:n,isDisabled:p,scrollToTrend:m,allTransactionsTabData:b,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:w,onSaveSuccess:R,saveVendorDetailLocalData:A,onCancelClick:D,onTrendSelectedPeriodChange:u,onTransactionItemClick:B,onSpendTrendPercentChangeClick:Y,onSaveVendor:ne,onVendorSpendTrendFilterTabClick:Q,onAddressClick:G,saveContactsInVendorTabDetailLocalData:K,onVendorDetailUIChange:N})=>{const W=Re(),I=ae(),E=S.useRef(null),[X,Z]=S.useState(!1),[le,ie]=S.useState(V.transactionListHeight.value()),J=s?.selectedTabType,ee=ks(),r=Object.assign({},s?.vendorViewDetails?.vendorView),f=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,H=s?.uiState,Xe=!ye(r!=null&&r.vendorAddress!=null?fe(r.vendorAddress):r.vendorAddress,r.vendorNewAddressStatus?.addressToCreate!=null?fe(r.vendorNewAddressStatus?.addressToCreate):r.vendorNewAddressStatus?.addressToCreate),Ze=(r?.vendorDetailLocalData?.contacts??[]).filter(d=>d.email!==x.common.strings.empty||d.fullName!==x.common.strings.empty||d.phone!==x.common.strings.empty).map(d=>ft(d,"contactInfoType")),ve=S.useMemo(()=>r.vendorBasic?.contacts??[],[r.vendorBasic?.contacts]),Je=!ye(Ze,ve),te=bt({mode:"all",defaultValues:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),values:He(s?.vendorViewDetails.accountsHierarchyList??[],s?.vendorViewDetails.classHierarchyList??[],s?.vendorViewDetails.vendorTypeList??[],s?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,s?.vendorViewDetails.vendorView?.vendorDetailLocalData,s?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[et,tt]=S.useState(-1),st=r.vendorDetailLocalData?.contacts!=null&&r.vendorDetailLocalData?.contacts.length>0?r.vendorDetailLocalData?.contacts:be,[ot,at]=S.useState(wt(st)),nt=d=>{at(d),K?.(f?.vendorId??x.common.strings.empty,d)};S.useEffect(()=>{m===!0&&X===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(E.current?.offsetTop??0)+V.navbarHeight,behavior:"smooth"}),Z(!0))},[m,X,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const lt=new Ct(W.colors.graphColor12),T=s?.fetchState==="Not-Started"||s?.fetchState==="In-Progress",it=s?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",rt=s?.trendWithTransactions.trendReport?.fetchState==="In-Progress",dt=(d,v)=>{u?.(v)};S.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&R?.()},[r]);const ct=S.useCallback(()=>{window.scrollTo({top:(E.current?.offsetTop??0)+V.navbarHeight,behavior:"smooth"}),Y?.()},[Y]),pt=async(d,v)=>{const C=v;if(d.includes("isRecommendedCategorySelected")){const P=v[y].isRecommendedCategorySelected===!0?r?.vendorDetailLocalData?.recommendedCategory?.accountId:r?.vendorBasic?.account?.accountId;C[y].vendorCategory={selectedOption:P,allOptions:v[y].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const P=v[y].isRecommendedClassSelected===!0?r.vendorDetailLocalData?.recommendedClass?.classId:r?.vendorBasic?.class?.classId;C[y].vendorClass={selectedOption:P,allOptions:v[y].vendorClass.allOptions}}if(d.includes("vendorCategory")){const P=C[y].vendorCategory.selectedOption===C[y].recommendedCategory?.accountId;C[y].isRecommendedCategorySelected=P}if(d.includes("vendorClass")){const P=C[y].vendorClass.selectedOption===C[y].recommendedClass?.classId;C[y].isRecommendedClassSelected=P}mt(C)};S.useEffect(()=>{const d=te.watch((v,{name:C})=>{C!=null&&v!=null&&St(()=>pt(C,v))});return()=>{d.unsubscribe()}});const mt=d=>{const v=Qs(d,r.vendorBasic?.id,f);A?.(v)},ht=d=>{h(as(d.id))},gt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{w(d,(b?.numberOfQuartersFetched??0)+1)}},ut=()=>{switch(J){case"all_transactions":return t.jsx(As,{height:le,children:T===!1&&b?.timePeriod!=null?t.jsx(Xt,{firstMonthOfFY:c,timeframe:"quarter",timePeriod:b.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:T,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:B,onListInnerElementHeightChanged:d=>{ie(d)},showLoadPrevious:gt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Kt,{allTabs:Ys,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=ls(d.id);v!=null&&Q(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(Es,{ref:E,children:t.jsx(Zt,{firstMonthOfFY:c,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:lt,initialTransactionListHeight:V.transactionListHeight.value(I),page:"vendorDetailPage",onTimePeriodChange:dt,onTransactionItemClick:B})})]}):null}},vt=()=>{H?.collapsableStatus==="expand"?N?.("collapse"):N?.("expand")},xe=ee.find(d=>J===d.id);return t.jsxs(Rs,{children:[t.jsx($t,{onBackClick:D,title:r.vendorBasic?.name??x.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:W.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),s?.vendorSpend!=null?t.jsx(ws,{isPageLoading:T,vendorName:r.vendorBasic?.name??x.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:rt,onPercentChangeClick:ct}):null,T===!0&&t.jsx(We,{isPageLoading:T,children:t.jsx(Ne,{size:I,children:t.jsx(Hs,{})})}),T===!1&&r.vendorDetailLocalData!=null&&t.jsxs(We,{isPageLoading:T,children:[t.jsx(Ne,{size:I,children:t.jsx(Dt,{...te,children:t.jsxs("form",{id:Me(ze),onSubmit:te.handleSubmit(ne),children:[t.jsx(Os,{sectionId:y,selectedVendorId:f?.vendorId,selectedVendorDetails:r,selectedAccountId:f?.vendorCategory,selectedClassId:f?.vendorClass,selectedOwnerId:f?.vendorOwner,recommendations:f?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:f?.vendorName,allOwners:s?.vendorViewDetails.ownerList??[],readOnlyMode:n,isDisabled:p,accountsHierarchyList:s?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:s?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:H,isFiling1099FeatureEnabled:e,onClickShowMoreOrLess:vt}),e&&H?.collapsableStatus==="expand"?t.jsxs(qs,{collapsableStatus:H?.collapsableStatus??"expand",children:[t.jsx(Ss,{selectedVendorDetails:r,isDisabled:p,onAddressClick:G,sectionId:ue,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx(Tt,{emailRequired:!1,vendorContactInfos:be,sectionId:ge,vendorContactInfoWithType:ot,setVendorContactInfoWithType:nt,deleteContactConfirmationIndex:et,updateContactDeleteConfirmationIndex:tt,initialContactList:ve})]}):null]})})}),xe!=null?t.jsxs(Bs,{children:[t.jsx(Us,{children:t.jsx(gs,{allTabs:ee,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${W.colors.grey3}`,backgroundColor:W.colors.grey4,justifyContent:"left"},selectedTab:xe,onOptionSelectionChanged:ht})}),ut()]}):null]}),!T&&n!==!0&&(jt(te.formState.dirtyFields)||Xe||Je)?t.jsx(Lt,{formId:Me(ze),primaryBtn:{label:Fe.save,isLoading:it,style:{width:V.buttonWidth.value(I)},isDisabled:!1},cancelBtn:{label:Fe.cancel,style:{width:V.buttonWidth.value(I)},onClick:D}}):null]})},He=(e,s,c,i,n,p)=>({[y]:{vendorName:n?.vendorName??x.common.strings.empty,vendorOwner:{allOptions:Ee(p),selectedOption:n?.vendorOwner},vendorCategory:{allOptions:Be(e,n?.recommendations),selectedOption:n?.vendorCategory},vendorClass:{allOptions:Ae(s,n?.recommendations),selectedOption:n?.vendorClass},recommendedCategory:n?.recommendedCategory,recommendedClass:n?.recommendedClass,isRecommendedCategorySelected:n?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:n?.isClassUpdateSelected??!1},[ue]:{legalName:n?.legalName??x.common.strings.empty,email:n?.vendorEmail??x.common.strings.empty,phone:n?.vendorPhone??x.common.strings.empty,vendorType:{allTypes:c,selectedType:n?.vendorType},tinType:n?.tin?.type??null,tinValue:n?.tin?.value??null,address:i},[ge]:n!=null&&n?.contacts!=null&&n?.contacts.length!==0?n.contacts:[{fullName:x.common.strings.empty,email:x.common.strings.empty,phone:x.common.strings.empty,id:x.common.strings.empty}]}),Qs=(e,s,c)=>{const i=e?.[y],n=e?.[ue];return{vendorCategory:i.vendorCategory.selectedOption,vendorClass:i.vendorClass.selectedOption,vendorId:s,recommendations:c?.recommendations,vendorName:i.vendorName,legalName:n.legalName,vendorOwner:i.vendorOwner?.selectedOption,recommendedCategory:i.recommendedCategory,recommendedClass:i.recommendedClass,isCategoryUpdateSelected:i.isRecommendedCategorySelected??!1,isClassUpdateSelected:i.isRecommendedClassSelected??!1,vendorEmail:n.email,vendorPhone:n.phone,vendorType:n.vendorType.selectedType,tin:{type:n.tinType??null,value:n.tinValue!=null?n.tinValue.replace(Yt,x.common.strings.empty):null},address:n.address,contacts:e?.[ge]}};export{wo as default,Me as formUniqueName,ue as vendor1099DetailsSectionId,y as vendorDetailsSectionId,Ys as vendorSpendTrendFilterTabs};