@zeniai/web-components 3.16.55 → 3.16.56

package/dist/VendorDetailPage-Eq2EqB_E.cjs

@@ -1,257 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-BW93Fnli.cjs"),b=require("react"),o=require("@emotion/styled"),X=require("@zeniai/client-epic-state"),e=require("./index-DWk0ezoc.cjs"),Ke=require("@emotion/react"),et=require("./SubTabSwitcher-CcE41gZ9.cjs"),tt=require("./TransactionList-t0rMBAGJ.cjs"),st=require("./TrendWithTransactions-DcFmfOkM.cjs"),me=require("./arrow-south-east-round-Bf4omcR_.cjs"),nt=require("./LabeledAddressValueField-BxgaDFgA.cjs"),ot=require("./LabeledDropDownFormattedTextField-Cw0FPVVu.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-B0X9TGQJ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./vendor-.pnpm-BW93Fnli.cjs"),p=require("react"),v=require("./DomesticWireDetailsPage-BTSYv4Sz.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-BRePkxjz.js

@@ -1,53 +0,0 @@
-import { j as l } from "./vendor-.pnpm-Q8NJHkXi.js";
-import { useEffect as g } from "react";
-import { D as v } from "./DomesticWireDetailsPage-DBt6rnIQ.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
-};