@zeniai/web-components 3.16.69 → 3.16.70

package/dist/VendorDetailPage-CHhXwQ2u.cjs

@@ -0,0 +1,257 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),b=require("react"),o=require("@emotion/styled"),X=require("@zeniai/client-epic-state"),e=require("./index-Bf5SMwBT.cjs"),Ke=require("@emotion/react"),et=require("./SubTabSwitcher-V-Q_rM4i.cjs"),tt=require("./TransactionList-ClH2--c3.cjs"),st=require("./TrendWithTransactions-BVUlOyyl.cjs"),me=require("./arrow-south-east-round-Bf4omcR_.cjs"),nt=require("./LabeledAddressValueField-CfAQarzo.cjs"),ot=require("./LabeledDropDownFormattedTextField-b_K0nzNv.cjs"),rt=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`,at=o.div`
+  display: flex;
+  position: relative;
+  padding: 12px 12px 14px 12px;
+`,it=o.div``,lt=o(e.SmallRegular)`
+  color: ${t=>t.isDisabled?t.theme.colors.grey2:t.isSelected?t.theme.colors.primary:t.theme.colors.hero};
+  cursor: ${t=>t.isSelected&&!t.isDisabled?"default":"pointer"};
+  margin: ${t=>t.leftMargin?`${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp8}`:e.Space.sp0};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &:hover {
+    color: ${t=>t.isDisabled?t.theme.colors.grey2:t.theme.colors.primary};
+  }
+`,dt=o.div`
+  height: 2px;
+  background-color: ${t=>t.theme.colors.primary};
+  border-radius: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transition: left 0.25s;
+
+  ${t=>t.optionCss?Ke.css`
+          ${t.optionCss}
+        `:null}
+`,ct=t=>{let n="";return t.forEach(d=>{n=`${n}
+      &.${d.id} {
+        width: ${d.style.width}px;
+        left: ${d.style.left}%;
+      }`}),n};function pt({option:t,isSelected:n,onClick:d}){const a=r=>r.label;return s.jsxRuntimeExports.jsx(lt,{onClick:()=>{n===!1&&!(t.disabled??!1)&&d(t)},isSelected:n,leftMargin:t.leftMargin,isDisabled:t.disabled??!1,children:s.jsxRuntimeExports.jsx(it,{children:a(t)})})}function mt({allTabs:t,selectedTab:n,containerStyle:d,onOptionSelectionChanged:a}){const r=c=>{a(c)};return s.jsxRuntimeExports.jsx(rt,{style:d,children:s.jsxRuntimeExports.jsxs(at,{children:[t.map(c=>s.jsxRuntimeExports.jsx(pt,{option:c,isSelected:c===n,onClick:r},c.id)),s.jsxRuntimeExports.jsx(dt,{className:`Slider ${n.id}`,optionCss:ct(t)})]})})}const E={logoWidth:new e.ResponsiveSized(e.sp[6],e.sp[6]),logoHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),pageHeaderHorizontalPadding:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8]),pageHeaderVerticalPadding:new e.ResponsiveSized(e.sp[2],e.sp[2],e.sp[4]),spendTrendsColumnGap:new e.ResponsiveSized(e.sp[1],e.sp[1],e.sp[4],e.sp[11]),spendTrendsMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2],e.sp[4]),spendTrendHeadingSkeletonWidth:new e.ResponsiveSized(90,90,120,150)},ze={spendValue:new e.ResponsiveSizedStyle("standardMedium","largeSemiBold"),spendDuration:new e.ResponsiveSizedStyle("extraSmallRegular","standardRegular")},ut=o.div`
+  padding: ${t=>`${E.pageHeaderVerticalPadding.valuePx(t.size)} ${E.pageHeaderHorizontalPadding.valuePx(t.size)}`};
+  display: flex;
+  justify-content: space-between;
+  box-shadow: ${e.Space.sp0} 2px ${e.Space.sp1} ${e.Colors.boxShadowElevation};
+  flex-direction: ${t=>t.isMobile===!0?"column":"row"};
+  align-items: ${t=>t.isMobile?"flex-start":"center"};
+  row-gap: ${e.Space.sp3};
+  margin-bottom: ${t=>E.spendTrendsMarginBottom.valuePx(t.size)};
+  background-color: ${t=>t.theme.colors.grey5};
+`,ue=o.div`
+  display: flex;
+  column-gap: ${t=>t.isMobile===!0?"unset":E.spendTrendsColumnGap.valuePx(t.size)};
+  justify-content: space-between;
+  width: ${t=>t.isMobile===!0?"100%":"unset"};
+  align-items: center;
+`,xe=o.div`
+  display: flex;
+  column-gap: ${e.Space.sp3};
+  align-items: center;
+  max-width: ${t=>t.isMobile===!1?"50%":"unset"};
+`,oe=o(e.StyledText)`
+  ${t=>`${ze.spendDuration.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.hero};
+`,re=o(e.StyledText)`
+  ${t=>`${ze.spendValue.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  text-align: ${t=>t.isMobile===!0?"left":"right"};
+`,xt=o.div`
+  background-color: ${t=>t.theme.colors.graphColor34Light};
+  color: ${e.Colors.importantDark};
+  padding: ${e.Space.sp1} 12px;
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  column-gap: ${e.Space.sp1};
+  cursor: pointer;
+  svg {
+    color: ${e.Colors.importantDark};
+  }
+`,ht=o.div`
+  background-color: ${e.Colors.successLight};
+  color: ${e.Colors.successDark};
+  padding: ${e.Space.sp1} 12px;
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  column-gap: ${e.Space.sp1};
+  cursor: pointer;
+
+  svg {
+    color: ${e.Colors.successDark};
+  }
+`,gt=o.div`
+  background-color: ${t=>t.theme.colors.grey3};
+  color: ${t=>t.theme.colors.hero};
+  padding: ${e.Space.sp1} 12px;
+  border-radius: 50px;
+  display: flex;
+  align-items: center;
+  column-gap: ${e.Space.sp1};
+  cursor: pointer;
+`,ae=o(e.StandardMedium)``,he=o(e.H5SemiBoldSp)`
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-all;
+`,ge=o(e.StandardMedium)`
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-all;
+`,Se=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${e.Space.sp3};
+`,St=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp1};
+`,vt=o.div`
+  display: flex;
+  justify-content: ${t=>t.isMobile?"flex-start":"flex-end"};
+`,ie=o.div``,yt=({spend:t,vendorName:n,vendorLogo:d,isPageLoading:a,isSpendTrendLoading:r,onPercentChangeClick:c})=>{const p=e.useWindowSizeContext(),S=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation.vendorDetails.spends,m=p==="small"||p==="medium-compact",v=(C,u)=>u==null?null:C==="increased"?s.jsxRuntimeExports.jsxs(xt,{onClick:c,children:[s.jsxRuntimeExports.jsx(me.SvgArrowNorthEastRound,{width:e.Space.sp3,height:e.Space.sp3}),s.jsxRuntimeExports.jsx(ae,{children:u})]}):C==="decreased"?s.jsxRuntimeExports.jsxs(ht,{onClick:c,children:[s.jsxRuntimeExports.jsx(me.SvgArrowSouthEastRound,{width:e.Space.sp3,height:e.Space.sp3}),s.jsxRuntimeExports.jsx(ae,{children:u})]}):s.jsxRuntimeExports.jsx(gt,{onClick:c,children:s.jsxRuntimeExports.jsxs(ae,{children:[u,"%"]})}),N=()=>a===!0?s.jsxRuntimeExports.jsxs(xe,{isMobile:m,children:[s.jsxRuntimeExports.jsx(e.CircularContentLoader,{width:e.sp[6],height:e.sp[6]}),s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:140,height:e.sp[6]}),s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:70,height:e.sp[5]})]}):s.jsxRuntimeExports.jsxs(xe,{isMobile:m,children:[d!=null?s.jsxRuntimeExports.jsxs(Se,{children:[s.jsxRuntimeExports.jsx(e.EntityLogoAvatar,{photoUrl:d.toString(),styles:{width:E.logoWidth.valuePx(p),height:E.logoHeight.valuePx(p)}}),m?s.jsxRuntimeExports.jsx(ge,{children:n}):s.jsxRuntimeExports.jsx(he,{children:n})]}):s.jsxRuntimeExports.jsxs(Se,{children:[s.jsxRuntimeExports.jsx(e.EntityAvatar,{name:n,size:e.Space.sp6}),m?s.jsxRuntimeExports.jsx(ge,{children:n}):s.jsxRuntimeExports.jsx(he,{children:n})]}),v(t.changeType,t.percentChange)]}),O=()=>r||a?s.jsxRuntimeExports.jsx(ue,{size:p,isMobile:m,children:[...Array(3)].map((C,u)=>s.jsxRuntimeExports.jsxs(St,{children:[s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:E.spendTrendHeadingSkeletonWidth.value(p),height:e.sp[4]}),s.jsxRuntimeExports.jsx(vt,{isMobile:m,children:s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:E.spendTrendHeadingSkeletonWidth.value(p)/2,height:e.sp[4]})})]},u))}):s.jsxRuntimeExports.jsxs(ue,{size:p,isMobile:m,children:[s.jsxRuntimeExports.jsxs(ie,{children:[s.jsxRuntimeExports.jsx(oe,{windowSize:p,isMobile:m,children:S.last30Days}),s.jsxRuntimeExports.jsx(re,{windowSize:p,isMobile:m,children:e.amountValueToString("0,0.[00]",t.last30DaysSpend,t.currencySymbol)})]}),s.jsxRuntimeExports.jsxs(ie,{children:[s.jsxRuntimeExports.jsx(oe,{windowSize:p,isMobile:m,children:S.last90Days}),s.jsxRuntimeExports.jsx(re,{windowSize:p,isMobile:m,children:e.amountValueToString("0,0.[00]",t.last90DaysSpend,t.currencySymbol)})]}),s.jsxRuntimeExports.jsxs(ie,{children:[s.jsxRuntimeExports.jsx(oe,{windowSize:p,isMobile:m,children:S.ytdSpend}),s.jsxRuntimeExports.jsx(re,{windowSize:p,isMobile:m,children:e.amountValueToString("0,0.[00]",t.yearToDateSpend,t.currencySymbol)})]})]});return s.jsxRuntimeExports.jsxs(ut,{isMobile:m,size:p,children:[N(),O()]})},z={labelWidth:new e.ResponsiveSized(120,145,270),largeLabelWidth:new e.ResponsiveSized(130,200,332),largeTinLabelWidth:new e.ResponsiveSized(130,200,276),controlWidth:new e.ResponsiveSized(110,145,160),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),labelMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6])},A=(t,n)=>`${t}.${n}`,ft=e.appLocale.getLocalizedStrings().spendManagement,J=e.appLocale.getLocalizedStrings().companyPassport,H=ft.billPay.vendorCreation,w=e.appLocale.getLocalizedStrings().common,jt=({vendorTypeList:t=[],isDisabled:n,sectionId:d,selectedVendorDetails:a,onAddressClick:r})=>{const c=e.useWindowSizeContext(),p=z.labelWidth.value(c),S=z.largeLabelWidth.value(c),m=z.largeTinLabelWidth.value(c),v=z.controlWidth.value(c);return s.jsxRuntimeExports.jsxs(bt,{children:[s.jsxRuntimeExports.jsx(Ct,{children:H.vendorDetails.titleFor1099Section}),s.jsxRuntimeExports.jsxs(Rt,{children:[s.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:n,label:{label:J.companyInfo.legalName,width:p},text:{type:"text",style:{width:v},name:A(d,"legalName"),placeholder:e.getPlaceholderTextWithPrefix(J.companyInfo.legalName),defaultValue:a.vendorBasic.legalName,autoComplete:"new-password",options:{required:!!a.vendorBasic.legalName,pattern:e.NON_HYPHEN_MULTI_CHARACTER_PATTERN}},style:{width:"100%"}}),s.jsxRuntimeExports.jsx(le,{}),s.jsxRuntimeExports.jsxs(ve,{children:[s.jsxRuntimeExports.jsx(Tt,{width:S,windowSize:c,children:H.vendorDetails.vendorType}),s.jsxRuntimeExports.jsx(wt,{size:c,children:s.jsxRuntimeExports.jsx(e.SingleSelectType,{name:A(d,"vendorType"),value:{allTypes:t,selectedType:a.vendorDetailLocalData?.vendorType},placeholderLabel:H.placeholders.type})})]}),s.jsxRuntimeExports.jsx(le,{}),s.jsxRuntimeExports.jsx(ve,{children:s.jsxRuntimeExports.jsx(ot.LabeledDropDownFormattedTextField,{name:A(d,"tinType"),menuPlacement:"auto",style:{height:e.Space.sp6,width:"100%",marginLeft:e.Space.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:a.vendorDetailLocalData?.tin?.type??w.strings.empty,dropDownList:[{code:w.texts.ein,label:w.texts.ein.toUpperCase()},{code:w.texts.ssn,label:w.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:m},placeholderLabel:H.placeholders.tinType,formattedText:{type:"text",name:A(d,"tinValue"),placeholder:H.placeholders.tinValue,format:a.vendorDetailLocalData?.tin?.type===w.texts.ssn?e.SSN_FORMAT:e.TIN_FORMAT,registerOptions:{required:!!a.vendorDetailLocalData?.tin?.type,pattern:a.vendorDetailLocalData?.tin?.type===w.texts.ssn?e.SSN_PATTERN:e.TIN_PATTERN},style:{width:"100%",height:e.Space.sp6},defaultValue:a.vendorDetailLocalData?.tin?.value??w.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:a.vendorDetailLocalData?.tin?.type===null?"disabled":void 0}})}),s.jsxRuntimeExports.jsx(le,{}),s.jsxRuntimeExports.jsx(nt.LabeledAddressValueField,{isDisabled:n,label:{label:J.companyInfo.address,width:p},addressValueField:{name:A(d,"address"),placeholder:J.address.titleAdd,defaultValue:a.vendorNewAddressStatus?.addressToCreate,onClick:()=>r("vendor_address",a.vendorAddress?.addressId)},showAdditionalInfoLabel:!1,style:{width:"100%"}})]})]})},bt=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp5};
+  padding-bottom: ${e.Space.sp5};
+`,Ct=o(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+  margin-right: ${e.Space.sp6};
+`,Rt=o.div`
+  display: flex;
+  flex-direction: column;
+  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};
+`,le=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ve=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: ${e.Space.sp8};
+  width: 100%;
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${t=>t.theme.colors.primary};
+    input {
+      background-color: ${t=>t.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;
+  }
+`,wt=o.div`
+  width: ${t=>t.controlWidth!=null?`calc(100% - ${t.controlWidth}px)`:"100%"};
+  display: flex;
+  flex-grow: ${t=>t.size==="small"?1:0};
+  align-items: center;
+  margin-right: ${e.Space.sp2};
+`,Tt=o(e.StandardRegular)`
+  width: ${t=>t.width}px;
+  color: ${t=>t.theme.colors.hero};
+  margin: ${t=>`${z.labelMarginTop.valuePx(t.windowSize)} ${z.labelMarginLeft.valuePx(t.windowSize)} ${z.labelMarginBottom.valuePx(t.windowSize)} ${z.labelMarginLeft.valuePx(t.windowSize)}`};
+`,ye=e.appLocale.getLocalizedStrings().vendors.common.transactionTabTitles,$t=()=>Lt,Lt=[{id:"spend_transactions",label:ye.spendTransactions,leftMargin:!1,style:{width:136,left:2}},{id:"all_transactions",label:ye.allTransactions,leftMargin:!0,style:{width:122,left:60}}],fe={labelWidth:new e.ResponsiveSized(120,145,160),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),labelMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),largeLabelPadding:new e.ResponsiveSized(e.sp[2],e.sp[2]),controlWidth:new e.ResponsiveSized(110,145,160),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelHeight:new e.ResponsiveSized(e.sp[6],e.sp[6])},I=(t,n)=>`${t}.${n}`,De=e.appLocale.getLocalizedStrings(),{common:K,cockpit:je}=De,T=De.spendManagement.billPay.vendorCreation,Et=({accountsHierarchyList:t,allAccounts:n,allClasses:d,allOwners:a,classHierarchyList:r,enableRecommendationUpdateCheckbox:c,readOnlyMode:p,isDisabled:S,recommendations:m,sectionId:v,selectedAccountId:N,selectedClassId:O,selectedOwnerId:C,selectedVendorDetails:u,uiState:W,isFiling1099FeatureEnabled:B,onClickShowMoreOrLess:te})=>{const M=e.useWindowSizeContext(),V=s.useTheme(),{getValues:q}=s.useFormContext(),F=fe.labelWidth.value(M),_=fe.controlWidth.value(M),D=i=>n.filter(j=>j.accountId===i)[0]?.coaId??"",k=i=>d.filter(j=>j.classId===i)[0]?.accountingClassNumber??"",U=i=>{const y=n.find(j=>j.accountId===i)?.accountName;return[e.UNCATEGORIZED_INCOME,e.UNCATEGORIZED_EXPENSE].includes(y??"")},G=T.vendorDetails.recommendation.tooltip,se=G.category.replace("__based__",u?.vendorDetailLocalData?.recommendedCategory?.reason?.toLocaleLowerCase()??""),ne=G.class.replace("__based__",u?.vendorDetailLocalData?.recommendedClass?.reason?.toLocaleLowerCase()??""),Z=u?.vendorDetailLocalData?.recommendedCategory!=null&&!!c,Y=u?.vendorDetailLocalData?.recommendedClass!=null&&!!c;return s.jsxRuntimeExports.jsxs(zt,{children:[s.jsxRuntimeExports.jsxs(Dt,{children:[s.jsxRuntimeExports.jsx(Pt,{children:T.vendorDetails.title}),B?s.jsxRuntimeExports.jsxs(Ft,{onClick:()=>te(),children:[W?.collapsableStatus==="expand"?`${K.show}${K.strings.space}${je.subscription.lessBtnText}`:`${K.show}${K.strings.space}${je.subscription.moreBtnText}`,W?.collapsableStatus==="expand"?s.jsxRuntimeExports.jsx(_t,{}):s.jsxRuntimeExports.jsx(Nt,{})]}):null]}),s.jsxRuntimeExports.jsxs(It,{children:[s.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:T.vendorDetails.category,width:F},groupedSingleSelectField:{name:I(v,"vendorCategory"),placeholder:T.placeholders.category,valueToInfo:i=>D(i),defaultValue:{selectedOption:N,allOptions:e.getGroupedCategories(t,m)},style:{width:"auto"},registerOptions:{required:!1},shouldShowChevronIcon:Z},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${V.colors.grey3}`},isDisabled:p?"readonly":S,disableCurrentOption:U,fullWidthSelect:!1,zIndexOnFocus:!0,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedCategory!=null&&c?{tooltipProps:{text:se},label:{label:u?.vendorDetailLocalData?.recommendedCategory?.accountName},checkBoxField:{name:I(v,"isRecommendedCategorySelected"),defaultChecked:q(I(v,"isRecommendedCategorySelected"))}}:void 0}),s.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:T.vendorDetails.class,width:F},zIndexOnFocus:!0,groupedSingleSelectField:{name:I(v,"vendorClass"),placeholder:T.placeholders.class,valueToInfo:i=>k(i),defaultValue:{selectedOption:O,allOptions:e.getGroupedClasses(r,m)},registerOptions:{required:!1},style:{width:"auto"},shouldShowChevronIcon:Y},additionalLabelInfo:void 0,style:{borderBottom:`1px solid ${V.colors.grey3}`},isDisabled:p===!0?"readonly":S,fullWidthSelect:!1,recommendationCheckboxField:u?.vendorDetailLocalData?.recommendedClass!=null&&c?{tooltipProps:{text:ne},label:{label:u?.vendorDetailLocalData?.recommendedClass?.className},checkBoxField:{name:I(v,"isRecommendedClassSelected"),defaultChecked:q(I(v,"isRecommendedClassSelected"))}}:void 0}),s.jsxRuntimeExports.jsx(e.LabeledUserSingleSelectField,{label:{label:T.vendorDetails.vendorOwner,width:F},userSingleSelectField:{name:I(v,"vendorOwner"),placeholder:T.placeholders.owner,defaultValue:{allOptions:e.getFormattedOwnersList(a),selectedOption:C},registerOptions:{required:!1},style:{width:"auto"}},isDisabled:p===!0?"readonly":S,style:{justifyContent:"space-between"},controlWidth:_,fullWidthSelect:!1})]})]})},zt=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e.Space.sp3};
+  padding-bottom: ${e.Space.sp3};
+`,Dt=o.div`
+  display: flex;
+  justify-content: space-between;
+`,Pt=o(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+  margin-right: ${e.Space.sp6};
+`,It=o.div`
+  display: flex;
+  flex-direction: column;
+  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};
+`,Ft=o(e.SmallRegular)`
+  display: flex;
+  justify-content: flex-end;
+  color: ${t=>t.theme.colors.hero};
+  margin-bottom: ${e.Space.sp0};
+  margin-right: ${e.Space.sp0};
+  cursor: pointer;
+`,_t=o(e.SvgArrowBottom)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  margin-left: ${e.Space.sp2};
+  margin-top: ${e.Space.sp1};
+`,Nt=o(e.SvgArrowRight)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  margin-left: ${e.Space.sp2};
+  margin-top: ${e.Space.sp1};
+`,Ot=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp7};
+`,be=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp3};
+`,Ce=o.div`
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  filter: drop-shadow(
+    ${e.Space.sp0} 2px ${e.Space.sp1} ${e.Colors.boxShadowElevation}
+  );
+  border-radius: ${e.Space.sp2};
+  background: ${t=>t.theme.colors.grey5};
+`,Re=o.div`
+  padding: ${e.Space.sp3};
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid ${t=>t.theme.colors.grey3};
+`,Wt=()=>s.jsxRuntimeExports.jsxs(Ot,{children:[[...Array(1)].map((t,n)=>s.jsxRuntimeExports.jsxs(be,{children:[s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:120,height:e.sp[4]}),s.jsxRuntimeExports.jsx(Ce,{children:[...Array(3)].map((d,a)=>s.jsxRuntimeExports.jsxs(Re,{children:[s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:70,height:e.sp[4]}),s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:140,height:e.sp[4]})]},a))})]},n)),[...Array(1)].map((t,n)=>s.jsxRuntimeExports.jsxs(be,{children:[s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:120,height:e.sp[4]}),s.jsxRuntimeExports.jsx(Ce,{children:[...Array(4)].map((d,a)=>s.jsxRuntimeExports.jsxs(Re,{children:[s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:70,height:e.sp[4]}),s.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:140,height:e.sp[4]})]},a))})]},n))]}),g=e.appLocale.getLocalizedStrings(),{vendors:{vendorDetailPage:$},common:{footer:we}}=g,L={transactionListHeight:new e.ResponsiveSized(325,275,225),formContainerHorizontalPadding:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8]),buttonWidth:new e.ResponsiveSized(85,85),navbarHeight:63,listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},de=t=>`${t}_form`,h="vendorDetails",ee="vendor1099Details",Te="vendorDetailPage",kt=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,$e=o.div`
+  padding-left: ${t=>L.formContainerHorizontalPadding.valuePx(t.size)};
+  padding-right: ${t=>L.formContainerHorizontalPadding.valuePx(t.size)};
+`,Le=o.div`
+  background-color: ${t=>t.theme.colors.grey4};
+  padding-top: ${t=>t.isPageLoading?e.Space.sp3:e.Space.sp0};
+`,At=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: ${e.Space.sp0};
+  height: ${t=>t.height}px;
+`,Ht=o.div`
+  display: flex;
+  flex-direction: column;
+`,Bt=o.div``,Mt=o.div``,Vt=o.div`
+  display: flex;
+  flex-direction: column;
+  transition: ${t=>t.collapsableStatus==="collapse"?"height 400ms ease-out":"height 200ms ease-in"};
+`,Pe=[{label:$.vendorSpendTrendFilterLabels.last_30_days,id:"last_30_days"},{label:$.vendorSpendTrendFilterLabels.last_90_days,id:"last_90_days"},{label:$.vendorSpendTrendFilterLabels.YTD_spend,id:"YTD_spend"},{label:$.vendorSpendTrendFilterLabels.last_month,id:"last_month"},{label:$.vendorSpendTrendFilterLabels.last_3_months,id:"last_3_months"},{label:$.vendorSpendTrendFilterLabels.last_6_months,id:"last_6_months"},{label:$.vendorSpendTrendFilterLabels.last_12_months,id:"last_12_months"},{label:$.vendorSpendTrendFilterLabels.last_year,id:"last_year"}],qt=({isFiling1099FeatureEnabled:t,vendorDetailView:n,firstMonthOfFY:d,vendorLogo:a,readOnlyMode:r,isDisabled:c,scrollToTrend:p,allTransactionsTabData:S,onVendorTabSelectionChanged:m,onLoadPreviousTransactionsClick:v,onSaveSuccess:N,saveVendorDetailLocalData:O,onCancelClick:C,onTrendSelectedPeriodChange:u,onTransactionItemClick:W,onSpendTrendPercentChangeClick:B,onSaveVendor:te,onVendorSpendTrendFilterTabClick:M,onAddressClick:V,saveContactsInVendorTabDetailLocalData:q,onVendorDetailUIChange:F})=>{const _=s.useTheme(),D=e.useWindowSizeContext(),k=b.useRef(null),[U,G]=b.useState(!1),[se,ne]=b.useState(L.transactionListHeight.value()),Z=n?.selectedTabType,Y=$t(),i=Object.assign({},n?.vendorViewDetails?.vendorView),y=n?.vendorViewDetails.vendorView?.vendorDetailLocalData,j=n?.uiState,Ie=!s.isEqual(i!=null&&i.vendorAddress!=null?X.getFormattedAddress(i.vendorAddress):i.vendorAddress,i.vendorNewAddressStatus?.addressToCreate!=null?X.getFormattedAddress(i.vendorNewAddressStatus?.addressToCreate):i.vendorNewAddressStatus?.addressToCreate),Fe=(i?.vendorDetailLocalData?.contacts??[]).filter(l=>l.email!==g.common.strings.empty||l.fullName!==g.common.strings.empty||l.phone!==g.common.strings.empty).map(l=>s.omit(l,"contactInfoType")),ce=b.useMemo(()=>i.vendorBasic?.contacts??[],[i.vendorBasic?.contacts]),_e=!s.isEqual(Fe,ce),Q=s.useForm({mode:"all",defaultValues:Ee(n?.vendorViewDetails.accountsHierarchyList??[],n?.vendorViewDetails.classHierarchyList??[],n?.vendorViewDetails.vendorTypeList??[],n?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,n?.vendorViewDetails.vendorView?.vendorDetailLocalData,n?.vendorViewDetails.ownerList),values:Ee(n?.vendorViewDetails.accountsHierarchyList??[],n?.vendorViewDetails.classHierarchyList??[],n?.vendorViewDetails.vendorTypeList??[],n?.vendorViewDetails.vendorView?.vendorNewAddressStatus?.addressToCreate,n?.vendorViewDetails.vendorView?.vendorDetailLocalData,n?.vendorViewDetails.ownerList),resetOptions:{keepDirtyValues:!0}}),[Ne,Oe]=b.useState(-1),We=i.vendorDetailLocalData?.contacts!=null&&i.vendorDetailLocalData?.contacts.length>0?i.vendorDetailLocalData?.contacts:e.vendorContactInfosAdded,[ke,Ae]=b.useState(e.getVendorContactInfoWithType(We)),He=l=>{Ae(l),q?.(y?.vendorId??g.common.strings.empty,l)};b.useEffect(()=>{p===!0&&U===!1&&n?.trendWithTransactions.trendReport?.fetchState==="Completed"&&n?.trendWithTransactions.transactionView?.fetchState==="Completed"&&(window.scrollTo({top:(k.current?.offsetTop??0)+L.navbarHeight,behavior:"smooth"}),G(!0))},[p,U,n?.trendWithTransactions.trendReport?.fetchState,n?.trendWithTransactions.transactionView?.fetchState]);const Be=new s.Color(_.colors.graphColor12),R=n?.fetchState==="Not-Started"||n?.fetchState==="In-Progress",Me=n?.vendorViewDetails.vendorView?.saveStatus.fetchState==="In-Progress",Ve=n?.trendWithTransactions.trendReport?.fetchState==="In-Progress",qe=(l,x)=>{u?.(x)};b.useEffect(()=>{n?.vendorViewDetails.vendorView?.saveStatus?.fetchState==="Completed"&&N?.()},[i]);const Ue=b.useCallback(()=>{window.scrollTo({top:(k.current?.offsetTop??0)+L.navbarHeight,behavior:"smooth"}),B?.()},[B]),Ge=async(l,x)=>{const f=x;if(l.includes("isRecommendedCategorySelected")){const P=x[h].isRecommendedCategorySelected===!0?i?.vendorDetailLocalData?.recommendedCategory?.accountId:i?.vendorBasic?.account?.accountId;f[h].vendorCategory={selectedOption:P,allOptions:x[h].vendorCategory.allOptions}}if(l.includes("isRecommendedClassSelected")){const P=x[h].isRecommendedClassSelected===!0?i.vendorDetailLocalData?.recommendedClass?.classId:i?.vendorBasic?.class?.classId;f[h].vendorClass={selectedOption:P,allOptions:x[h].vendorClass.allOptions}}if(l.includes("vendorCategory")){const P=f[h].vendorCategory.selectedOption===f[h].recommendedCategory?.accountId;f[h].isRecommendedCategorySelected=P}if(l.includes("vendorClass")){const P=f[h].vendorClass.selectedOption===f[h].recommendedClass?.classId;f[h].isRecommendedClassSelected=P}Ze(f)};b.useEffect(()=>{const l=Q.watch((x,{name:f})=>{f!=null&&x!=null&&s.defer(()=>Ge(f,x))});return()=>{l.unsubscribe()}});const Ze=l=>{const x=Ut(l,i.vendorBasic?.id,y);O?.(x)},Ye=l=>{m(X.toVendorDetailTabsType(l.id))},Qe={isLoading:n?.allVendorTransactionsView?.fetchState==="In-Progress"||n?.allVendorTransactionsView?.fetchState==="Not-Started",onLoadPreviousClick:(l,x)=>{v(l,(S?.numberOfQuartersFetched??0)+1)}},Xe=()=>{switch(Z){case"all_transactions":return s.jsxRuntimeExports.jsx(At,{height:se,children:R===!1&&S?.timePeriod!=null?s.jsxRuntimeExports.jsx(tt.TransactionList,{firstMonthOfFY:d,timeframe:"quarter",timePeriod:S.timePeriod,transactions:n?.allVendorTransactionsView?.transactions??[],isFirstLotLoading:R,componentName:"trend.transactions.list",trackPerformance:!1,onTransactionItemClick:W,onListInnerElementHeightChanged:l=>{ne(l)},showLoadPrevious:Qe}):null});case"spend_transactions":default:return n?.trendWithTransactions!=null?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(et.SubTabSwitcher,{allTabs:Pe,selectedTab:n.vendorSpendTrendFilterTabValue,onTabChange:l=>{const x=X.toVendorSpendTrendFilterTabsTypeStrict(l.id);x!=null&&M(x)},containerStyle:{marginLeft:e.sp[8],marginRight:e.sp[8]}}),s.jsxRuntimeExports.jsx(Bt,{ref:k,children:s.jsxRuntimeExports.jsx(st.TrendWithTransactions,{firstMonthOfFY:d,trendWithTransactionsReport:n?.trendWithTransactions,isDetailPage:!1,graphColor:Be,initialTransactionListHeight:L.transactionListHeight.value(D),page:"vendorDetailPage",onTimePeriodChange:qe,onTransactionItemClick:W})})]}):null}},Je=()=>{j?.collapsableStatus==="expand"?F?.("collapse"):F?.("expand")},pe=Y.find(l=>Z===l.id);return s.jsxRuntimeExports.jsxs(kt,{children:[s.jsxRuntimeExports.jsx(e.NavBar,{onBackClick:C,title:i.vendorBasic?.name??g.common.strings.empty,style:{zIndex:3},hideSearchBtn:!0,backgroundColor:_.colors.grey5,enableTitleOnScroll:!0,source:"VendorDetailPage"}),n?.vendorSpend!=null?s.jsxRuntimeExports.jsx(yt,{isPageLoading:R,vendorName:i.vendorBasic?.name??g.common.strings.empty,spend:n?.vendorSpend,vendorLogo:a,isSpendTrendLoading:Ve,onPercentChangeClick:Ue}):null,R===!0&&s.jsxRuntimeExports.jsx(Le,{isPageLoading:R,children:s.jsxRuntimeExports.jsx($e,{size:D,children:s.jsxRuntimeExports.jsx(Wt,{})})}),R===!1&&i.vendorDetailLocalData!=null&&s.jsxRuntimeExports.jsxs(Le,{isPageLoading:R,children:[s.jsxRuntimeExports.jsx($e,{size:D,children:s.jsxRuntimeExports.jsx(s.FormProvider,{...Q,children:s.jsxRuntimeExports.jsxs("form",{id:de(Te),onSubmit:Q.handleSubmit(te),children:[s.jsxRuntimeExports.jsx(Et,{sectionId:h,selectedVendorId:y?.vendorId,selectedVendorDetails:i,selectedAccountId:y?.vendorCategory,selectedClassId:y?.vendorClass,selectedOwnerId:y?.vendorOwner,recommendations:y?.recommendations??[],allAccounts:n?.vendorViewDetails.accountList.accounts??[],allClasses:n?.vendorViewDetails.classList.classes??[],screenType:"edit",selectedVendorName:y?.vendorName,allOwners:n?.vendorViewDetails.ownerList??[],readOnlyMode:r,isDisabled:c,accountsHierarchyList:n?.vendorViewDetails.accountsHierarchyList??[],classHierarchyList:n?.vendorViewDetails.classHierarchyList??[],enableRecommendationUpdateCheckbox:!0,uiState:j,isFiling1099FeatureEnabled:t,onClickShowMoreOrLess:Je}),t&&j?.collapsableStatus==="expand"?s.jsxRuntimeExports.jsxs(Vt,{collapsableStatus:j?.collapsableStatus??"expand",children:[s.jsxRuntimeExports.jsx(jt,{selectedVendorDetails:i,isDisabled:c,onAddressClick:V,sectionId:ee,vendorTypeList:n?.vendorViewDetails.vendorTypeList??[]}),s.jsxRuntimeExports.jsx(e.AllVendorContactInfoSection,{emailRequired:!1,vendorContactInfos:e.vendorContactInfosAdded,sectionId:e.vendorContactInfoSectionId,vendorContactInfoWithType:ke,setVendorContactInfoWithType:He,deleteContactConfirmationIndex:Ne,updateContactDeleteConfirmationIndex:Oe,initialContactList:ce})]}):null]})})}),pe!=null?s.jsxRuntimeExports.jsxs(Ht,{children:[s.jsxRuntimeExports.jsx(Mt,{children:s.jsxRuntimeExports.jsx(mt,{allTabs:Y,containerStyle:{marginLeft:e.sp[8],marginRight:e.sp[8],borderBottom:`1px solid ${_.colors.grey3}`,backgroundColor:_.colors.grey4,justifyContent:"left"},selectedTab:pe,onOptionSelectionChanged:Ye})}),Xe()]}):null]}),!R&&r!==!0&&(e.formHasDirtyFields(Q.formState.dirtyFields)||Ie||_e)?s.jsxRuntimeExports.jsx(e.Footer,{formId:de(Te),primaryBtn:{label:we.save,isLoading:Me,style:{width:L.buttonWidth.value(D)},isDisabled:!1},cancelBtn:{label:we.cancel,style:{width:L.buttonWidth.value(D)},onClick:C}}):null]})},Ee=(t,n,d,a,r,c)=>({[h]:{vendorName:r?.vendorName??g.common.strings.empty,vendorOwner:{allOptions:e.getFormattedOwnersList(c),selectedOption:r?.vendorOwner},vendorCategory:{allOptions:e.getGroupedCategories(t,r?.recommendations),selectedOption:r?.vendorCategory},vendorClass:{allOptions:e.getGroupedClasses(n,r?.recommendations),selectedOption:r?.vendorClass},recommendedCategory:r?.recommendedCategory,recommendedClass:r?.recommendedClass,isRecommendedCategorySelected:r?.isCategoryUpdateSelected??!1,isRecommendedClassSelected:r?.isClassUpdateSelected??!1},[ee]:{legalName:r?.legalName??g.common.strings.empty,email:r?.vendorEmail??g.common.strings.empty,phone:r?.vendorPhone??g.common.strings.empty,vendorType:{allTypes:d,selectedType:r?.vendorType},tinType:r?.tin?.type??null,tinValue:r?.tin?.value??null,address:a},[e.vendorContactInfoSectionId]:r!=null&&r?.contacts!=null&&r?.contacts.length!==0?r.contacts:[{fullName:g.common.strings.empty,email:g.common.strings.empty,phone:g.common.strings.empty,id:g.common.strings.empty}]}),Ut=(t,n,d)=>{const a=t?.[h],r=t?.[ee];return{vendorCategory:a.vendorCategory.selectedOption,vendorClass:a.vendorClass.selectedOption,vendorId:n,recommendations:d?.recommendations,vendorName:a.vendorName,legalName:r.legalName,vendorOwner:a.vendorOwner?.selectedOption,recommendedCategory:a.recommendedCategory,recommendedClass:a.recommendedClass,isCategoryUpdateSelected:a.isRecommendedCategorySelected??!1,isClassUpdateSelected:a.isRecommendedClassSelected??!1,vendorEmail:r.email,vendorPhone:r.phone,vendorType:r.vendorType.selectedType,tin:{type:r.tinType??null,value:r.tinValue!=null?r.tinValue.replace(e.NON_DIGIT_PATTERN,g.common.strings.empty):null},address:r.address,contacts:t?.[e.vendorContactInfoSectionId]}};exports.default=qt;exports.formUniqueName=de;exports.vendor1099DetailsSectionId=ee;exports.vendorDetailsSectionId=h;exports.vendorSpendTrendFilterTabs=Pe;

package/dist/VendorDomesticWireDetailsPage-CHYZpMzE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./vendor-.pnpm-CT-Z_-kn.cjs"),p=require("react"),v=require("./DomesticWireDetailsPage-B2SuQIfN.cjs"),y=({vendorViewDetails:d,bankAccountContext:t,isDisabled:o,onSaveHandler:n,onWireDetailsUpdated:i,onBackClick:s,onFetchBankName:u,onAddressClick:c})=>{const{bankAccountCreationState:r,editVendorState:a,newVendorState:S,bankNameByRouting:l,bankAccountToCreate:m,fetchBankNameByRoutingStatus:f}=d,e=Object.assign({},a??S);return p.useEffect(()=>{(t==="vendor"&&r?.fetchState==="Completed"||e?.saveStatus?.fetchState==="Completed"&&t!=="express-pay")&&s()},[r,e?.saveStatus?.fetchState,s,t]),g.jsxRuntimeExports.jsx(v.DomesticWireDetailsPage,{bankAccountToCreate:m,bankAccountCreationState:r,bankNameByRouting:l,addressToEdit:e?.vendorNewAddressStatus?.addressToCreate,mailingAddress:e?.vendorAddress,addressType:"vendor_address",fetchBankNameByRoutingStatus:f,isDisabled:o,onSaveHandler:n,onWireDetailsUpdated:i,onBackClick:s,onAddressClick:c,onFetchBankName:u})};exports.default=y;

package/dist/VendorDomesticWireDetailsPage-CTkPAcfP.js

@@ -0,0 +1,53 @@
+import { j as l } from "./vendor-.pnpm-DtFedGku.js";
+import { useEffect as g } from "react";
+import { D as v } from "./DomesticWireDetailsPage-CR2NWUDZ.js";
+const y = ({
+  vendorViewDetails: d,
+  bankAccountContext: t,
+  isDisabled: o,
+  onSaveHandler: n,
+  onWireDetailsUpdated: i,
+  onBackClick: s,
+  onFetchBankName: m,
+  onAddressClick: f
+}) => {
+  const {
+    bankAccountCreationState: a,
+    editVendorState: r,
+    newVendorState: u,
+    bankNameByRouting: p,
+    bankAccountToCreate: S,
+    fetchBankNameByRoutingStatus: c
+  } = d, e = Object.assign(
+    {},
+    r ?? u
+  );
+  return g(() => {
+    (t === "vendor" && a?.fetchState === "Completed" || e?.saveStatus?.fetchState === "Completed" && t !== "express-pay") && s();
+  }, [
+    a,
+    e?.saveStatus?.fetchState,
+    s,
+    t
+  ]), /* @__PURE__ */ l.jsx(
+    v,
+    {
+      bankAccountToCreate: S,
+      bankAccountCreationState: a,
+      bankNameByRouting: p,
+      addressToEdit: e?.vendorNewAddressStatus?.addressToCreate,
+      mailingAddress: e?.vendorAddress,
+      addressType: "vendor_address",
+      fetchBankNameByRoutingStatus: c,
+      isDisabled: o,
+      onSaveHandler: n,
+      onWireDetailsUpdated: i,
+      onBackClick: s,
+      onAddressClick: f,
+      onFetchBankName: m
+    }
+  );
+};
+export {
+  y as default
+};