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

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

@@ -1,38 +0,0 @@
-import{aa as U,fV as x,aP as _,l as k,q as A,O as W,j as i,cS as q,ad as Q,aM as G,fW as H,o as a,h as J,d0 as K,aQ as X,y,A as Y,_ as Z,b9 as ee,b8 as te,u as c}from"./index-sAOH0Fje.js";import{b as m,n as l}from"./vendor-Bs1fkIUX.js";const F={marginRight:new y(c[3],c[8]),marginLeft:new y(c[3],c[8]),height:new y(c[5],62)},u="additionalDocumentsForm",s="ssnCard";function ue(e){const{filesEndPoint:w,authParams:E,companyOfficer:t,updateStatus:f,onClose:$,onEditFileName:I,onDeleteFile:P,updateFilesEntity:v,onSendForVerificationClick:D,onCompanyOfficerUpdated:z}=e,n=U({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:s,front:x(!0,t?.additionalFiles??[],s)}}),[t?.additionalFiles])}),[C,S]=m.useState(!1),[N,O]=m.useState(!1),b=_(f.fetchState),j=t?.deleteFileStatusById??{},B=t?.updateFileStatusById??{},T=Object.values(j??{}).filter(o=>o!=null),V=k.reduceAllFetchState(T);m.useEffect(()=>{b==="In-Progress"&&f.fetchState==="Completed"&&n.reset({additionalDocumentsForm:{selectDocumentType:s,front:x(!0,t?.additionalFiles??[],s)}})},[b,f,n,t?.additionalFiles]);const r=A(),h=W.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:g}=h,L=`${g.officerInfoLabel} ${t?.firstName??""} ${t?.lastName??""}`,R=n.handleSubmit(()=>{V.fetchState!=="In-Progress"&&D?.(t?.officerType??"Officer_1")}),M=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&&q(()=>M(d,p))});return()=>{o.unsubscribe()}}),i.jsx(Q,{...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":G("upload-additional-documents-close",u)})}),i.jsxs(de,{children:[i.jsx(ie,{children:g.title[s]}),i.jsx(ae,{children:g.description[s]})]}),i.jsx(le,{children:i.jsx(se,{children:L})}),i.jsx(H,{name:u,allFiles:t?.additionalFiles??[],label:{width:276},sizeLimit:K,style:{width:"100%",borderRadius:a.sp2,boxShadow:`${a.sp0} 1px 2px ${a.sp0} ${J.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:s,allSelectDocumentType:[s],files:{front:x(!0,t?.additionalFiles??[],s)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:j,updateFileStatusById:B,filesEndPoint:w,authParams:E,hasError:N,onEditFileName:I,onDeleteFile:P,updateFilesEntity:v,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: ${a.sp2};
-  display: flex;
-  justify-content: flex-start;
-`,ae=l(ee)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  display: flex;
-  justify-content: flex-start;
-`,se=l(te)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-`,le=l.div`
-  padding: ${a.sp3} ${a.sp0};
-`,oe=l.div`
-  height: ${e=>F.height.valuePx(e.size)};
-`,ne=l(Y)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  position: absolute;
-  right: ${e=>e.size==="small"?a.sp4:a.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: ${a.sp3} ${a.sp0};
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;export{ue as g};

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

@@ -1,257 +0,0 @@
-import{O as _,d as Re,q as ne,y as g,aC as be,l as se,cU as xt,aa as yt,hc as Ae,hd as Be,he as Ee,hf as fe,hg as bt,aU as ft,cS as wt,j as t,bF as Ct,ad as $t,hh as St,hi as ue,u as l,cT as Dt,aQ as jt,o,b_ as S,d3 as Tt,gT as we,hj as Lt,cV as Vt,cW as kt,cX as Ot,hk as It,gn as Pt,d1 as Ft,hl as Mt,hm as zt,h as z,dL as _t,dK as Nt,df as Wt,aX as de,b6 as Ue,ai as qe,dM as Ht,a$ as Rt,hn as At,ho as Bt,am as Et,hp as Ut,cw as Ye,hq as qt,c as Ce,H as Xe}from"./index-sAOH0Fje.js";import{b as $,n as a,i as Yt}from"./vendor-Bs1fkIUX.js";import{k as Xt}from"./SubTabSwitcher-COrYJ6CW-B2hsvJe_.js";import{f as Qt}from"./TransactionList-BzJEbOV9-BQZ8x4Oq.js";import{R as Gt}from"./TrendWithTransactions-mI_El5D1-SbfSjDf-.js";import{o as Zt,t as Kt}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import{W as Jt}from"./LabeledAddressValueField-YP7bXlgZ-8CibrbWw.js";import{Y as es}from"./LabeledDropDownFormattedTextField-brzU_fnp-DR9C1PhE.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BoxItem-COIjjFrn-DqU4ZyNU.js";import"./commonDimensions-C32v1F7H-CiAEfJl2.js";import"./TrendChart-B_5D-Zud-BUU2-6nI.js";import"./chartTypes-DCvOVjlS-BdPIN5WI.js";import"./toCOABalancesWithID-B3yVGPrV-B_BzNOYP.js";import"./toChartData-DEW0iT7T-DrkbvIyQ.js";import"./NoDataChart-5E72SElf-Bfyft1Tp.js";import"./InsightsSection-JIKb9lz3-CSUvMdaP.js";import"./NavigationDots-BxPgEW_p-CnLRJgGA.js";const ts=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,ss=a.div`
-  display: flex;
-  position: relative;
-  padding: 12px 12px 14px 12px;
-`,os=a.div``,as=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};
-  }
-`,ns=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?Yt`
-          ${e.optionCss}
-        `:null}
-`,ls=e=>{let s="";return e.forEach(c=>{s=`${s}
-      &.${c.id} {
-        width: ${c.style.width}px;
-        left: ${c.style.left}%;
-      }`}),s};function is({option:e,isSelected:s,onClick:c}){const i=n=>n.label;return t.jsx(as,{onClick:()=>{s===!1&&!(e.disabled??!1)&&c(e)},isSelected:s,leftMargin:e.leftMargin,isDisabled:e.disabled??!1,children:t.jsx(os,{children:i(e)})})}function rs({allTabs:e,selectedTab:s,containerStyle:c,onOptionSelectionChanged:i}){const n=p=>{i(p)};return t.jsx(ts,{style:c,children:t.jsxs(ss,{children:[e.map(p=>t.jsx(is,{option:p,isSelected:p===s,onClick:n},p.id)),t.jsx(ns,{className:`Slider ${s.id}`,optionCss:ls(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)},Qe={spendValue:new Ce("standardMedium","largeSemiBold"),spendDuration:new Ce("extraSmallRegular","standardRegular")},ds=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} ${z.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};
-`,$e=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;
-`,Se=a.div`
-  display: flex;
-  column-gap: ${o.sp3};
-  align-items: center;
-  max-width: ${e=>e.isMobile===!1?"50%":"unset"};
-`,ce=a(Xe)`
-  ${e=>`${Qe.spendDuration.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.hero};
-`,pe=a(Xe)`
-  ${e=>`${Qe.spendValue.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: ${e=>e.isMobile===!0?"left":"right"};
-`,cs=a.div`
-  background-color: ${e=>e.theme.colors.graphColor34Light};
-  color: ${z.importantDark};
-  padding: ${o.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  cursor: pointer;
-  svg {
-    color: ${z.importantDark};
-  }
-`,ps=a.div`
-  background-color: ${z.successLight};
-  color: ${z.successDark};
-  padding: ${o.sp1} 12px;
-  border-radius: 50px;
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  cursor: pointer;
-
-  svg {
-    color: ${z.successDark};
-  }
-`,ms=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;
-`,me=a(Ye)``,De=a(qt)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,je=a(Ye)`
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Te=a.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-`,hs=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp1};
-`,gs=a.div`
-  display: flex;
-  justify-content: ${e=>e.isMobile?"flex-start":"flex-end"};
-`,he=a.div``,us=({spend:e,vendorName:s,vendorLogo:c,isPageLoading:i,isSpendTrendLoading:n,onPercentChangeClick:p})=>{const m=ne(),f=_.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,h=m==="small"||m==="medium-compact",w=(D,u)=>u==null?null:D==="increased"?t.jsxs(cs,{onClick:p,children:[t.jsx(Zt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):D==="decreased"?t.jsxs(ps,{onClick:p,children:[t.jsx(Kt,{width:o.sp3,height:o.sp3}),t.jsx(me,{children:u})]}):t.jsx(ms,{onClick:p,children:t.jsxs(me,{children:[u,"%"]})}),R=()=>i===!0?t.jsxs(Se,{isMobile:h,children:[t.jsx(_t,{width:l[6],height:l[6]}),t.jsx(S,{width:140,height:l[6]}),t.jsx(S,{width:70,height:l[5]})]}):t.jsxs(Se,{isMobile:h,children:[c!=null?t.jsxs(Te,{children:[t.jsx(Nt,{photoUrl:c.toString(),styles:{width:O.logoWidth.valuePx(m),height:O.logoHeight.valuePx(m)}}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}):t.jsxs(Te,{children:[t.jsx(Wt,{name:s,size:o.sp6}),h?t.jsx(je,{children:s}):t.jsx(De,{children:s})]}),w(e.changeType,e.percentChange)]}),A=()=>n||i?t.jsx($e,{size:m,isMobile:h,children:[...Array(3)].map((D,u)=>t.jsxs(hs,{children:[t.jsx(S,{width:O.spendTrendHeadingSkeletonWidth.value(m),height:l[4]}),t.jsx(gs,{isMobile:h,children:t.jsx(S,{width:O.spendTrendHeadingSkeletonWidth.value(m)/2,height:l[4]})})]},u))}):t.jsxs($e,{size:m,isMobile:h,children:[t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last30Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last30DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.last90Days}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.last90DaysSpend,e.currencySymbol)})]}),t.jsxs(he,{children:[t.jsx(ce,{windowSize:m,isMobile:h,children:f.ytdSpend}),t.jsx(pe,{windowSize:m,isMobile:h,children:de("0,0.[00]",e.yearToDateSpend,e.currencySymbol)})]})]});return t.jsxs(ds,{isMobile:h,size:m,children:[R(),A()]})},I={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}`,vs=_.getLocalizedStrings().spendManagement,oe=_.getLocalizedStrings().companyPassport,q=vs.billPay.vendorCreation,T=_.getLocalizedStrings().common,xs=({vendorTypeList:e=[],isDisabled:s,sectionId:c,selectedVendorDetails:i,onAddressClick:n})=>{const p=ne(),m=I.labelWidth.value(p),f=I.largeLabelWidth.value(p),h=I.largeTinLabelWidth.value(p),w=I.controlWidth.value(p);return t.jsxs(ys,{children:[t.jsx(bs,{children:q.vendorDetails.titleFor1099Section}),t.jsxs(fs,{children:[t.jsx(Vt,{isDisabled:s,label:{label:oe.companyInfo.legalName,width:m},text:{type:"text",style:{width:w},name:U(c,"legalName"),placeholder:Ot(oe.companyInfo.legalName),defaultValue:i.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!i.vendorBasic.legalName,pattern:kt}},style:{width:"100%"}}),t.jsx(ge,{}),t.jsxs(Le,{children:[t.jsx(Cs,{width:f,windowSize:p,children:q.vendorDetails.vendorType}),t.jsx(ws,{size:p,children:t.jsx(It,{name:U(c,"vendorType"),value:{allTypes:e,selectedType:i.vendorDetailLocalData?.vendorType},placeholderLabel:q.placeholders.type})})]}),t.jsx(ge,{}),t.jsx(Le,{children:t.jsx(es,{name:U(c,"tinType"),menuPlacement:"auto",style:{height:o.sp6,width:"100%",marginLeft:o.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:i.vendorDetailLocalData?.tin?.type??T.strings.empty,dropDownList:[{code:T.texts.ein,label:T.texts.ein.toUpperCase()},{code:T.texts.ssn,label:T.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===T.texts.ssn?Mt:zt,registerOptions:{required:!!i.vendorDetailLocalData?.tin?.type,pattern:i.vendorDetailLocalData?.tin?.type===T.texts.ssn?Pt:Ft},style:{width:"100%",height:o.sp6},defaultValue:i.vendorDetailLocalData?.tin?.value??T.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:i.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),t.jsx(ge,{}),t.jsx(Jt,{isDisabled:s,label:{label:oe.companyInfo.address,width:m},addressValueField:{name:U(c,"address"),placeholder:oe.address.titleAdd,defaultValue:i.vendorNewAddressStatus?.addressToCreate,onClick:()=>n("vendor_address",i.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},ys=a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp5};
-  padding-bottom: ${o.sp5};
-`,bs=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};
-`,ge=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;
-  }
-`,ws=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};
-`,Cs=a(Et)`
-  width: ${e=>e.width}px;
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>`${I.labelMarginTop.valuePx(e.windowSize)} ${I.labelMarginLeft.valuePx(e.windowSize)} ${I.labelMarginBottom.valuePx(e.windowSize)} ${I.labelMarginLeft.valuePx(e.windowSize)}`};
-`,Ve=_.getLocalizedStrings().vendors.common.transactionTabTitles,$s=()=>Ss,Ss=[{id:"spend_transactions",label:Ve.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:Ve.allTransactions,leftMargin:!0,style:{width:122,left:60}}],ke={labelWidth:new g(120,145,160),controlWidth:new g(110,145,160)},M=(e,s)=>`${e}.${s}`,Ge=_.getLocalizedStrings(),{common:ae,cockpit:Oe}=Ge,L=Ge.spendManagement.billPay.vendorCreation,Ds=({accountsHierarchyList:e,allAccounts:s,allClasses:c,allOwners:i,classHierarchyList:n,enableRecommendationUpdateCheckbox:p,readOnlyMode:m,isDisabled:f,recommendations:h,sectionId:w,selectedAccountId:R,selectedClassId:A,selectedOwnerId:D,selectedVendorDetails:u,uiState:B,isFiling1099FeatureEnabled:Y,onClickShowMoreOrLess:le})=>{const X=ne(),Q=Re(),{getValues:G}=Tt(),N=ke.labelWidth.value(X),W=ke.controlWidth.value(X),P=r=>s.filter(b=>b.accountId===r)[0]?.coaId??"",E=r=>c.filter(b=>b.classId===r)[0]?.accountingClassNumber??"",Z=r=>{const b=s.find(H=>H.accountId===r)?.accountName;return[At,Bt].includes(b??"")},K=L.vendorDetails.recommendation.tooltip,ie=K.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),re=K.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),J=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!p,ee=u?.vendorDetailLocalData?.recommendedClass!=null&&!!p;return t.jsxs(js,{children:[t.jsxs(Ts,{children:[t.jsx(Ls,{children:L.vendorDetails.title}),Y?t.jsxs(ks,{onClick:()=>le(),children:[B?.collapsableStatus==="expand"?`${ae.show}${ae.strings.space}${Oe.subscription.lessBtnText}`:`${ae.show}${ae.strings.space}${Oe.subscription.moreBtnText}`,B?.collapsableStatus==="expand"?t.jsx(Os,{}):t.jsx(Is,{})]}):null]}),t.jsxs(Vs,{children:[t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.category,width:N},groupedSingleSelectField:{name:M(w,"vendorCategory"),placeholder:L.placeholders.category,valueToInfo:r=>P(r),defaultValue:{selectedOption:R,allOptions:Be(e,h)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:J},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${Q.colors.grey3}`},isDisabled:m?"readonly":f,disableCurrentOption:Z,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&p?{tooltipProps:{text:ie},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:M(w,"isRecommendedCategorySelected"),defaultChecked:G(M(w,"isRecommendedCategorySelected"))}}:void 0}),t.jsx(we,{isLoading:!1,label:{label:L.vendorDetails.class,width:N},zIndexOnFocus:!0,groupedSingleSelectField:{name:M(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 ${Q.colors.grey3}`},isDisabled:m===!0?"readonly":f,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&p?{tooltipProps:{text:re},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:M(w,"isRecommendedClassSelected"),defaultChecked:G(M(w,"isRecommendedClassSelected"))}}:void 0}),t.jsx(Lt,{label:{label:L.vendorDetails.vendorOwner,width:N},userSingleSelectField:{name:M(w,"vendorOwner"),placeholder:L.placeholders.owner,defaultValue:{allOptions:Ee(i),selectedOption:D},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:m===!0?"readonly":f,style:{justifyContent:"space-between"},controlWidth:W,fullWidthSelect:!1})]})]})},js=a.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.sp3};
-  padding-bottom: ${o.sp3};
-`,Ts=a.div`
-  display: flex;
-  justify-content: space-between;
-`,Ls=a(Ue)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${o.sp3};
-  margin-right: ${o.sp6};
-`,Vs=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};
-`,ks=a(qe)`
-  display: flex;
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp0};
-  cursor: pointer;
-`,Os=a(Ht)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-top: ${o.sp1};
-`,Is=a(Rt)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  margin-left: ${o.sp2};
-  margin-top: ${o.sp1};
-`,Ps=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp7};
-`,Ie=a.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`,Pe=a.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  filter: drop-shadow(
-    ${o.sp0} 2px ${o.sp1} ${z.boxShadowElevation}
-  );
-  border-radius: ${o.sp2};
-  background: ${e=>e.theme.colors.grey5};
-`,Fe=a.div`
-  padding: ${o.sp3};
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Fs=()=>t.jsxs(Ps,{children:[[...Array(1)].map((e,s)=>t.jsxs(Ie,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(3)].map((c,i)=>t.jsxs(Fe,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s)),[...Array(1)].map((e,s)=>t.jsxs(Ie,{children:[t.jsx(S,{width:120,height:l[4]}),t.jsx(Pe,{children:[...Array(4)].map((c,i)=>t.jsxs(Fe,{children:[t.jsx(S,{width:70,height:l[4]}),t.jsx(S,{width:140,height:l[4]})]},i))})]},s))]}),x=_.getLocalizedStrings(),{vendors:{vendorDetailPage:V},common:{footer:Me}}=x,k={transactionListHeight:new g(325,275,225),formContainerHorizontalPadding:new g(l[3],l[3],l[8]),buttonWidth:new g(85,85),navbarHeight:63},ze=e=>`${e}_form`,y="vendorDetails",ve="vendor1099Details",_e="vendorDetailPage",Ms=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=>k.formContainerHorizontalPadding.valuePx(e.size)};
-  padding-right: ${e=>k.formContainerHorizontalPadding.valuePx(e.size)};
-`,We=a.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${e=>e.isPageLoading?o.sp3:o.sp0};
-`,zs=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;
-`,_s=a.div`
-  display: flex;
-  flex-direction: column;
-`,Ns=a.div``,Ws=a.div``,Hs=a.div`
-  display: flex;
-  flex-direction: column;
-  transition: ${e=>e.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
-`,Rs=[{label:V.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:V.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:V.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:V.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:V.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:V.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:V.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:V.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],go=({isFiling1099FeatureEnabled:e,vendorDetailView:s,firstMonthOfFY:c,vendorLogo:i,readOnlyMode:n,isDisabled:p,scrollToTrend:m,allTransactionsTabData:f,onVendorTabSelectionChanged:h,onLoadPreviousTransactionsClick:w,onSaveSuccess:R,saveVendorDetailLocalData:A,onCancelClick:D,onTrendSelectedPeriodChange:u,onTransactionItemClick:B,onSpendTrendPercentChangeClick:Y,onSaveVendor:le,onVendorSpendTrendFilterTabClick:X,onAddressClick:Q,saveContactsInVendorTabDetailLocalData:G,onVendorDetailUIChange:N})=>{const W=Re(),P=ne(),E=$.useRef(null),[Z,K]=$.useState(!1),[ie,re]=$.useState(k.transactionListHeight.value()),J=s?.selectedTabType,ee=$s(),r=Object.assign({},s?.vendorViewDetails?.vendorView),b=s?.vendorViewDetails.vendorView?.vendorDetailLocalData,H=s?.uiState,Ze=!be(r!=null&&r.vendorAddress!=null?se.getFormattedAddress(r.vendorAddress):r.vendorAddress,r.vendorNewAddressStatus?.addressToCreate!=null?se.getFormattedAddress(r.vendorNewAddressStatus?.addressToCreate):r.vendorNewAddressStatus?.addressToCreate),Ke=(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=>xt(d,"contactInfoType")),xe=$.useMemo(()=>r.vendorBasic?.contacts??[],[r.vendorBasic?.contacts]),Je=!be(Ke,xe),te=yt({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]=$.useState(-1),st=r.vendorDetailLocalData?.contacts!=null&&r.vendorDetailLocalData?.contacts.length>0?r.vendorDetailLocalData?.contacts:fe,[ot,at]=$.useState(bt(st)),nt=d=>{at(d),G?.(b?.vendorId??x.common.strings.empty,d)};$.useEffect(()=>{m===!0&&Z===!1&&s?.trendWithTransactions.trendReport?.fetchState==="Completed"&&s?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(E.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),K(!0))},[m,Z,s?.trendWithTransactions.trendReport?.fetchState,s?.trendWithTransactions.transactionView?.fetchState]);const lt=new ft(W.colors.graphColor12),j=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)};$.useEffect(()=>{s?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&R?.()},[r]);const ct=$.useCallback(()=>{window.scrollTo({top:(E.current?.offsetTop??0)+k.navbarHeight,behavior:"smooth"}),Y?.()},[Y]),pt=async(d,v)=>{const C=v;if(d.includes("isRecommendedCategorySelected")){const F=v[y].isRecommendedCategorySelected===!0?r?.vendorDetailLocalData?.recommendedCategory?.accountId:r?.vendorBasic?.account?.accountId;C[y].vendorCategory={selectedOption:F,allOptions:v[y].vendorCategory.allOptions}}if(d.includes("isRecommendedClassSelected")){const F=v[y].isRecommendedClassSelected===!0?r.vendorDetailLocalData?.recommendedClass?.classId:r?.vendorBasic?.class?.classId;C[y].vendorClass={selectedOption:F,allOptions:v[y].vendorClass.allOptions}}if(d.includes("vendorCategory")){const F=C[y].vendorCategory.selectedOption===C[y].recommendedCategory?.accountId;C[y].isRecommendedCategorySelected=F}if(d.includes("vendorClass")){const F=C[y].vendorClass.selectedOption===C[y].recommendedClass?.classId;C[y].isRecommendedClassSelected=F}mt(C)};$.useEffect(()=>{const d=te.watch((v,{name:C})=>{C!=null&&v!=null&&wt(()=>pt(C,v))});return()=>{d.unsubscribe()}});const mt=d=>{const v=As(d,r.vendorBasic?.id,b);A?.(v)},ht=d=>{h(se.toVendorDetailTabsType(d.id))},gt={isLoading:s?.allVendorTransactionsView?.fetchState==="In-Progress"||s?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(d,v)=>{w(d,(f?.numberOfQuartersFetched??0)+1)}},ut=()=>{switch(J){case"all_transactions":return t.jsx(zs,{height:ie,children:j===!1&&f?.timePeriod!=null?t.jsx(Qt,{firstMonthOfFY:c,timeframe:"quarter",timePeriod:f.timePeriod,transactions:s?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:j,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:B,onListInnerElementHeightChanged:d=>{re(d)},showLoadPrevious:gt}):null});case"spend_transactions":default:return s?.trendWithTransactions!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xt,{allTabs:Rs,selectedTab:s.vendorSpendTrendFilterTabValue,onTabChange:d=>{const v=se.toVendorSpendTrendFilterTabsTypeStrict(d.id);v!=null&&X(v)},containerStyle:{marginLeft:l[8],marginRight:l[8]}}),t.jsx(Ns,{ref:E,children:t.jsx(Gt,{firstMonthOfFY:c,trendWithTransactionsReport:s?.trendWithTransactions,isDetailPage:!1,graphColor:lt,initialTransactionListHeight:k.transactionListHeight.value(P),page:"vendorDetailPage",onTimePeriodChange:dt,onTransactionItemClick:B})})]}):null}},vt=()=>{H?.collapsableStatus==="expand"?N?.("collapse"):N?.("expand")},ye=ee.find(d=>J===d.id);return t.jsxs(Ms,{children:[t.jsx(Ct,{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(us,{isPageLoading:j,vendorName:r.vendorBasic?.name??x.common.strings.empty,spend:s?.vendorSpend,vendorLogo:i,isSpendTrendLoading:rt,onPercentChangeClick:ct}):null,j===!0&&t.jsx(We,{isPageLoading:j,children:t.jsx(Ne,{size:P,children:t.jsx(Fs,{})})}),j===!1&&r.vendorDetailLocalData!=null&&t.jsxs(We,{isPageLoading:j,children:[t.jsx(Ne,{size:P,children:t.jsx($t,{...te,children:t.jsxs("form",{id:ze(_e),onSubmit:te.handleSubmit(le),children:[t.jsx(Ds,{sectionId:y,selectedVendorId:b?.vendorId,selectedVendorDetails:r,selectedAccountId:b?.vendorCategory,selectedClassId:b?.vendorClass,selectedOwnerId:b?.vendorOwner,recommendations:b?.recommendations??[],allAccounts:s?.vendorViewDetails.accountList.accounts??[],allClasses:s?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:b?.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(Hs,{collapsableStatus:H?.collapsableStatus??"expand",children:[t.jsx(xs,{selectedVendorDetails:r,isDisabled:p,onAddressClick:Q,sectionId:ve,vendorTypeList:s?.vendorViewDetails.vendorTypeList??[]}),t.jsx(St,{emailRequired:!1,vendorContactInfos:fe,sectionId:ue,vendorContactInfoWithType:ot,setVendorContactInfoWithType:nt,deleteContactConfirmationIndex:et,updateContactDeleteConfirmationIndex:tt,initialContactList:xe})]}):null]})})}),ye!=null?t.jsxs(_s,{children:[t.jsx(Ws,{children:t.jsx(rs,{allTabs:ee,containerStyle:{marginLeft:l[8],marginRight:l[8],borderBottom:`1px solid ${W.colors.grey3}`,backgroundColor:W.colors.grey4,justifyContent:"left"},selectedTab:ye,onOptionSelectionChanged:ht})}),ut()]}):null]}),!j&&n!==!0&&(Dt(te.formState.dirtyFields)||Ze||Je)?t.jsx(jt,{formId:ze(_e),primaryBtn:{label:Me.save,isLoading:it,style:{width:k.buttonWidth.value(P)},isDisabled:!1},cancelBtn:{label:Me.cancel,style:{width:k.buttonWidth.value(P)},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},[ve]:{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},[ue]: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}]}),As=(e,s,c)=>{const i=e?.[y],n=e?.[ve];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(Ut,x.common.strings.empty):null},address:n.address,contacts:e?.[ue]}};export{go as default,ze as formUniqueName,ve as vendor1099DetailsSectionId,y as vendorDetailsSectionId,Rs as vendorSpendTrendFilterTabs};