@zeniai/web-components 3.17.12 → 3.17.14

package/dist/VendorFirstReviewPage-CewbycV_.cjs

@@ -0,0 +1,730 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),S=require("react"),o=require("@emotion/styled"),ve=require("@zeniai/client-analytics"),ot=require("@zeniai/client-epic-state"),t=require("./index-DHSetD4K.cjs"),We=require("@emotion/react"),Rt=require("react-dom"),wt=require("./Menu-sBX4tD9k.cjs"),st=({steps:e})=>{const r=t.useWindowSizeContext();return n.jsxRuntimeExports.jsx(ft,{windowSize:r,children:e.map((c,d)=>n.jsxRuntimeExports.jsxs(jt,{children:[n.jsxRuntimeExports.jsx($t,{children:d!==e.length-1?d+1:n.jsxRuntimeExports.jsx(yt,{})}),n.jsxRuntimeExports.jsx(Et,{children:c}),d<e.length-1?n.jsxRuntimeExports.jsx(bt,{}):null]},`step_${d}`))})},jt=o.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,ft=o.div`
+  width: 100%;
+  margin-top: ${t.Space.sp4};
+`,bt=o.div`
+  top: ${t.Space.sp2};
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  left: ${t.Space.sp3};
+  width: 2px;
+  background: ${e=>e.theme.colors.grey2};
+`,$t=o.div`
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: 50%;
+  z-index: 1;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: ${t.FontWeight.bold};
+  color: ${e=>e.theme.colors.hero};
+`,Et=o.div`
+  padding-bottom: ${t.Space.sp4};
+  margin-left: ${t.Space.sp6};
+`,yt=o(t.SvgLike)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,y=t.appLocale.getLocalizedStrings(),Ct=()=>n.jsxRuntimeExports.jsx(st,{steps:[Vt(),kt(),It(),Mt(),Tt()]}),Vt=()=>{const e=y.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step1;return n.jsxRuntimeExports.jsxs(ye,{children:[e.navigateTo,n.jsxRuntimeExports.jsx(xe,{children:e.expenses}),e.andSelectThe,n.jsxRuntimeExports.jsx(xe,{children:e.vendors}),e.tab]})},kt=()=>{const e=y.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step2;return n.jsxRuntimeExports.jsxs(ye,{children:[e.lineText,n.jsxRuntimeExports.jsxs(xe,{children:[n.jsxRuntimeExports.jsx(it,{}),y.common.edit]}),e.andCopy,n.jsxRuntimeExports.jsxs(Nt,{children:[n.jsxRuntimeExports.jsx(Ot,{}),n.jsxRuntimeExports.jsx(qe,{children:e.company}),y.common.and,n.jsxRuntimeExports.jsx(qe,{children:e.display}),y.common.texts.name.toLowerCase(),y.common.strings.space,n.jsxRuntimeExports.jsx(zt,{})]})]})},It=()=>{const e=y.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step3;return n.jsxRuntimeExports.jsxs(ye,{children:[e.goBackTo,n.jsxRuntimeExports.jsx(xe,{children:y.common.headers.vendors}),e.lineText,n.jsxRuntimeExports.jsxs(xe,{children:[n.jsxRuntimeExports.jsx(it,{}),y.common.edit]})]})},Mt=()=>{const e=y.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step4;return n.jsxRuntimeExports.jsx(ye,{children:e.lineText})},Tt=()=>{const e=y.vendorReview.firstReview.popupMessages.mergeInQBOSteppedContent.step5;return n.jsxRuntimeExports.jsxs(ye,{children:[y.common.texts.select,y.common.strings.space,n.jsxRuntimeExports.jsx(xe,{children:y.common.footer.save}),e.andThen,n.jsxRuntimeExports.jsx(xe,{children:y.common.yes}),y.common.strings.space,y.common.to,y.common.texts.confirm.toLowerCase(),y.common.strings.dot]})},ye=o(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.hero};
+`,Nt=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+`,it=o(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,Ot=o(t.SvgTickRoundFill)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  vertical-align: middle;
+  margin-right: ${t.Space.sp2};
+  color: ${t.Colors.success};
+`,zt=o(t.SvgCopy)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-left: ${t.Space.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xe=o(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  padding: ${t.Space.sp1} ${t.Space.sp2};
+  align-items: center;
+  justify-content: center;
+`,qe=o(t.StandardMediumSp)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: ${t.Space.sp1};
+  margin-right: ${t.Space.sp1};
+`,Q=t.appLocale.getLocalizedStrings(),Pt=()=>n.jsxRuntimeExports.jsx(st,{steps:[Lt(),Ft(),At(),_t(),Bt(),Ht(),Wt(),Dt(),Ut(),Gt()]}),Lt=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step1;return n.jsxRuntimeExports.jsxs(K,{children:[e.goTo,n.jsxRuntimeExports.jsx(O,{children:e.lists}),e.then,n.jsxRuntimeExports.jsx(O,{children:e.relationships}),e.then2,n.jsxRuntimeExports.jsx(O,{children:e.vendors})]})},Ft=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step2;return n.jsxRuntimeExports.jsxs(K,{children:[e.click,n.jsxRuntimeExports.jsxs(O,{children:[n.jsxRuntimeExports.jsx(qt,{}),e.edit]}),e.next,n.jsxRuntimeExports.jsx(O,{children:e.vendor}),e.sourceInfo]})},At=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step3;return n.jsxRuntimeExports.jsxs(K,{children:[e.onThe,n.jsxRuntimeExports.jsx(O,{children:e.vendor}),e.page,n.jsxRuntimeExports.jsx(O,{children:e.actions}),e.click,n.jsxRuntimeExports.jsx(O,{children:e.merge})]})},_t=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step4;return n.jsxRuntimeExports.jsxs(K,{children:[e.onThe,n.jsxRuntimeExports.jsx(O,{children:e.mergeVendor}),e.endText]})},Bt=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step5;return n.jsxRuntimeExports.jsx(K,{children:e.text})},Ht=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step6;return n.jsxRuntimeExports.jsxs(K,{children:[e.click,n.jsxRuntimeExports.jsx(O,{children:e.merge}),e.text,n.jsxRuntimeExports.jsx(O,{children:e.ok})]})},Wt=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step7;return n.jsxRuntimeExports.jsxs(K,{children:[e.onThe,n.jsxRuntimeExports.jsx(O,{children:e.duplicateResolution}),e.text]})},Dt=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step8;return n.jsxRuntimeExports.jsxs(K,{children:[e.click,n.jsxRuntimeExports.jsx(O,{children:e.refresh}),e.processText,n.jsxRuntimeExports.jsx(O,{children:e.cancel}),e.haltText]})},Ut=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step9;return n.jsxRuntimeExports.jsxs(K,{children:[e.the,n.jsxRuntimeExports.jsx(O,{children:e.status}),e.text]})},Gt=()=>{const e=Q.vendorReview.firstReview.popupMessages.mergeInNetSuiteSteppedContent.step10;return n.jsxRuntimeExports.jsxs(K,{children:[e.text,n.jsxRuntimeExports.jsx(Qt,{})]})},K=o(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.hero};
+`,qt=o(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  padding: 2px;
+  vertical-align: middle;
+`,Qt=o(t.SvgTickRoundFill)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  vertical-align: middle;
+  margin-right: ${t.Space.sp2};
+  color: ${t.Colors.success};
+`,O=o(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp1};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.background};
+  padding: ${t.Space.sp1} ${t.Space.sp2};
+  align-items: center;
+  justify-content: center;
+`,F={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),vendorsContainerWidth:new t.ResponsiveSized(25,25),recommendedContainerWidth:new t.ResponsiveSized(20,20),retainedContainerWidth:new t.ResponsiveSized(25,25),statusContainerWidth:new t.ResponsiveSized(10,10),invoiceContainerWidth:new t.ResponsiveSized(5,5),logoToValueGap:new t.ResponsiveSized(t.sp[2],t.sp[2]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},Kt=()=>{const e=t.useWindowSizeContext();return n.jsxRuntimeExports.jsx(Xt,{windowSize:e,children:n.jsxRuntimeExports.jsx(Jt,{children:n.jsxRuntimeExports.jsxs(Yt,{children:[n.jsxRuntimeExports.jsxs($e,{windowSize:e,width:F.vendorsContainerWidth,gap:F.logoToValueGap,children:[n.jsxRuntimeExports.jsx(t.CircularContentLoader,{width:t.sp[6],height:t.sp[6]}),n.jsxRuntimeExports.jsx(Ee,{windowSize:e,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:120,height:t.sp[4]})})]}),n.jsxRuntimeExports.jsx($e,{windowSize:e,width:F.invoiceContainerWidth,children:n.jsxRuntimeExports.jsx(Ee,{windowSize:e,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:120,height:t.sp[4]})})}),n.jsxRuntimeExports.jsx($e,{windowSize:e,width:F.recommendedContainerWidth,children:n.jsxRuntimeExports.jsx(Ee,{windowSize:e,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:120,height:t.sp[4]})})}),n.jsxRuntimeExports.jsx($e,{windowSize:e,width:F.retainedContainerWidth,children:n.jsxRuntimeExports.jsx(Ee,{windowSize:e,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:120,height:t.sp[4]})})}),n.jsxRuntimeExports.jsx($e,{windowSize:e,width:F.statusContainerWidth,children:n.jsxRuntimeExports.jsx(Ee,{windowSize:e,children:n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:120,height:t.sp[4]})})})]})})})},Xt=o.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>F.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>F.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>F.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>F.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.sp2};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .entity-icon {
+      color: ${e=>e.theme.colors.grey5};
+    }
+  }
+  margin-right: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  align-items: center;
+`,Jt=o.div`
+  display: block;
+  width: 100%;
+`,Yt=o.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,$e=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.gap?.valuePx(e.windowSize)};
+  width: ${e=>e.width.valuePercentage(e.windowSize)};
+  :last-of-type {
+    padding-right: 0;
+  }
+`,Ee=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: ${e=>F.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  display: "inline-block";
+  margin-right: ${t.Space.sp4};
+`,Zt=88,en=156,rt=58,tn=45,De=t.appLocale.getLocalizedStrings(),Oe=De.vendors.reviewVendorList.header,lt={key:"vendor",value:Oe.vendors,sortOrder:"ascending",width:25},dt={key:"updateTo",value:Oe.updateTo,sortOrder:"ascending",width:27},nn={key:"retain",value:Oe.retain,sortOrder:"ascending",width:20},at={key:"status",value:Oe.status,sortOrder:"ascending",width:10},on={key:"action",value:De.common.strings.empty,sortOrder:"ascending",width:15},sn={key:"viewTenantInvoice",value:De.common.strings.empty,sortOrder:"ascending",width:t.sp[1]},rn=[lt,sn,dt,nn,at,on],Qe=[lt.key,dt.key,at.key],Be={sortKey:"ytd",sortOrder:"descending"},Re={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerHeight:new t.ResponsiveSized(tn,rt)},ct=({sortConfig:e,disableClick:r=!1,onColumnSortConfigChanged:c})=>{const d=t.useWindowSizeContext(),[s,$]=S.useState(rn);S.useEffect(()=>{const m=[...s];for(const E of m)E.key===e.sortKey?E.sortOrder=e.sortOrder:E.sortOrder="ascending";$(m)},[e.sortKey,e.sortOrder]);const w=(m,E)=>{let z=E;e.sortKey===m&&(z=E==="ascending"?"descending":"ascending"),c(m,z)},I=m=>{r===!1&&m.key!=null&&Qe.includes(m.key)&&w(ot.toVendorFirstReviewViewColumnKeyType(m.key),m.sortOrder)};return n.jsxRuntimeExports.jsx(ln,{windowSize:d,children:s.map(m=>n.jsxRuntimeExports.jsxs(dn,{sortDataValue:e.sortKey,actualDataValue:m.key,wrapperWidth:m.width,isClickDisabled:r,windowSize:d,children:[n.jsxRuntimeExports.jsx(mn,{onClick:()=>I(m),isClickDisabled:r,isSortingDisabled:m.key==="retain","data-testid":t.generateDataTestId("vendor-first-review-page-header-name-wrapper"),children:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[m.key==="updateTo"?n.jsxRuntimeExports.jsx(un,{children:n.jsxRuntimeExports.jsx(xn,{})}):null,n.jsxRuntimeExports.jsx(t.SmallRegular,{children:m.value}),Qe.includes(m.key)?n.jsxRuntimeExports.jsx(cn,{sortConfig:e,headerdata:m,children:n.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{width:12,height:12})}):null]})}),n.jsxRuntimeExports.jsx(pn,{isClickDisabled:r,sortDataValue:e.sortKey,isVisible:e.sortKey===m.key&&m.key!==Be.sortKey,children:n.jsxRuntimeExports.jsx(an,{onClick:()=>{r===!1&&w(Be.sortKey,Be.sortOrder)},"data-testid":t.generateDataTestId("vendor-first-review-page-header-sort-cancel-icon")})})]},m.key))})},ln=o.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  min-height: ${e=>Re.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Re.headerHeight.valuePx(e.windowSize)};
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${Re.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Re.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Re.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Re.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,dn=o.div`
+  color: ${e=>e.isClickDisabled?e.theme.colors.grey1:e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+
+  width: ${e=>`${e.wrapperWidth}%`};
+  max-width: ${e=>`${e.wrapperWidth}%`};
+  padding-left: ${t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  left: ${t.Space.sp0};
+  justify-content: flex-start;
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,an=o(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+`,cn=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
+`,pn=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+  cursor: ${e=>e.isClickDisabled===!0?"not-allowed":"pointer"};
+  &:hover {
+    color: ${e=>e.isClickDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,mn=o.div`
+  display: flex;
+  cursor: ${e=>e.isClickDisabled===!0?"not-allowed":e.isSortingDisabled===!0?"auto":"pointer"};
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.isClickDisabled||e.isSortingDisabled?e.theme.colors.grey1:e.theme.colors.primary};
+  }
+`,un=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,xn=o(t.SvgAutofill1)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,hn=({sortConfig:e,onColumnSortConfigChanged:r})=>{const c=t.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(gn,{windowSize:c,children:[n.jsxRuntimeExports.jsx(ct,{sortConfig:e,disableClick:!0,onColumnSortConfigChanged:r}),n.jsxRuntimeExports.jsx(Sn,{windowSize:c,children:[...Array(7)].map((d,s)=>n.jsxRuntimeExports.jsx(Kt,{},s))})]})},gn=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,Sn=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,se={autocompleteEmptyPaddingTop:new t.ResponsiveSized(0,t.sp[1]),autocompleteEmptyPaddingBottom:new t.ResponsiveSized(0,t.sp[1]),loadingStateOptionTopMargin:new t.ResponsiveSized(9.5,9.5),loadingStateOptionBottomMargin:new t.ResponsiveSized(9.5,9.5),loadingStateOptionLeftMargin:new t.ResponsiveSized(16,16),loadingStateOptionRightMargin:new t.ResponsiveSized(19,19),loadingStateOptionRowGap:new t.ResponsiveSized(19,19),loadingStateRowGap:new t.ResponsiveSized(10,10)},vn={selectFieldInput:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},Rn=({name:e,registerOptions:r,menuIsOpen:c,defaultValue:d,isDisabled:s,style:$,placeholder:w,customStyleConfig:I,showDownChevronWithValue:m,isOptionRemovable:E=!0,autoFocus:z=!1,getRenameOptionText:ee,onClickRenameOption:X,onMenuClose:v,valueToInfo:W,valueToId:J,loadOptions:P})=>{const{control:Ce,formState:{errors:he}}=n.useFormContext(),ge=n.useTheme(),[ie,L]=S.useState(null),B=n.has(he,e),fe=S.useCallback(u=>({value:u.value,label:u.label,info:W?.(u.value)??"",id:J?.(u.value)??null,isDisabled:u.isDisabled,isOptionRecommended:u.isOptionRecommended}),[W,J]),Y=u=>u.map(j=>({label:j.label,options:j.options.map(H=>fe(H))})),b=u=>{if(u==null||!u)return;let j=[];return d.defaultOptions.forEach(H=>{j=j.concat(H.options)}),{value:u,label:j.find(H=>H.value===u)?.label??u,info:W?.(u)??""}},Se=u=>{L(u)},D={...I,container:u=>({...u,width:"100%",...$}),valueContainer:(u,j)=>({...u,justifyContent:j.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...I?.valueContainer?.(u,j)}),menu:u=>({...u,backgroundColor:ge.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${ge.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:u=>({...u,borderRadius:t.Space.sp1})},k={hasError:B,showDownChevronWithValue:m,customFirstGroup:ie,updateCustomFirstGroup:Se,getRenameOptionText:ee,onClickRenameOption:X},C=t.appLocale.getLocalizedStrings().autoComplete,A=t.useWindowSizeContext(),h=u=>u.inputValue.trim().length<2?null:n.jsxRuntimeExports.jsxs(Jn,{windowSize:A,children:[n.jsxRuntimeExports.jsx(Yn,{}),n.jsxRuntimeExports.jsx(Zn,{children:C.input.noMatches})]}),te=(u,j)=>{P(u,j)},re=S.useRef(n.debounce((u,j)=>te(u,j),500,{trailing:!0})).current,U=(u,j)=>{if(u.trim().length<2)return j([]);re(u,j)};return n.jsxRuntimeExports.jsx(n.Controller,{name:e,control:Ce,defaultValue:d,rules:r,render:({field:{onChange:u,onBlur:j,value:H,ref:le}})=>{const G=H;return n.jsxRuntimeExports.jsx(n.AsyncSelect$1,{...k,menuIsOpen:c,autoFocus:z,ref:le,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:w,noOptionsMessage:h,value:b(G.selectedOption),defaultOptions:Y(G.defaultOptions),loadOptions:U,onChange:ne=>{ne==null||ne.value!=null&&G?.selectedOption===ne.value?E===!0&&u({selectedOption:void 0,defaultOptions:G.defaultOptions}):u({selectedOption:ne.value,defaultOptions:G.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,onMenuClose:v,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:j,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:wn,Option:Vn,Input:fn,Group:$n,GroupHeading:En,SingleValue:yn,ValueContainer:jn,MenuList:bn,LoadingIndicator:oo,DropdownIndicator:eo,IndicatorSeparator:to,Placeholder:Cn,ClearIndicator:no},hideSelectedOptions:!1,styles:D,isDisabled:s!=null})}})},wn=e=>{const{menuIsOpen:r,isFocused:c,isDisabled:d,selectProps:s,options:$}=e,{value:w,hasError:I}=s;let m=[];$.forEach(z=>{m=m.concat(z.options)});const E=t.useWindowSizeContext();return n.jsxRuntimeExports.jsx(Nn,{windowSize:E,menuIsOpen:r,isFocused:c,isDisabled:d,selectedValue:w,hasError:I,children:n.jsxRuntimeExports.jsx(n.components.Control,{...e,className:"select-control",children:e.children})})},jn=e=>{const{selectProps:r,children:c}=e,{showDownChevronWithValue:d}=r;return n.jsxRuntimeExports.jsxs(n.components.ValueContainer,{...e,className:"select-value-container",children:[c,d===!0?n.jsxRuntimeExports.jsx(t.StandardRegular,{children:n.jsxRuntimeExports.jsx(On,{})}):null]})},fn=e=>{const{selectProps:r}=e,{placeholder:c,value:d}=r;return n.jsxRuntimeExports.jsx(n.components.Input,{...e,autoComplete:"off",placeholder:d==null?c:void 0,children:e.children})},bn=e=>{const{children:r,selectProps:c}=e,{customFirstGroup:d,updateCustomFirstGroup:s,getRenameOptionText:$,onClickRenameOption:w}=c,I=t.useWindowSizeContext(),m=$?.(e.selectProps.inputValue);return S.useEffect(()=>{d==null&&s(r[0])},[d,s,r]),n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.isLoading===!0?n.jsxRuntimeExports.jsxs(n.components.MenuList,{...e,children:[d,n.jsxRuntimeExports.jsx(Wn,{windowSize:I,children:[...Array(2)].map((E,z)=>n.jsxRuntimeExports.jsxs(Dn,{windowSize:I,children:[n.jsxRuntimeExports.jsx(t.CircularContentLoader,{width:t.sp[4],height:t.sp[4]}),n.jsxRuntimeExports.jsx(t.RectangularContentLoader,{width:218,height:t.sp[4]})]},z))})]}):n.jsxRuntimeExports.jsxs(n.components.MenuList,{...e,children:[r,m!=null&&m.length>0?n.jsxRuntimeExports.jsxs(Un,{onClick:()=>{w?.(e.selectProps.inputValue)},children:[n.jsxRuntimeExports.jsx(qn,{children:n.jsxRuntimeExports.jsx(Gn,{})}),n.jsxRuntimeExports.jsx(Qn,{children:m})]}):null]})})},$n=e=>n.jsxRuntimeExports.jsx(n.components.Group,{...e,children:e.children}),En=e=>{const[r,c]=S.useState(!0);return n.jsxRuntimeExports.jsx(_n,{className:"group-heading-container",isGroupOpen:r,onClick:()=>c(!r),children:n.jsxRuntimeExports.jsxs(n.components.GroupHeading,{...e,children:[n.jsxRuntimeExports.jsx(Bn,{isGroupOpen:r,children:n.jsxRuntimeExports.jsx(Hn,{className:"close-tick-icon"})}),e.children]})})},yn=({children:e,...r},c)=>{const d=c==null||r.selectProps.menuIsOpen===!0?e:c.sticky===!0?n.jsxRuntimeExports.jsx(kn,{title:c.text,children:e}):n.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:t.Space.sp3},title:c.text,placement:"top",children:e});return n.jsxRuntimeExports.jsx(n.components.SingleValue,{...r,children:d})},Cn=()=>null,Vn=e=>{const{data:r,isSelected:c,isDisabled:d,isFocused:s}=e;return n.jsxRuntimeExports.jsx(zn,{className:"select-option-wrapper",isFocused:s,isSelected:c,isDisabled:d,isOptionRecommended:r.isOptionRecommended===!0,showBottomBorder:r.info==null||r.isOptionRecommended===!1,children:n.jsxRuntimeExports.jsx(n.components.Option,{...e,className:"select-option",children:n.jsxRuntimeExports.jsxs(Pn,{isOptionRecommended:r.isOptionRecommended,children:[r.isOptionRecommended===!0?n.jsxRuntimeExports.jsx(Kn,{children:n.jsxRuntimeExports.jsx(Xn,{})}):null,n.jsxRuntimeExports.jsxs(An,{isSelected:c,isOptionRecommended:r.isOptionRecommended,children:[n.jsxRuntimeExports.jsx(Ln,{isSelected:c,isDisabled:d,children:r.label}),r.isOptionRecommended===!0&&r.info!=null?n.jsxRuntimeExports.jsx(Fn,{isSelected:c,isDisabled:d,children:r.info}):null]})]})})})},kn=({children:e,title:r})=>n.jsxRuntimeExports.jsxs(In,{children:[n.jsxRuntimeExports.jsxs(Mn,{children:[r,n.jsxRuntimeExports.jsx(Tn,{})]}),e]}),In=o.div`
+  position: relative;
+  display: none;
+`,Mn=o.div`
+  position: absolute;
+  background: ${t.lightColors.primary};
+  color: ${t.lightColors.grey5};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp1};
+  top: -60px;
+  right: 20px;
+  opacity: 0.85;
+  pointer-events: none;
+`,Tn=o.span`
+  position: absolute;
+  top: 55px;
+  left: 85%;
+  border-width: ${t.Space.sp2};
+  border-style: solid;
+  border-color: ${t.lightColors.primary} transparent transparent transparent;
+`,Nn=o.span`
+  width: calc(100% - ${t.Space.sp4});
+  background-color: ${e=>e.hasError?t.Colors.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
+  border-radius: ${t.Space.sp1};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${t.Space.sp6};
+    background-color: inherit;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?t.Colors.importantLight:e.theme.colors.background};
+      border-color: none;
+    }
+    box-shadow: none;
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+  }
+
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: "flex-start";
+    .auto-complete-grouped-single-select-field__single-value {
+      display: flex;
+      color: ${e=>e.hasError?t.Colors.important:e.theme.colors.primary};
+      ${e=>`${vn.selectFieldInput.style(e.windowSize)}`};
+    }
+
+    .auto-complete-grouped-single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.Space.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${t.textStyles.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${t.Space.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError?t.Colors.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+
+  ~ .auto-complete-grouped-single-select-field__menu {
+    margin-top: ${t.Space.sp3};
+    width: 125%;
+  }
+`,On=o(t.SvgArrowFilledBottom)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.hero};
+  padding-right: 12px;
+`,zn=o.div`
+  height: ${e=>e.isOptionRecommended===!0?t.Space.sp8:t.Space.sp6};
+  &:hover {
+    background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+  }
+  .select-option {
+    ${t.textStyles.smallRegular.css};
+    height: ${e=>e.isOptionRecommended===!0?t.Space.sp8:"auto"};
+    padding: 9px ${t.Space.sp3};
+    color: ${e=>e.isSelected||e.isOptionRecommended?e.theme.colors.primary:e.theme.colors.hero};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey5};
+    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
+
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+    .close-tick-icon {
+      display: none;
+    }
+    &:hover {
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,Pn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: ${e=>e.isOptionRecommended===!0?t.Space.sp1:t.Space.sp0};
+  height: ${e=>e.isOptionRecommended===!0?t.Space.sp5:"auto"};
+`,Ln=o(t.SmallRegular)`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  ${e=>e.isSelected&&"cursor: default"};
+`,Fn=o(t.ExtraSmallRegular)`
+  padding-right: 10px;
+  color: ${e=>e.theme.colors.grey1};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,An=o.div`
+  width: ${e=>e.isSelected?`calc(100% - ${t.Space.sp3})`:"100%"};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,_n=o(t.SmallMedium)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  margin-bottom: ${t.Space.sp1};
+  ~ div .select-option-wrapper {
+    display: ${e=>e.isGroupOpen?"flex":"none"};
+  }
+  .auto-complete-grouped-single-select-field__group-heading {
+    display: flex;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    color: inherit;
+    text-transform: capitalize;
+    cursor: pointer;
+    padding: 0 ${t.Space.sp3};
+    margin-bottom: ${t.Space.sp0};
+    width: 100%;
+  }
+`,Bn=o.div`
+  display: flex;
+  margin-right: ${t.Space.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+  align-items: center;
+`,Hn=o(t.SvgArrowBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Wn=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>se.loadingStateOptionRowGap.valuePx(e.windowSize)};
+  margin: ${e=>`${se.loadingStateOptionTopMargin.valuePx(e.windowSize)} ${se.loadingStateOptionRightMargin.valuePx(e.windowSize)} ${se.loadingStateOptionBottomMargin.valuePx(e.windowSize)} ${se.loadingStateOptionLeftMargin.valuePx(e.windowSize)}`};
+`,Dn=o.div`
+  display: flex;
+  column-gap: ${e=>se.loadingStateRowGap.valuePx(e.windowSize)};
+`,Un=o.div`
+  display: flex;
+  align-items: flex-start;
+  padding: 9px ${t.Space.sp3};
+  cursor: pointer;
+  border-top: none;
+  column-gap: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    border-color: none;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Gn=o(t.SvgEditRound)`
+  height: 20px;
+  width: 20px;
+`,qn=o.div`
+  display: flex;
+  width: ${t.Space.sp3};
+  align-items: center;
+`,Qn=o(t.SmallRegular)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,Kn=o.div`
+  margin-right: ${t.Space.sp2};
+  margin-bottom: 12px;
+`,Xn=o(t.SvgAutofill1)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Jn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: ${e=>se.autocompleteEmptyPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${t.Space.sp3};
+  padding-bottom: ${e=>se.autocompleteEmptyPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${t.Space.sp0};
+`,Yn=o(t.SvgQueryRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  margin: ${t.Space.sp3} ${t.Space.sp3} ${t.Space.sp3} ${t.Space.sp0};
+  color: ${e=>e.theme.colors.hero};
+  overflow: visible;
+`,Zn=o(t.SmallRegular)`
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-all;
+`,eo=()=>null,to=()=>null,no=()=>null,oo=()=>null,Ue=(e,r,c,d,s)=>{const $=t.appLocale.getLocalizedStrings().vendorReview.firstReview,w=[];return c.length>0&&w.push({label:$.vendorDropdown.recommendedVendor,options:[]}),c.forEach(m=>{w[0].options.push({label:m.globalMerchantName,value:m.globalMerchantId??m.globalMerchantName,isVisible:!0,isDisabled:r,info:m.reason,isOptionRecommended:!0})}),w.length&&w[0].options.length===0&&w.pop(),w.push({label:$.vendorDropdown.allVendors,options:e.map(m=>({label:m.globalMerchantName,value:m.globalMerchantId,isVisible:!0}))}),d!=null&&w[w.length-1].options.push({label:d.name,value:d.id,isVisible:!1,isDisabled:r}),s!=null&&w[w.length-1].options.push({label:s.name,value:s.id,isVisible:!1}),w},N={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),nameLogoWidth:new t.ResponsiveSized(t.sp[6],t.sp[6]),nameLogoHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),logoToValueGap:new t.ResponsiveSized(t.sp[2],t.sp[2]),logoHeightAndWidth:new t.ResponsiveSized(t.sp[3],t.sp[4]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},{common:_,vendorReview:{firstReview:ue}}=t.appLocale.getLocalizedStrings(),so=({analytics:e,authParams:r,attachmentEndpoint:c,sectionId:d,rowData:s,searchAutoComplete:$,setCurrentVendorInAction:w,onClickRenameOption:I,onVendorNameClick:m,onClickSave:E,onClickCancel:z,onClearGlobalMerchantAutoCompleteResults:ee})=>{const X=n.useTheme(),v=t.useWindowSizeContext(),W=t.useGlobalInfoContext(),[J,P]=S.useState(!1),[Ce,he]=S.useState(0),[ge,ie]=S.useState(!1),{globalMerchantAutoCompleteView:L}=$.autoCompleteData,B=s.currentSelection!=null,[fe,Y]=S.useState(!1),{transactionAttachments:b}=s,[Se,D]=S.useState([]),[k,C]=S.useState(null),[A,h]=S.useState(0),[te,re]=S.useState(0),[U,u]=S.useState(0),j=l=>{u(l),Y(!0),de(b[l]),C(Se[l])};function H(l){h(l.targetTouches[0].clientX)}function le(l){re(l.targetTouches[0].clientX)}function G(l){return l<0?b.length+l:l%b.length}function ne(){A-te>50&&te!==0&&U<b.length-1?(j(G(U+1)),h(0),re(0)):A-te<-50&&te!==0&&U>0&&(j(G(U-1)),h(0),re(0))}const[be,de]=S.useState(b[0]),ze=()=>{Y(!1),C(null),D([]),b.length>0&&de(b[0])},Pe=()=>{D([]),he(l=>{const R=l<b.length-1?l+1:0;return Ie(s.vendorId,R),R})},Le=()=>{D([]),he(l=>{const R=l>0?l-1:b.length-1;return Ie(s.vendorId,R),R})},Ve=b.length===0,ke=b.map(l=>l.id),Ie=(l,R)=>{Y(!0);async function T(oe){return await t.initiateAttachmentDownload(c,r,oe)}const pe=[ke[R]];T({vendorId:l,attachmentIds:pe}).then(oe=>{D(oe),de(b[R]),b.length>0&&C(oe[0])})},Fe=l=>{Y(!0);async function R(T){return await t.initiateAttachmentDownload(c,r,T)}R({vendorId:l,attachmentIds:ke}).then(T=>{D(T),b.length>0&&C(T[0])})},Me=S.useMemo(()=>s.currentSelection==="customMerchant"&&s.selectedVendor.id!=null&&s.selectedVendor.name!=null?{id:s.selectedVendor.id,name:s.selectedVendor.name}:void 0,[s]),ae=s.status.code==="under_review"||s.saveStatus.fetchState==="In-Progress",ce=s.status.code==="merge_in_qbo"||s.status.code==="merge_in_netsuite",M=ce||ae,Ae=l=>{let R=l.websiteUrl?.toString();if(R){if(R.includes("http")||(R="https://".concat(R)),s.currentVendor!=null){const T=l?.globalMerchantName??null;e.trackVendorReviewWebsiteOpened({reviewSource:"tenant_review",vendorName:s.currentVendor.name,wasRecommendationAvailable:!!T,recommendedVendorName:T,recommendedVendorReason:l.reason??null,vendorWebsite:R})}window.open(R,"_blank")}},i=s.currentVendor!=null?{label:{label:s.currentVendor?.name,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:t.subFieldUniqueName(d,t.currentSelection,"retain"),defaultChecked:s.currentSelection==="retain"},tooltipProps:{text:s.currentVendor?.name},isDisabled:M}:void 0,x=S.useCallback(l=>l.logo!=null?n.jsxRuntimeExports.jsxs(go,{children:[n.jsxRuntimeExports.jsx(t.EntityLogoAvatarWithCustomFallback,{photoUrl:l.logo.toString(),styles:{width:N.logoHeightAndWidth.valuePx(v),height:N.logoHeightAndWidth.valuePx(v)},placeholder:{width:N.logoHeightAndWidth.value(v),height:N.logoHeightAndWidth.value(v)},fallbackAvatar:n.jsxRuntimeExports.jsx(He,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:l.globalMerchantName,size:N.logoHeightAndWidth.valuePx(v)})})}),n.jsxRuntimeExports.jsx(me,{windowSize:v,isLastItem:!1,children:n.jsxRuntimeExports.jsx(tt,{children:l.globalMerchantName})})]}):n.jsxRuntimeExports.jsx(me,{windowSize:v,isLastItem:!1,children:n.jsxRuntimeExports.jsx(tt,{children:l.globalMerchantName})}),[v]),g=s.recommendations.map((l,R)=>{const T=x(l),oe=`recommended${t.mapIndexToString(R)}`;return{label:{label:T,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:t.subFieldUniqueName(d,t.currentSelection,oe),defaultChecked:s.currentSelection===oe},tooltipProps:{text:l.websiteUrl?.toString().length?n.jsxRuntimeExports.jsx(io,{recommendation:l,onRedirectionToRecommendedMerchantWebsiteUrl:()=>Ae(l)}):l.globalMerchantName,maxWidth:"360px"},isDisabled:M,fieldName:oe}}),a=S.useMemo(()=>({defaultOptions:Ue(L.globalMerchants,ce,s.recommendations,s.currentVendor,Me),selectedOption:s.selectedVendor.id}),[L,s,Me,ce]),p=()=>{P(!1),ee()},f=l=>{const R=s.currentVendor?.name,T=[...L.globalMerchants.map(pe=>pe.globalMerchantName),...s.recommendations.map(pe=>pe.globalMerchantName)];return s.currentVendor==null||T.includes(l)||R===l?null:l.trim().length>0?ue.vendorDropdown.fromOldName.replace("__old_name__",R??"")+" "+ue.vendorDropdown.toNewName.replace("__new_name__",l??""):null},q=l=>{l.stopPropagation(),E(s.vendorId)},_e=l=>{l.stopPropagation(),z(d)},mt=l=>{l.stopPropagation(),P(!0)},ut=()=>{s.selectedVendor.id!=null&&s.vendorQboId!=null&&m(s.vendorId,s.vendorQboId)},xt=l=>{s.selectedVendor.id!=null&&I(s.selectedVendor.id,l),P(!1)},ht=(l,R)=>{w(s.vendorId),$.loadOptions(l,R)},gt=l=>s.recommendations.find(T=>T.globalMerchantId===l||T.globalMerchantName===l)?.reason??"",St=()=>{E(s.vendorId,!0)},vt=()=>{E(s.vendorId,!1,!0)};return n.jsxRuntimeExports.jsxs(lo,{windowSize:v,isDisabled:ae,isRowActive:B,children:[n.jsxRuntimeExports.jsx(we,{windowSize:v,width:25,isDisabled:ae,gap:N.logoToValueGap,children:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:J===!0?n.jsxRuntimeExports.jsx(n.ClickAwayListener,{onClickAway:p,children:n.jsxRuntimeExports.jsx(uo,{windowSize:v,children:n.jsxRuntimeExports.jsx(Rn,{name:t.subFieldUniqueName(d,t.selectedVendor),placeholder:_.strings.empty,defaultValue:a,autoFocus:!0,customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start",margin:`${t.Space.sp0} ${t.Space.sp3}`}),singleValue:()=>({display:"flex",alignItems:"center",color:X.colors.hero,"&:hover":{color:X.colors.primary}})},style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:"20px",cursor:"inherit",alignItems:"center"},valueToInfo:gt,menuIsOpen:J,getRenameOptionText:f,onMenuClose:p,loadOptions:ht,isOptionRemovable:!1,onClickRenameOption:xt})})}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[s.selectedVendor?.logo!=null&&s.selectedVendor.name!=null?n.jsxRuntimeExports.jsx(t.EntityLogoAvatarWithCustomFallback,{photoUrl:s.selectedVendor.logo.toString(),styles:{width:N.nameLogoWidth.valuePx(v),height:N.nameLogoHeight.valuePx(v)},fallbackAvatar:n.jsxRuntimeExports.jsx(He,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:s.selectedVendor.name,size:t.Space.sp6})})}):s.selectedVendor.name!=null?n.jsxRuntimeExports.jsx(He,{children:n.jsxRuntimeExports.jsx(t.EntityAvatar,{name:s.selectedVendor.name,size:t.Space.sp6})}):null,n.jsxRuntimeExports.jsx(co,{onClick:ut,"data-testid":t.generateDataTestId("vendor-first-review-row-vendor-name-text"),children:n.jsxRuntimeExports.jsxs(po,{children:[s.selectedVendor.name?n.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,display:"block",placement:"bottom",title:s.selectedVendor.name,children:n.jsxRuntimeExports.jsx(Je,{children:s.selectedVendor.name})}):n.jsxRuntimeExports.jsx(Je,{children:_.strings.hyphen}),n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"bottom",title:_.tooltips.editName,enterDelay:600,children:n.jsxRuntimeExports.jsx(mo,{onClick:mt,"data-testid":t.generateDataTestId("vendor-first-review-row-edit-icon")})})]})})]})})}),n.jsxRuntimeExports.jsx(we,{windowSize:v,width:t.sp[1],isDisabled:!1,children:b.length>0?n.jsxRuntimeExports.jsx(me,{windowSize:v,className:"vendor-first-review-row-item",children:n.jsxRuntimeExports.jsx(So,{isDisabled:Ve,onClick:()=>Ve===!1?Fe(s.vendorId):null,"data-testid":t.generateDataTestId("vendor-first-review-row-attachment-tag-box"),children:n.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"top",title:ue.viewRecipts,enterDelay:600,children:n.jsxRuntimeExports.jsx(vo,{children:n.jsxRuntimeExports.jsx(t.SvgDocuments,{width:t.Space.sp3,height:t.Space.sp3})})})})}):n.jsxRuntimeExports.jsx(me,{className:"vendor-first-review-row-item",windowSize:v,children:_.strings.hyphen})}),n.jsxRuntimeExports.jsx(we,{windowSize:v,width:25,isDisabled:M,gap:N.logoToValueGap,children:g.map((l,R)=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(me,{windowSize:v,className:"vendor-first-review-row-item",children:n.jsxRuntimeExports.jsx(t.BorderedCheckBoxField,{isHighlighted:!0,defaultChecked:s.currentSelection===l.fieldName,label:l.label,checkBoxField:l.checkBoxField,isDisabled:l.isDisabled,tooltipProps:l.tooltipProps})}),R<g.length-1?n.jsxRuntimeExports.jsxs(et,{children:[" ",_.texts.or]}):null]}))}),n.jsxRuntimeExports.jsx(we,{windowSize:v,width:20,isDisabled:M,children:s.currentVendor!=null&&i!=null?n.jsxRuntimeExports.jsx(me,{windowSize:v,className:"vendor-first-review-row-item",children:n.jsxRuntimeExports.jsx(t.BorderedCheckBoxField,{defaultChecked:s.currentSelection==="retain",label:i.label,checkBoxField:i.checkBoxField,isDisabled:i.isDisabled,tooltipProps:i.tooltipProps,backgroundDefaultColor:X.colors.grey5})}):null}),n.jsxRuntimeExports.jsx(we,{windowSize:v,"data-currentVendorName":s.currentVendor?.name,"data-mergeVendorName":s.mergeVendorName,"data-testid":t.generateDataTestId("vendor-first-review-row-status-tag"),width:B?10:25,isDisabled:ae,children:n.jsxRuntimeExports.jsxs(me,{windowSize:v,className:"vendor-first-review-row-item",children:[n.jsxRuntimeExports.jsxs(et,{children:[n.jsxRuntimeExports.jsx(ao,{isDisabled:!1,clickable:!1,statusMergeInQBO:ce,children:n.jsxRuntimeExports.jsx(Ke,{children:s.status.name})}),ce&&s.currentVendor!=null&&s.mergeVendorName!=null?n.jsxRuntimeExports.jsx(t.Tooltip,{title:n.jsxRuntimeExports.jsx(ro,{vendorName:s.currentVendor.name,mergeVendorName:s.mergeVendorName,statusCode:s.status}),maxWidth:"312px",children:n.jsxRuntimeExports.jsx(t.SvgInfo,{width:t.Space.sp3,height:t.Space.sp3})}):null]}),s.lastUpdatedVendorNameByUser!=null&&ce?n.jsxRuntimeExports.jsx(Ke,{children:`${_.by} ${t.getFullName(s.lastUpdatedVendorNameByUser)}`}):null]})}),n.jsxRuntimeExports.jsxs(we,{windowSize:v,width:B?15:0,isDisabled:ae,className:"vendor-first-review-action-items",children:[n.jsxRuntimeExports.jsx(t.Button,{variant:"light_transparent",label:_.footer.cancel,onClick:_e,size:"small",style:{height:"100%"},disabled:!B}),n.jsxRuntimeExports.jsx(Xe,{space:t.Space.sp0}),n.jsxRuntimeExports.jsx(t.Button,{variant:"primary",loading:s.saveStatus.fetchState==="In-Progress",label:_.texts.confirm,onClick:q,size:"small",style:{height:"100%"},disabled:!B}),n.jsxRuntimeExports.jsx(Xe,{space:t.Space.sp0}),n.jsxRuntimeExports.jsx(xo,{children:s.currentSelection==null?n.jsxRuntimeExports.jsx(wt.Menu,{menuItems:n.jsxRuntimeExports.jsxs(ho,{children:[n.jsxRuntimeExports.jsxs(Ye,{onClick:()=>{ie(!1),St()},"data-testid":t.generateDataTestId("vendor-first-review-row-mark-as-employee-menu-item"),children:[n.jsxRuntimeExports.jsx(Ze,{}),ue.rowMoreActions.markAsEmployee]}),n.jsxRuntimeExports.jsxs(Ye,{onClick:()=>{ie(!1),vt()},"data-testid":t.generateDataTestId("vendor-first-review-row-mark-as-contractor-menu-item"),children:[n.jsxRuntimeExports.jsx(Ze,{}),ue.rowMoreActions.markAsLocalContractor]})]}),setIsMenuOpen:ie,isMenuOpen:ge}):null})]}),fe&&b.length>0?Rt.createPortal(n.jsxRuntimeExports.jsx(t.DocumentWithThumbnailView,{allFiles:Se,fileSource:k,file:be,title:be.fileName,attachments:b,showNavigation:W.connectionName==="netsuite",setFileSource:C,setShowFullScreenView:Y,onCrossClick:ze,onNextClick:Pe,onPreviousClick:Le,setSelectedFileAttachment:de,handleTouchStart:H,handleTouchMove:le,handleTouchEnd:ne}),document.body):null]})},io=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:r})=>n.jsxRuntimeExports.jsxs(pt,{setMaxHeight:!0,children:[n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(je,{children:_.labels.name}),n.jsxRuntimeExports.jsx(Ne,{children:e.globalMerchantName})]}),n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(je,{children:_.labels.websiteURL}),n.jsxRuntimeExports.jsx(Ne,{className:"websiteUrlTooltipText",onClick:r,"data-testid":t.generateDataTestId("vendor-first-review-row-website-url-tooltip-content"),children:e.websiteUrl?.toString()})]})]}),ro=({vendorName:e,mergeVendorName:r,statusCode:c})=>n.jsxRuntimeExports.jsxs(pt,{setMaxHeight:!1,children:[c.code==="merge_in_qbo"?n.jsxRuntimeExports.jsx(je,{children:ue.tooltip.mergeInQBOText}):null,c.code==="merge_in_netsuite"?n.jsxRuntimeExports.jsx(je,{children:ue.tooltip.mergeInNetSuiteText}):null,n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(je,{children:_.labels.vendor}),n.jsxRuntimeExports.jsx(Ne,{children:e})]}),n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(je,{children:_.labels.mergedTo}),n.jsxRuntimeExports.jsx(Ne,{children:r})]})]}),lo=o.div`
+  display: flex;
+  margin-bottom: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>N.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>N.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>N.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>N.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.sp2};
+  height: ${t.Space.sp10};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    .entity-icon {
+      color: ${e=>e.theme.colors.grey5};
+    }
+    .vendor-first-review-action-items {
+      width: 15%;
+      visibility: visible;
+    }
+    > div:nth-last-of-type(2) {
+      width: 11%;
+    }
+  }
+  .vendor-first-review-action-items {
+    visibility: ${e=>e.isRowActive===!0?"visible":"hidden"};
+    padding-right: 0;
+    justify-content: flex-end;
+  }
+  margin-right: ${e=>N.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>N.containerMarginLeft.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  align-items: center;
+  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
+  ${e=>e.isRowActive?We.css`
+        border-color: ${e.theme.colors.primary};
+        .vendor-first-review-row-item {
+          color: ${e.theme.colors.primary};
+        }
+        .entity-icon {
+          color: ${e.theme.colors.grey5};
+        }
+        .edit-icon {
+          visibility: visible;
+          :hover {
+            color: ${e.theme.colors.primary};
+          }
+        }
+      `:We.css``};
+`,we=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.gap?.valuePx(e.windowSize)};
+  opacity: ${e=>e.isDisabled===!0?"0.32":"1"};
+  width: ${e=>`${e.width}%`};
+  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
+`,me=o(t.StandardRegular)`
+  flex-direction: column;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: ${e=>N.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  justify-content: ${e=>e.isLastItem===!0?"flex-end":"unset"};
+  display: flex;
+`,ao=o.div`
+  color: ${e=>e.statusMergeInQBO===!0?e.theme.colors.alert:e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
+  border: 1px solid
+    ${e=>e.statusMergeInQBO===!0?e.theme.colors.alert:e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
+  padding: ${t.Space.sp0} 6px;
+  border-radius: ${t.Space.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,Ke=o(t.ExtraSmallRegular)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Xe=o.div`
+  display: flex;
+  align-items: center;
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp3};
+  margin-right: ${e=>e.space};
+`,co=o(t.StandardRegular)`
+  display: flex;
+  max-width: calc(100% - ${t.Space.sp6});
+  flex: 1 1 auto;
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+`,po=o.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  align-items: center;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: 100%;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      visibility: visible;
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  > div:first-of-type {
+    max-width: 80%;
+  }
+`,mo=o(t.SvgEdit)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.Space.sp0} ${t.Space.sp2};
+  align-items: center;
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp4};
+  visibility: hidden;
+  cursor: pointer;
+`,Je=o(t.StandardRegular)`
+  padding-left: ${t.Space.sp2};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+`,uo=o.div`
+  display: flex;
+  width: 400px;
+`,He=o.div`
+  display: flex;
+`,pt=o.div`
+  width: auto;
+  box-sizing: border-box;
+  max-height: ${e=>e.setMaxHeight?t.Space.sp10:"none"};
+  &:hover {
+    .websiteUrlTooltipText {
+      cursor: pointer;
+    }
+  }
+  margin-bottom: ${t.Space.sp2};
+  padding: ${t.Space.sp2} ${t.Space.sp3} ${t.Space.sp2} ${t.Space.sp3};
+`,Te=o.div`
+  display: flex;
+  gap: ${t.Space.sp3};
+  justify-content: space-between;
+`,Ne=o(t.SmallRegular)`
+  color: ${t.Colors.primaryDark};
+  overflow: hidden;
+  word-wrap: break-word;
+  white-space: initial;
+`,je=o(t.SmallRegular)`
+  color: ${t.Colors.heroDark};
+  white-space: initial;
+  word-wrap: break-word;
+`,xo=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,ho=o.div`
+  margin: 5px ${t.Space.sp0};
+`,Ye=o(t.SmallRegular)`
+  height: ${t.Space.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.isDelete===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: pointer;
+  gap: ${t.Space.sp2};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ze=o(t.SvgPeople)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,et=o.div`
+  display: flex;
+`,go=o.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+`,So=o.div`
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${t.Space.sp2};
+  &:hover {
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+    }
+  }
+`,vo=o.div`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+`,Ro=We.css`
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: 100%;
+`,tt=o.div`
+  ${Ro};
+`,wo=e=>n.jsxRuntimeExports.jsx(so,{...e}),Ge={listContainerMarginTop:new t.ResponsiveSized(t.sp[3],t.sp[3]),itemHeight:new t.ResponsiveSized(en,Zt),vendorListWrapperContainerMarginTop:new t.ResponsiveSized(t.sp[4],0)},{common:Z,vendorReview:{firstReview:V}}=t.appLocale.getLocalizedStrings(),jo=({vendorFirstReviewView:e,globalMerchantAutoCompleteData:r,analytics:c,authParams:d,attachmentEndpoint:s,onBackClick:$,onVendorNameClick:w,onGlobalMerchantAutoCompleteInputChange:I,onUpdateLocalData:m,onFetchVendorReviewView:E,onUpdateScrollYOffset:z,onUpdatePageToken:ee,onUpdateSortUiState:X,onClickSave:v,updateVendorDetailLocalData:W,onReloadList:J,onClickCancelPopup:P,onClickRedirectToQBO:Ce,onClearGlobalMerchantAutoCompleteResults:he,onResetVendorLocalData:ge,onClickMenuIcon:ie})=>{const L=t.useWindowSizeContext(),B=t.useGlobalInfoContext(),fe=n.useTheme(),[Y,b]=S.useState(!1),[Se,D]=S.useState(null),{uiState:k,fetchState:C,vendorReviewView:A,recentlySavedErroredVendorView:h}=e,[te,re]=S.useState(k.searchText),U=S.useRef(null),u=S.useRef(),j=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:nt(A,r.globalMerchantAutoCompleteView),values:nt(A,r.globalMerchantAutoCompleteView),resetOptions:{keepDirtyValues:!0}});S.useEffect(()=>{if(r.globalMerchantAutoCompleteView.fetchState==="Completed"){const i=e.vendorReviewView.find(g=>g.vendorId===Se);let x;i!=null&&(x=i?.recommendations),u.current?.(Ue(r.globalMerchantAutoCompleteView.globalMerchants,i?.status.code==="merge_in_qbo",x??[])),D(null)}},[r.globalMerchantAutoCompleteView.fetchState]),S.useEffect(()=>{U.current?.resetAfterIndex(0)},[L,U]),S.useEffect(()=>{C==="Completed"&&b(!1)},[C]),S.useEffect(()=>{const i=j.watch((x,{name:g,type:a})=>{g!=null&&x[t.vendorFirstReviewSectionId]!=null&&n.defer(()=>ze(g,x,a))});return()=>{i.unsubscribe()}}),S.useEffect(()=>{C==="Completed"&&c.trackVendorReviewPage("tenant_review",k.totalCount)},[C]);const H=i=>Ge.itemHeight.value(L),le=(i,x,g)=>{E(g??null,i,x)},G=i=>{ee(null),le(i,!1,null)},ne=(i,x)=>{u.current=x,I(i,"vendor")},be=S.useRef(n.debounce(i=>G(i),500,{trailing:!0})).current,de=(i,x)=>{X(x,i),ee(null),le(k.searchText,!1,null)},ze=(i,x,g)=>{if(i.includes(t.vendorFirstReviewSectionId)){const a=parseInt(i.split(".")[1]),p=Object.assign(x[t.vendorFirstReviewSectionId][a]);let f=p[t.currentSelection];if(p[t.retainVendorId]!=null){let q;if(i.includes(`${t.currentSelection}.${t.recommendedFirst}`)&&(p[t.recommendedFirst]?.globalMerchantId!=null||p[t.recommendedFirst]?.globalMerchantName!=null)?(f={retain:!1,recommendedFirst:p[t.currentSelection].recommendedFirst,recommendedSecond:!1,rename:!1,customMerchant:!1},q=p[t.recommendedFirst].globalMerchantId??p[t.recommendedFirst].globalMerchantName):i.includes(`${t.currentSelection}.${t.recommendedSecond}`)&&(p[t.recommendedSecond]?.globalMerchantId!=null||p[t.recommendedSecond]?.globalMerchantName!=null)?(f={retain:!1,recommendedFirst:!1,recommendedSecond:p[t.currentSelection].recommendedSecond,rename:!1,customMerchant:!1},q=p[t.recommendedSecond].globalMerchantId??p[t.recommendedSecond].globalMerchantName):i.includes(`${t.currentSelection}.retain`)&&p[t.retainVendorId]!=null&&(f={retain:p[t.currentSelection].retain,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!1},q=p[t.retainVendorId]),i.includes(t.selectedVendor)&&(q=p[t.selectedVendor].selectedOption,p[t.selectedVendor].selectedOption===p[t.recommendedFirst]?.globalMerchantId||p[t.selectedVendor].selectedOption===p[t.recommendedFirst]?.globalMerchantName?f={retain:!1,recommendedFirst:!0,recommendedSecond:!1,rename:!1,customMerchant:!0}:p[t.selectedVendor].selectedOption===p[t.recommendedSecond]?.globalMerchantId||p[t.selectedVendor].selectedOption===p[t.recommendedSecond]?.globalMerchantName?f={retain:!1,recommendedFirst:!1,recommendedSecond:!0,rename:!1,customMerchant:!0}:p[t.selectedVendor].selectedOption===p[t.retainVendorId]?f={retain:!0,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}:f={retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!1,customMerchant:!0}),g==null){ge(p[t.retainVendorId]);return}m(p[t.retainVendorId],f,q??p[t.retainVendorId])}}},Pe=()=>{b(!0),le(k.searchText,!0,k.pageToken)},Le=i=>i<A.length,Ve=()=>{k.pageToken!=null&&C==="Completed"&&Pe()},ke=(i,x)=>{const g=e.vendorReviewView.find(a=>a.vendorId===i);g!=null&&m(g.vendorId,{retain:!1,recommendedFirst:!1,recommendedSecond:!1,rename:!0,customMerchant:!1},g.vendorId,x)},Ie=i=>{const x=parseInt(i.split(".")[1]),g=e.vendorReviewView[x];if(g?.currentVendor!=null){const a=g.recommendations[0]?.globalMerchantName??null;c.trackVendorReviewUpdateVendorCanceled({reviewSource:"tenant_review",vendorName:g.currentVendor.name,vendorReviewStatus:g.status.code??null,wasRecommendationAvailable:!!a,recommendedVendorName:a,recommendedVendorReason:g.recommendations[0]?.reason??null})}j.resetField(`${t.vendorFirstReviewSectionId}.${x}`)},Fe=j.handleSubmit(i=>{}),Me=(i,x,g)=>{const a=e.vendorReviewView.find(p=>p.vendorId===i);if(a?.currentVendor!=null){const p=[];a.recommendations.forEach(f=>{f.globalMerchantId!=null&&p.push(f.globalMerchantId)}),(a?.currentSelection==="retain"||a?.currentSelection==="rename")&&a?.isWebsiteUrlSaved===!1&&W({id:i,name:a.currentVendor.name,qboId:a.vendorQboId??i,websiteUrl:ot.toZeniUrlWithoutBaseURL(a.currentVendor.websiteUrl.toString())})}if(a?.currentSelection!=="retain"&&a?.currentSelection!=="rename"||a?.isWebsiteUrlSaved===!0){if(a?.currentVendor!=null){const p=a.selectedVendor.name,f=a.recommendations[0]?.globalMerchantName??null,q=a.currentSelection,_e=a.recommendations[0]?.globalMerchantId===a.selectedVendor.id||a.recommendations[0]?.globalMerchantName===p?a.recommendations[0]:void 0;c.trackVendorReviewSaveVendorRequested({reviewSource:"tenant_review",vendorName:a.currentVendor.name,vendorReviewStatus:a.status.code??null,saveRequestedVendorSource:q,saveRequestedVendorName:p,saveRequestedVendorReason:_e?.reason??null,isGlobalVendorRequested:a.currentSelection==="customMerchant",isVendorNameRecommendationSelected:f===p,isVendorNameChangedAndSelected:a.currentSelection==="rename",isVendorNameRetainSelected:q==="retain",recommendedVendorName:f,wasRecommendationAvailable:!!f,recommendedVendorReason:a.recommendations[0]?.reason??null,isVendorNameMarkedAsEmployee:x??!1,isVendorNameMarkedAsLocalContractor:g??!1})}v(i,x,g)}},ae={onOkClick:()=>{if(B.connectionName==="netsuite")P();else if(h!=null){const i=e.vendorReviewView.find(x=>x.vendorId===h.vendorId);if(i?.currentVendor!=null){const x=i.selectedVendor.name,g=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===x?i.recommendations[0]:void 0,a=i.currentSelection??(h.newRecommendedVendor!=null?"recommendedFirst":null),p=i.recommendations[0]?.globalMerchantName??null;if(h.oldRecommendedVendor!=null||h.newRecommendedVendor!=null){const f={vendorName:i.currentVendor.name,saveRequestedVendorName:x,saveRequestedVendorReason:g?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};h.newRecommendedVendor!=null?(c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...f,reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantRecommendationUpdateContinue,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:h.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:h.newRecommendedVendor.reason??null}),v(h.vendorId)):c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...f,reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null}),P()}else c.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantMergeInQBORedirect,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:a,saveRequestedVendorName:x,saveRequestedVendorReason:g?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null}),Ce(),P()}}},onCancelClick:()=>{if(h!=null){const i=e.vendorReviewView.find(x=>x.vendorId===h.vendorId);if(i?.currentVendor!=null){const x=i.selectedVendor.name,g=i.recommendations[0]?.globalMerchantId===i.selectedVendor.id||i.recommendations[0]?.globalMerchantName===x?i.recommendations[0]:void 0,a=i.currentSelection,p=i.recommendations[0]?.globalMerchantName??null;if(h.oldRecommendedVendor!=null||h.newRecommendedVendor!=null){const f={vendorName:i.currentVendor.name,saveRequestedVendorName:x,saveRequestedVendorReason:g?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null};h.newRecommendedVendor!=null?c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...f,reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:h.newRecommendedVendor.globalMerchantName,updatedRecommendedVendorReason:h.newRecommendedVendor.reason??null}):c.trackVendorReviewRecommendationUpdateContinuedOrCanceled({...f,reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantRecommendationUpdateCancel,saveRequestedVendorSource:a,vendorReviewStatus:i.status.code??null,updatedRecommendedVendorName:null,updatedRecommendedVendorReason:null})}else c.trackVendorReviewMergeInQBORedirectedOrCanceled({reviewSource:"tenant_review",event:ve.Event.vendorReviewTenantMergeInQBOCancel,vendorName:i.currentVendor.name,vendorReviewStatus:i.status.code??null,saveRequestedVendorSource:a,saveRequestedVendorName:x,saveRequestedVendorReason:g?.reason??null,isVendorNameRecommendationSelected:a==="recommendedFirst"||a==="recommendedSecond",isVendorNameRetainSelected:a==="retain",isVendorNameChangedAndSelected:a==="rename",wasRecommendationAvailable:!!p,recommendedVendorName:p,recommendedVendorReason:i.recommendations[0]?.reason??null})}P()}}},M=(()=>{if(h!=null)if(h.newRecommendedVendor!=null&&h.oldRecommendedVendor!=null){const i=V.popupMessages.zeniUpdatedRecommendationPopupTitle.replace("_vendor_name_",h.vendorName).replace("_old_recommendation_",h.oldRecommendedVendor.globalMerchantName).replace("_new_recommendation_",h.newRecommendedVendor.globalMerchantName);return{description:V.popupMessages.zeniUpdatedRecommendationPopupMsg,title:i,secondaryButtonText:Z.cancel,primaryButtonText:Z.continue}}else if(h.newRecommendedVendor!=null){const i=V.popupMessages.zeniNewRecommendationPopupTitle.replace("_vendor_name_",h.vendorName).replace("_new_recommendation_",h.newRecommendedVendor.globalMerchantName);return{description:V.popupMessages.zeniNewRecommendationPopupMsg,title:i,secondaryButtonText:Z.cancel,primaryButtonText:Z.continue}}else if(h.oldRecommendedVendor!=null){const i=V.popupMessages.zeniNewRecommendationNotAvailablePopupTitle.replace("_vendor_name_",h.vendorName);return{description:V.popupMessages.zeniNewRecommendationNotAvailablePopupMsg,title:i,primaryButtonText:Z.gotIt}}else return B.connectionName==="netsuite"?{descriptionHeader:V.popupMessages.netsuiteLinkPopupMsgHeader,title:V.popupMessages.netsuiteLinkPopupTitle.replace("_vendor_name_",h.vendorName),subTitle:V.popupMessages.netsuiteLinkPopupSubTitle,description:V.popupMessages.netsuiteLinkPopupDescription,primaryButtonText:Z.texts.close}:{descriptionHeader:V.popupMessages.qboLinkPopupMsgHeader,title:V.popupMessages.qboLinkPopupTitle.replace("_vendor_name_",h.vendorName),subTitle:V.popupMessages.qboLinkPopupSubTitle,secondaryButtonText:Z.cancel,primaryButtonText:V.popupMessages.redirectToQBO}})(),Ae=n.jsxRuntimeExports.jsx(t.ListPageSearchSection,{isSearchOpen:k.searchText.length>0,searchPlaceHolder:V.searchPlaceholder,searchText:te,onSearchTextChanged:i=>{re(i),i.trim().length>=2?be(i):i.trim().length==0&&be("")}});return n.jsxRuntimeExports.jsx(bo,{windowSize:L,children:n.jsxRuntimeExports.jsxs(n.FormProvider,{...j,children:[n.jsxRuntimeExports.jsx(t.NavBar,{title:V.title,backgroundColor:fe.colors.grey4,onBackClick:$,rightSideComponent:Ae,showMenuIcon:L==="medium-compact"||L==="small",onClickMenuIcon:ie,source:"VendorFirstReviewPage"}),n.jsxRuntimeExports.jsx("form",{onSubmit:Fe,children:n.jsxRuntimeExports.jsxs($o,{windowSize:L,children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!!h?.vendorId&&!!M,children:n.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:n.jsxRuntimeExports.jsxs(zo,{children:[n.jsxRuntimeExports.jsx(t.H6Medium,{children:M?.title}),M?.subTitle!=null?n.jsxRuntimeExports.jsx(Po,{children:M.subTitle}):null]})}),descriptionComponent:n.jsxRuntimeExports.jsxs(t.ConfirmationPopUpDescription,{style:{textAlign:M?.description==null?"left":"unset"},children:[M?.descriptionHeader!=null?n.jsxRuntimeExports.jsx(Lo,{children:M.descriptionHeader}):null,M?.description!=null?n.jsxRuntimeExports.jsx(Fo,{children:M.description}):B.connectionName==="netsuite"?n.jsxRuntimeExports.jsx(Pt,{}):n.jsxRuntimeExports.jsx(Ct,{})]}),primaryButtonText:M?.primaryButtonText??Z.continue,secondaryButtonText:M?.secondaryButtonText,containerStyle:{maxWidth:"624px"},action:ae,primaryButtonWidth:148,secondaryButtonWidth:148})}),n.jsxRuntimeExports.jsx(Eo,{windowSize:L,children:C==="Error"?n.jsxRuntimeExports.jsxs(Co,{children:[n.jsxRuntimeExports.jsx(Vo,{onClick:J,"data-testid":t.generateDataTestId("vendor-first-review-page-reload-icon"),children:n.jsxRuntimeExports.jsx(t.SvgReload,{})}),n.jsxRuntimeExports.jsx(Io,{children:Z.reloadPage.label})]}):C==="Completed"&&A.length===0?n.jsxRuntimeExports.jsx(t.NoListDataPage,{message:k.searchText?V.noMatchedDataText:V.noDataText}):C==="Not-Started"||C==="In-Progress"&&A.length===0?n.jsxRuntimeExports.jsx(hn,{sortConfig:{sortKey:k.sortKey,sortOrder:k.sortOrder},onColumnSortConfigChanged:de,disableClick:!0}):n.jsxRuntimeExports.jsx(yo,{windowSize:L,children:n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:i,width:x})=>n.jsxRuntimeExports.jsx(n.InfiniteLoader,{isItemLoaded:Le,itemCount:A.length+1,loadMoreItems:Ve,children:({onItemsRendered:g})=>n.jsxRuntimeExports.jsxs(Oo,{style:{height:i,width:x},children:[n.jsxRuntimeExports.jsx(No,{style:{width:"auto"},children:n.jsxRuntimeExports.jsx(ct,{sortConfig:{sortKey:k.sortKey,sortOrder:k.sortOrder},disableClick:C!=="Completed",onColumnSortConfigChanged:de})}),n.jsxRuntimeExports.jsx(n.VariableSizeList,{height:i-rt,itemSize:H,width:x,ref:U,overscanCount:1,itemCount:A.length,onItemsRendered:g,onScroll:({scrollOffset:a})=>{z(a)},initialScrollOffset:k.scrollYOffset,itemData:{vendorFirstReviewView:e,analytics:c,authParams:d,attachmentEndpoint:s,globalMerchantAutoCompleteView:r.globalMerchantAutoCompleteView,searchAutoComplete:{autoCompleteData:r,loadOptions:ne},setCurrentVendorInAction:D,onClickVendorName:w,onClickVendorRename:ke,onClickCancel:Ie,onClickSave:Me,onClearGlobalMerchantAutoCompleteResults:he},children:fo})]})})})})}),Y===!0?n.jsxRuntimeExports.jsx(To,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0})}):null]})})]})})},fo=({index:e,style:r,data:c})=>{const{analytics:d,authParams:s,attachmentEndpoint:$,vendorFirstReviewView:w,searchAutoComplete:I,setCurrentVendorInAction:m,onClickVendorName:E,onClickVendorRename:z,onClickCancel:ee,onClickSave:X,onClearGlobalMerchantAutoCompleteResults:v}=c,{vendorReviewView:W,fetchState:J}=w,P=W[e];return e<W.length&&P.selectedVendor!=null?n.jsxRuntimeExports.jsx(Mo,{style:{...r,width:"100%"},className:"vendor-list-item",children:n.jsxRuntimeExports.jsx(ko,{children:n.jsxRuntimeExports.jsx(wo,{fetchState:J,analytics:d,authParams:s,attachmentEndpoint:$,sectionId:`${t.vendorFirstReviewSectionId}.${e}`,vendorId:P.currentVendor?.id,rowData:P,setCurrentVendorInAction:m,searchAutoComplete:I,onVendorNameClick:E,onClickCancel:ee,onClickSave:X,onClickRenameOption:z,onClearGlobalMerchantAutoCompleteResults:v},e)},`sub-container-${e}`)}):null},nt=(e,r)=>{const c=e.map(d=>{const s=d.currentSelection==="customMerchant"&&d.selectedVendor?.id!=null&&d.selectedVendor.name!=null?{id:d.selectedVendor.id,name:d.selectedVendor.name}:void 0,$=d.recommendations;return{selectedVendor:{defaultOptions:Ue(r.globalMerchants,d.status.code==="merge_in_qbo",$,d.currentVendor,s),selectedOption:d.selectedVendor.id??d.vendorRenamedText},recommendedFirst:d.recommendations[0],recommendedSecond:d.recommendations[1],currentSelection:{retain:d.currentSelection==="retain",recommendedFirst:d.currentSelection==="recommendedFirst",recommendedSecond:d.currentSelection==="recommendedSecond",rename:d.currentSelection==="rename",customMerchant:d.currentSelection==="customMerchant"},retainVendorId:d.currentVendor?.id,status:d.status,lastUpdatedVendorNameByUser:d.lastUpdatedVendorNameByUser}});return{[t.vendorFirstReviewSectionId]:c}},bo=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,$o=o.div`
+  display: block;
+  background-color: ${e=>e.theme.colors.grey4};
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: ${e=>Ge.vendorListWrapperContainerMarginTop.valuePx(e.windowSize)};
+`,Eo=o.div`
+  margin-top: ${e=>Ge.listContainerMarginTop.valuePx(e.windowSize)};
+  height: 100%;
+`,yo=o.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,Co=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Vo=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,ko=o.div`
+  display: flex;
+  flex-direction: column;
+`,Io=o(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Mo=o.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+`,To=o.div`
+  display: flex;
+  width: 100%;
+  height: ${t.Space.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp3};
+`,No=o.div``,Oo=o.div`
+  position: relative;
+`,zo=o.div`
+  display: flex;
+  flex-direction: column;
+`,Po=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.Space.sp2} ${t.Space.sp8} 0 ${t.Space.sp8};
+`,Lo=o(t.StandardMediumSp)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${t.Space.sp2};
+`,Fo=o.div``;exports.default=jo;