@zeniai/web-components 3.16.29 → 3.16.31

package/dist/UploadAdditionalDocumentOverlay-C9twcAkM.cjs

@@ -0,0 +1,38 @@
+"use strict";const i=require("./vendor-.pnpm-B6vI-hvj.cjs"),d=require("react"),n=require("@emotion/styled"),B=require("@zeniai/client-epic-state"),e=require("./index-PcEfbmFv.cjs"),h={marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[5],62)},p="additionalDocumentsForm",o="ssnCard";function V(t){const{filesEndPoint:j,authParams:b,companyOfficer:s,updateStatus:u,onClose:x,onEditFileName:E,onDeleteFile:D,updateFilesEntity:$,onSendForVerificationClick:w,onCompanyOfficerUpdated:R}=t,l=i.useForm({mode:"all",reValidateMode:"onChange",defaultValues:d.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:o,front:e.getFile(!0,s?.additionalFiles??[],o)}}),[s?.additionalFiles])}),[v,g]=d.useState(!1),[z,C]=d.useState(!1),y=e.usePrevious(u.fetchState),F=s?.deleteFileStatusById??{},I=s?.updateFileStatusById??{},O=Object.values(F??{}).filter(a=>a!=null),P=B.reduceAllFetchState(O);d.useEffect(()=>{y==="In-Progress"&&u.fetchState==="Completed"&&l.reset({additionalDocumentsForm:{selectDocumentType:o,front:e.getFile(!0,s?.additionalFiles??[],o)}})},[y,u,l,s?.additionalFiles]);const r=e.useWindowSizeContext(),f=e.appLocale.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:S}=f,T=`${S.officerInfoLabel} ${s?.firstName??""} ${s?.lastName??""}`,L=l.handleSubmit(()=>{P.fetchState!=="In-Progress"&&w?.(s?.officerType??"Officer_1")}),N=async(a,m)=>{const c=m[p].front;a.includes("front")&&c?.fileId!=null?(R?.(s?.officerType??"Officer_1",[c?.fileId]),g(!0)):g(!1)};return d.useEffect(()=>{const a=l.watch((m,{name:c})=>{c!=null&&m!=null&&i.defer(()=>N(c,m))});return()=>{a.unsubscribe()}}),i.jsxRuntimeExports.jsx(i.FormProvider,{...l,children:i.jsxRuntimeExports.jsxs("form",{id:p,onSubmit:L,children:[i.jsxRuntimeExports.jsxs(A,{size:r,children:[i.jsxRuntimeExports.jsx(_,{size:r,children:i.jsxRuntimeExports.jsx(k,{size:r,onClick:x,"data-testid":e.generateDataTestId("upload-additional-documents-close",p)})}),i.jsxRuntimeExports.jsxs(H,{children:[i.jsxRuntimeExports.jsx(q,{children:S.title[o]}),i.jsxRuntimeExports.jsx(U,{children:S.description[o]})]}),i.jsxRuntimeExports.jsx(W,{children:i.jsxRuntimeExports.jsx(M,{children:T})}),i.jsxRuntimeExports.jsx(e.SelectDocumentField,{name:p,allFiles:s?.additionalFiles??[],label:{width:276},sizeLimit:e.SizeLimit10MB,style:{width:"100%",borderRadius:e.Space.sp2,boxShadow:`${e.Space.sp0} 1px 2px ${e.Space.sp0} ${e.Colors.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:o,allSelectDocumentType:[o],files:{front:e.getFile(!0,s?.additionalFiles??[],o)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:F,updateFileStatusById:I,filesEndPoint:j,authParams:b,hasError:z,onEditFileName:E,onDeleteFile:D,updateFilesEntity:$,onFileSizeError:a=>C(a),registerOptions:{required:!0},companyOfficerName:{firstName:s?.firstName??"",lastName:s?.lastName??""},showWebCamPopUpCloseIcon:!1})]}),v?i.jsxRuntimeExports.jsx(e.Footer,{formId:p,primaryBtn:{label:f.sendForVerificationButton,style:{width:"auto",minWidth:r==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"},cancelBtn:{label:f.cancel,style:{width:r==="small"?"auto":"181px"},onClick:x},style:{position:"absolute",width:"100%"}}):null]})})}const q=n(e.H5Regular)`
+  margin-top: 19px;
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp2};
+  display: flex;
+  justify-content: flex-start;
+`,U=n(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+  white-space: pre-line;
+  display: flex;
+  justify-content: flex-start;
+`,M=n(e.LargeMedium)`
+  color: ${t=>t.theme.colors.primary};
+  white-space: pre-line;
+`,W=n.div`
+  padding: ${e.Space.sp3} ${e.Space.sp0};
+`,_=n.div`
+  height: ${t=>h.height.valuePx(t.size)};
+`,k=n(e.SvgClose)`
+  cursor: pointer;
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  position: absolute;
+  right: ${t=>t.size==="small"?e.Space.sp4:e.Space.sp8};
+  top: 19px;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,A=n.div`
+  margin-right: ${t=>h.marginRight.valuePx(t.size)};
+  margin-left: ${t=>h.marginLeft.valuePx(t.size)};
+`,H=n.div`
+  padding: ${e.Space.sp3} ${e.Space.sp0};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+`;exports.UploadAdditionalDocumentOVerlay=V;

package/dist/Vendor2FAPopup-Rb3R_tes.js

@@ -0,0 +1,69 @@
+import { j as s } from "./vendor-.pnpm-DxbX2tX4.js";
+import { useState as l, useEffect as a } from "react";
+import { aD as n, a as b, jg as w, jh as I } from "./index-BcmM9nFj.js";
+const y = ({
+  vendorViewDetails: h,
+  isExpressPayPage: r,
+  onSaveVendor: d,
+  onGetOtp: m,
+  onResendOtp: V,
+  onVerifyOtp: C,
+  onVerifyOtpSuccess: p
+}) => {
+  const { loggedInUserVerification: t, editVendorState: c, newVendorState: P } = h, i = Object.assign(
+    {},
+    c ?? P
+  ), [g, e] = l(!1), [O, o] = l(
+    t.initiateVerification === !0
+  ), u = n(i?.saveStatus?.fetchState), v = n(
+    t.userVerificationStatus.fetchState
+  ), f = n(
+    t.otpVerificationStatus?.fetchState
+  ), S = n(
+    t.sendOtpStatus.fetchState
+  ), j = b.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;
+  return a(() => {
+    u === "In-Progress" && i?.saveStatus?.fetchState === "Error" && t.initiateVerification === !0 && o(!0);
+  }, [i, t, u]), a(() => {
+    v === "In-Progress" && t.userVerificationStatus.fetchState === "Completed" && (e(!1), d());
+  }, [t.userVerificationStatus]), a(() => {
+    f === "In-Progress" && t.otpVerificationStatus?.fetchState === "Completed" && p?.(
+      t.userId ?? "",
+      t.phone ?? "",
+      t.otpChallenge ?? ""
+    );
+  }, [f, t, p]), a(() => {
+    S === "In-Progress" && t.sendOtpStatus.fetchState === "Completed" && (e(!0), o(!1));
+  }, [S, t.sendOtpStatus.fetchState]), /* @__PURE__ */ s.jsx(s.Fragment, { children: g === !0 ? /* @__PURE__ */ s.jsx(
+    w,
+    {
+      showHelperText: !r,
+      verifyOtpFetchState: t.otpVerificationStatus.fetchState,
+      phoneNumber: t.phone ?? "",
+      otpChallenge: t.otpChallenge,
+      action: {
+        onVerifyClick: C,
+        onCancelClick: () => e(!1),
+        onResendOtp: V,
+        onEditButtonClick: () => {
+          o(!0), e(!1);
+        }
+      }
+    }
+  ) : O === !0 ? /* @__PURE__ */ s.jsx(
+    I,
+    {
+      showHelperText: !r,
+      phoneNumber: t.phone ?? "",
+      sendOtpFetchState: t.sendOtpStatus.fetchState,
+      description: r ? j : void 0,
+      action: {
+        onCancelClick: () => o(!1),
+        onGetCodeClick: (x) => m?.(x)
+      }
+    }
+  ) : null });
+};
+export {
+  y as default
+};

package/dist/Vendor2FAPopup-jmglrVET.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-B6vI-hvj.cjs"),o=require("react"),t=require("./index-PcEfbmFv.cjs"),b=({vendorViewDetails:l,isExpressPayPage:i,onSaveVendor:h,onGetOtp:d,onResendOtp:P,onVerifyOtp:m,onVerifyOtpSuccess:u})=>{const{loggedInUserVerification:e,editVendorState:c,newVendorState:v}=l,a=Object.assign({},c??v),[V,s]=o.useState(!1),[g,n]=o.useState(e.initiateVerification===!0),p=t.usePrevious(a?.saveStatus?.fetchState),x=t.usePrevious(e.userVerificationStatus.fetchState),f=t.usePrevious(e.otpVerificationStatus?.fetchState),S=t.usePrevious(e.sendOtpStatus.fetchState),C=t.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;return o.useEffect(()=>{p==="In-Progress"&&a?.saveStatus?.fetchState==="Error"&&e.initiateVerification===!0&&n(!0)},[a,e,p]),o.useEffect(()=>{x==="In-Progress"&&e.userVerificationStatus.fetchState==="Completed"&&(s(!1),h())},[e.userVerificationStatus]),o.useEffect(()=>{f==="In-Progress"&&e.otpVerificationStatus?.fetchState==="Completed"&&u?.(e.userId??"",e.phone??"",e.otpChallenge??"")},[f,e,u]),o.useEffect(()=>{S==="In-Progress"&&e.sendOtpStatus.fetchState==="Completed"&&(s(!0),n(!1))},[S,e.sendOtpStatus.fetchState]),r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:V===!0?r.jsxRuntimeExports.jsx(t.OtpPopup,{showHelperText:!i,verifyOtpFetchState:e.otpVerificationStatus.fetchState,phoneNumber:e.phone??"",otpChallenge:e.otpChallenge,action:{onVerifyClick:m,onCancelClick:()=>s(!1),onResendOtp:P,onEditButtonClick:()=>{n(!0),s(!1)}}}):g===!0?r.jsxRuntimeExports.jsx(t.PhoneNumberPopup,{showHelperText:!i,phoneNumber:e.phone??"",sendOtpFetchState:e.sendOtpStatus.fetchState,description:i?C:void 0,action:{onCancelClick:()=>n(!1),onGetCodeClick:O=>d?.(O)}}):null})};exports.default=b;

package/dist/VendorACHDetailsPage-BNwcVdOE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./vendor-.pnpm-B6vI-hvj.cjs"),f=require("react"),p=require("./ACHDetailsPage-BX1Ju9LN.cjs"),g=({vendorViewDetails:e,bankAccountContext:t,isDisabled:s,onSaveHandler:o,onACHDetailsUpdated:u,onBackClick:a,onFetchBankName:n})=>{const{bankAccountCreationState:r,bankNameByRouting:S,bankAccountToCreate:d,fetchBankNameByRoutingStatus:i}=e;return f.useEffect(()=>{(t==="vendor"&&r?.fetchState==="Completed"||e.editVendorState?.saveStatus.fetchState==="Completed"&&t!=="express-pay")&&a()},[r,e.editVendorState?.saveStatus.fetchState,t,a]),c.jsxRuntimeExports.jsx(p.ACHDetailsPage,{bankAccountToCreate:d,bankAccountCreationState:r,bankNameByRouting:S,fetchBankNameByRoutingStatus:i,isDisabled:s,onSaveHandler:o,onACHDetailsUpdated:u,onBackClick:a,onFetchBankName:n})};exports.default=g;

package/dist/VendorACHDetailsPage-DHfHuMBC.js

@@ -0,0 +1,43 @@
+import { j as d } from "./vendor-.pnpm-DxbX2tX4.js";
+import { useEffect as n } from "react";
+import { A as i } from "./ACHDetailsPage-DV4OB7NM.js";
+const j = ({
+  vendorViewDetails: t,
+  bankAccountContext: e,
+  isDisabled: r,
+  onSaveHandler: o,
+  onACHDetailsUpdated: f,
+  onBackClick: a,
+  onFetchBankName: m
+}) => {
+  const {
+    bankAccountCreationState: s,
+    bankNameByRouting: p,
+    bankAccountToCreate: u,
+    fetchBankNameByRoutingStatus: S
+  } = t;
+  return n(() => {
+    (e === "vendor" && s?.fetchState === "Completed" || t.editVendorState?.saveStatus.fetchState === "Completed" && e !== "express-pay") && a();
+  }, [
+    s,
+    t.editVendorState?.saveStatus.fetchState,
+    e,
+    a
+  ]), /* @__PURE__ */ d.jsx(
+    i,
+    {
+      bankAccountToCreate: u,
+      bankAccountCreationState: s,
+      bankNameByRouting: p,
+      fetchBankNameByRoutingStatus: S,
+      isDisabled: r,
+      onSaveHandler: o,
+      onACHDetailsUpdated: f,
+      onBackClick: a,
+      onFetchBankName: m
+    }
+  );
+};
+export {
+  j as default
+};

package/dist/VendorDetailPage-CXzIS8W0.cjs

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