npm - @zeniai/web-cockpit-ui - Versions diffs - 1.13.85-qa → 1.13.86-dev - Mend

@zeniai/web-cockpit-ui 1.13.85-qa → 1.13.86-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (248) hide show

package/dist/assets/{ExpressPayPage-Bncb54-Q-SeUIlqfm.js → ExpressPayPage-wwfao-Tr-Cll3aRZR.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F as tt,a3 as it,C as x,o as n,k7 as at,k8 as nt,k9 as lt,c8 as ze,c5 as ot,cy as rt,f4 as dt,f5 as st,c7 as ke,fD as ct,ka as pt,cb as mt,cD as Ve,cc as ut,cE as Ae,cN as Oe,v as ge,cR as ht,p as u,ao as yt,al as be,g as Ee,f as gt,n as We}from"./index-BJ9YQ2PG.js";import{b as X,n as d}from"./vendor-CnQcJ2Lu.js";import{Y as xt}from"./LabeledDocumentField-DiMgPKtR-ebLHKkFT.js";import{S as ie}from"./LabeledText-CyXj8QWV-5OBSwFKi.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ft={progressBarWidth:new x(343,726)},bt=({pageIndex:e})=>{const i=Q(),a=Be(),s=U.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs(vt,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Ct,{children:h.map((p,l)=>t.jsx($t,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(wt,{windowSize:i,children:[t.jsx(nt,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(St,{children:h.map((p,l)=>t.jsx(jt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},wt=d.div`
+import{u as ze,X as Q,M as U,a as Ke,a5 as De,c3 as Qe,l as O,j as t,aW as et,F as tt,a7 as it,C as x,o as n,ka as at,kb as nt,kc as lt,c9 as Re,c6 as ot,cz as rt,f7 as dt,f8 as st,c8 as ke,fG as ct,kd as pt,cc as mt,cE as Ve,cd as ut,cF as Ae,cO as Oe,q as ge,cS as ht,p as u,av as yt,aq as be,g as Ee,f as gt,r as We}from"./index-GMJ2nuUF.js";import{b as J,n as d}from"./vendor-CnQcJ2Lu.js";import{Y as xt}from"./LabeledDocumentField-BKPP0tRe-BoY3MkE4.js";import{S as ie}from"./LabeledText-BUZXeSSr-BNwrdOLI.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const ft={progressBarWidth:new x(343,726)},bt=({pageIndex:e})=>{const i=Q(),a=ze(),s=U.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs(vt,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Ct,{children:h.map((p,l)=>t.jsx($t,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(wt,{windowSize:i,children:[t.jsx(nt,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(St,{children:h.map((p,l)=>t.jsx(jt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},wt=d.div`
   display: flex;
   flex-direction: column;
   margin-top: ${n.sp3};
@@ -38,7 +38,7 @@ import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F
   position: relative;
   height: ${e=>`${e.perSectionHeight}%`};
   color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,I={containerWidth:new x(343,580,726),labelWidth:new x(120,160,160),largeLabelWidth:new x(150,228,228),largeLabelPickerWidth:new x(100,180,180),paddingBottom:new x(u[3],u[2]),labelMarginLeftPicker:new x(u[3],u[4]),labelMarginRightPicker:new x(u[3],u[4]),labelMarginTopPicker:new x(u[2],u[2]),labeledFieldPaddingLeft:new x(u[0],u[0]),labeledFieldPaddingRight:new x(u[2],u[2]),labeledFieldPaddingTop:new x(u[2],u[2]),labeledFieldPaddingBottom:new x(u[2],u[2]),infoLabelPaddingRight:new x(u[0],u[3]),infoLabelMarginTop:new x(u[1],u[0])},V=(e,i)=>`${e}.${i}`,Pt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:T,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=Q(),{spendManagement:F,dateFormat:y,common:C}=U.getLocalizedStrings(),$=F.billPay.billDetails,Z=y.visual.defaultInput,re=F.zeniAccounts.expressPay,de=C.documents,H=I.largeLabelWidth.value(o),[g,K]=X.useState(!1),Y=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(O.NEW_INTERNATIONAL_METHOD_SUBTEXT)===!1),k=r=>s.find(m=>m.id===r),N=r=>Ve(k(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=k(r),j=U.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(_=>t.jsxs(q,{children:[t.jsxs(E,{children:[_.name,j.paymentDetails.colon]}),t.jsx(W,{children:_.value})]},_.name))}):t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(It,{children:$.paymentDetailsTitle}),t.jsxs(Tt,{windowSize:o,children:[t.jsx(rt,{label:{label:$.withdrawFrom,width:H,style:{marginLeft:I.labelMarginLeftPicker.valuePx(o),marginTop:I.labelMarginTopPicker.valuePx(o),marginRight:I.labelMarginRightPicker.valuePx(o),width:I.largeLabelPickerWidth.value(o)}},style:{paddingTop:I.labeledFieldPaddingTop.valuePx(o),paddingBottom:I.labeledFieldPaddingBottom.valuePx(o),paddingLeft:I.labeledFieldPaddingLeft.valuePx(o),paddingRight:I.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:I.infoLabelPaddingRight.valuePx(o),marginTop:I.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:V(e,"withdrawFrom"),placeholder:ke($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>st(h,r,m),valueToSubLabels:(r,m)=>dt(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(J,{}),t.jsx(ct,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:H},formattedTextField:{type:"number",name:V(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke($.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(J,{}),t.jsx(pt,{label:{label:$.paymentMethod,width:I.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:Y,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(J,{}),t.jsx(mt,{label:{label:$.paymentDate,width:I.labelWidth.value(o)},style:{paddingBottom:I.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:Z,autoComplete:"off",minDate:O.dateNow(),registerOptions:{required:!0}}}),t.jsx(J,{}),t.jsx(ze,{label:{label:$.paymentTo,width:H},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:V(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:N},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(J,{}),t.jsx(xt,{name:V(e,"receipt"),sizeLimit:ut,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:H},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:T,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>K(r),isOptional:!0,style:T!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),T==null?t.jsx(Dt,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(J,{})]})]})},It=d(be)`
+`,I={containerWidth:new x(343,580,726),labelWidth:new x(120,160,160),largeLabelWidth:new x(150,228,228),largeLabelPickerWidth:new x(100,180,180),paddingBottom:new x(u[3],u[2]),labelMarginLeftPicker:new x(u[3],u[4]),labelMarginRightPicker:new x(u[3],u[4]),labelMarginTopPicker:new x(u[2],u[2]),labeledFieldPaddingLeft:new x(u[0],u[0]),labeledFieldPaddingRight:new x(u[2],u[2]),labeledFieldPaddingTop:new x(u[2],u[2]),labeledFieldPaddingBottom:new x(u[2],u[2]),infoLabelPaddingRight:new x(u[0],u[3]),infoLabelMarginTop:new x(u[1],u[0])},V=(e,i)=>`${e}.${i}`,Pt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:T,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=Q(),{spendManagement:D,dateFormat:y,common:C}=U.getLocalizedStrings(),$=D.billPay.billDetails,X=y.visual.defaultInput,re=D.zeniAccounts.expressPay,de=C.documents,H=I.largeLabelWidth.value(o),[g,Z]=J.useState(!1),Y=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(O.NEW_INTERNATIONAL_METHOD_SUBTEXT)===!1),k=r=>s.find(m=>m.id===r),N=r=>Ve(k(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=k(r),j=U.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(_=>t.jsxs(q,{children:[t.jsxs(E,{children:[_.name,j.paymentDetails.colon]}),t.jsx(W,{children:_.value})]},_.name))}):t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(It,{children:$.paymentDetailsTitle}),t.jsxs(Tt,{windowSize:o,children:[t.jsx(rt,{label:{label:$.withdrawFrom,width:H,style:{marginLeft:I.labelMarginLeftPicker.valuePx(o),marginTop:I.labelMarginTopPicker.valuePx(o),marginRight:I.labelMarginRightPicker.valuePx(o),width:I.largeLabelPickerWidth.value(o)}},style:{paddingTop:I.labeledFieldPaddingTop.valuePx(o),paddingBottom:I.labeledFieldPaddingBottom.valuePx(o),paddingLeft:I.labeledFieldPaddingLeft.valuePx(o),paddingRight:I.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:I.infoLabelPaddingRight.valuePx(o),marginTop:I.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:V(e,"withdrawFrom"),placeholder:ke($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>st(h,r,m),valueToSubLabels:(r,m)=>dt(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(G,{}),t.jsx(ct,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:H},formattedTextField:{type:"number",name:V(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke($.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(G,{}),t.jsx(pt,{label:{label:$.paymentMethod,width:I.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:Y,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(G,{}),t.jsx(mt,{label:{label:$.paymentDate,width:I.labelWidth.value(o)},style:{paddingBottom:I.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:X,autoComplete:"off",minDate:O.dateNow(),registerOptions:{required:!0}}}),t.jsx(G,{}),t.jsx(Re,{label:{label:$.paymentTo,width:H},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:V(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:N},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(G,{}),t.jsx(xt,{name:V(e,"receipt"),sizeLimit:ut,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:H},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:T,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>Z(r),isOptional:!0,style:T!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),T==null?t.jsx(Ft,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(G,{})]})]})},It=d(be)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
 `,Tt=d.div`
@@ -49,7 +49,7 @@ import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${n.sp2};
   width: ${e=>I.containerWidth.valuePx(e.windowSize)};
-`,J=d.div`
+`,G=d.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -73,13 +73,13 @@ import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F
   display: flex;
   justify-content: space-between;
   width: 100%;
-`,Dt=d(gt)`
+`,Ft=d(gt)`
   padding: ${n.sp1} ${n.sp4};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${n.sp0} ${n.sp0} ${n.sp2} ${n.sp2};
   text-align: ${e=>e.windowSize==="small"?"initial":"right"};
   color: ${e=>e.isError?Ee.important:e.theme.colors.grey1};
-`,Ft={largeLabelWidth:new x(150,210,210)},ae=(e,i)=>`${e}.${i}`,kt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=U.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,T=Ft.largeLabelWidth.value(p),P=X.useRef();X.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(At(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const f={vendorSearchAutoCompleteData:s,loadOptions:(y,C)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),P.current=C}},w=f?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:qe(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},F={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Ot,{children:l.recipientSectionTitle}),t.jsx(Lt,{children:t.jsxs(Nt,{children:[t.jsx(lt,{label:{label:l.recipientName,width:T},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ae(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:F,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:f?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ae(e,"recipient")),t.jsx(Ne,{}),t.jsx(ze,{label:{label:l.recipientType,width:T},singleSelectField:{singleSelect:{name:ae(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find(C=>C.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(ot,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:T},text:{type:"email",name:ae(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},qe=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},At=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Ot=d(be)`
+`,Dt={largeLabelWidth:new x(150,210,210)},ae=(e,i)=>`${e}.${i}`,kt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=U.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,T=Dt.largeLabelWidth.value(p),P=J.useRef();J.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(At(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const f={vendorSearchAutoCompleteData:s,loadOptions:(y,C)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),P.current=C}},w=f?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:qe(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},D={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Ot,{children:l.recipientSectionTitle}),t.jsx(Lt,{children:t.jsxs(Nt,{children:[t.jsx(lt,{label:{label:l.recipientName,width:T},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ae(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:D,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:f?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ae(e,"recipient")),t.jsx(Ne,{}),t.jsx(Re,{label:{label:l.recipientType,width:T},singleSelectField:{singleSelect:{name:ae(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find(C=>C.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(ot,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:T},text:{type:"email",name:ae(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},qe=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},At=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Ot=d(be)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
 `,Lt=d.div`
@@ -98,11 +98,11 @@ import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,oe={containerWidth:new x(343,580,726),largeLabelWidth:new x(150,215,215),reviewContainerMarginLeft:new x(u[3],u[6]),reviewContainerMarginRight:new x(u[3],u[8])},Mt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=U.getLocalizedStrings().spendManagement,{dateFormat:T,common:P}=U.getLocalizedStrings(),f=l.billDetails,w=i?.paymentType,o=T.visual.MMMDCommaYYYYformat,F={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},y=Ve(a.find(Z=>Z.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Ae(w?.method??"");return t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,style:s,children:[t.jsxs(Ht,{children:[t.jsx(ne,{children:f.pay}),t.jsx(ne,{children:t.jsx(Oe,{amount:F,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ne,{children:f.to}),t.jsx(ne,{children:e})]}),t.jsxs(Ut,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?ht(i.withdrawFrom,h):P.strings.empty}),t.jsx(fe,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:p},style:{width:"auto"},value:Ae(w?.method??"")}),t.jsx(fe,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${f.estimatedArrival}${O.zeniDate(O.getNextNthWorkingDay(C.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${$.length>0?`${$} `:""}${f.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(fe,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Bt,{children:t.jsxs(zt,{windowSize:h,children:[t.jsx(Vt,{children:t.jsx(Rt,{children:l.paymentDetails.total})}),t.jsx(Et,{children:t.jsx(Oe,{amount:O.toAmount(F.amount,F.currencyCode,F.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Rt=d.div``,Bt=d.div`
+`,oe={containerWidth:new x(343,580,726),largeLabelWidth:new x(150,215,215),reviewContainerMarginLeft:new x(u[3],u[6]),reviewContainerMarginRight:new x(u[3],u[8])},Mt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=U.getLocalizedStrings().spendManagement,{dateFormat:T,common:P}=U.getLocalizedStrings(),f=l.billDetails,w=i?.paymentType,o=T.visual.MMMDCommaYYYYformat,D={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},y=Ve(a.find(X=>X.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Ae(w?.method??"");return t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,style:s,children:[t.jsxs(Ht,{children:[t.jsx(ne,{children:f.pay}),t.jsx(ne,{children:t.jsx(Oe,{amount:D,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ne,{children:f.to}),t.jsx(ne,{children:e})]}),t.jsxs(Ut,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?ht(i.withdrawFrom,h):P.strings.empty}),t.jsx(fe,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:p},style:{width:"auto"},value:Ae(w?.method??"")}),t.jsx(fe,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${f.estimatedArrival}${O.zeniDate(O.getNextNthWorkingDay(C.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${$.length>0?`${$} `:""}${f.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(fe,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(zt,{children:t.jsxs(Rt,{windowSize:h,children:[t.jsx(Vt,{children:t.jsx(Bt,{children:l.paymentDetails.total})}),t.jsx(Et,{children:t.jsx(Oe,{amount:O.toAmount(D.amount,D.currencyCode,D.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Bt=d.div``,zt=d.div`
   display: flex;
   width: 100%;
   box-sizing: border-box;
-`,zt=d.div`
+`,Rt=d.div`
   width: 100%;
   padding: ${n.sp3};
   display: flex;
@@ -157,7 +157,7 @@ import{u as Be,X as Q,M as U,a as Ge,a1 as Fe,c2 as Qe,l as O,j as t,aW as et,F
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Me="expressPayPage",Yt=e=>`${e}_form`,L="recipientDetails",D="paymentDetails",le={buttonWidth:new x(160,140),largeButtonWidth:new x(166,166)},oi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:T,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:F,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:Z,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:H,expressPayLocalData:g,vendorTypeList:K,allPaymentMethods:Y,paymentToOptions:k,withdrawFromList:N,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:_}=e,[v,ee]=X.useState(0),Ue=Be(),G=Q(),{common:we,spendManagement:He}=U.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=He.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=H,M=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),Ye=M?.vendorName,$e=N.find(c=>c.id===s),te=Ge({mode:"onBlur",reValidateMode:"onChange",defaultValues:Re(K,N,k,$e,Y,M,g,j,C?.entityAutoCompleteView),values:Re(K,N,k,$e,Y,M,g,j,C?.entityAutoCompleteView)}),Pe=Fe(Ce.saveStatus?.fetchState),Ie=Fe(m);X.useEffect(()=>{const c=te.watch((S,{name:b})=>{b!=null&&S!=null&&Qe(()=>_e(b,S))});return()=>{c.unsubscribe()}}),X.useEffect(()=>{Pe==="In-Progress"&&_==="Completed"&&(v===0?(ee(1),o?.(g?.vendorId)):v===1&&ee(2)),Ie==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,_,v,o,g?.vendorId,Ie,m,P]);const _e=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[L].recipient.selectedOption,A=C?.entityAutoCompleteView.vendor.find(R=>R.zeniId===b);Je(S),y(),M?.vendorId!==b&&A!=null&&(l?.(b),he(S,!1,k,b))}else if(c.includes("recipient"))ue(S);else{const b=S[D].paymentMethod?.method,A=g?.paymentType?.method,R=b!=null&&A!=null&&(b.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));he(S,R,k,g?.vendorId)}},Je=c=>{const S=c[L].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(A=>A.id===S)!=null;if(S!=null&&b===!0){T?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const b=M?.vendorId,A=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,R=_t(c,A===!0?b:void 0,M,S);f?.(R,b)},he=(c,S,b,A)=>{const R=(()=>{let B=[];return c[D].paymentMethod?.method.includes("wire")===!0?B=b.filter(z=>!!z.bankRoutingNumberWireTransfer).map(z=>z.id):B=b.filter(z=>!!z.bankRoutingNumberAch).map(z=>z.id),B})(),ye=b.find(B=>B.id===c[D]?.paymentTo?.selectedOption),Ke={vendorId:A,amount:{amount:c[D].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[D].paymentDate?O.zeniDate(c[D].paymentDate.toString()):O.dateNow(),paymentType:c[D]?.paymentMethod!=null?c[D]?.paymentMethod:void 0,paymentToAccountId:S?R[0]:ye?.id,withdrawFrom:N.find(B=>B.id===c[D]?.withdrawFrom?.selectedOption),receiptFileId:c[D].receipt?.fileId};w?.(Ke)},Te=te.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=te.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),F()}),Xe=()=>{v===2?ee(1):P(g?.vendorId)},Ze=()=>{v===0?P(g?.vendorId):ee(v===1?0:1)},De={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?k.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??Y?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(et,{title:me.pageTitle,onBackClick:Ze,backgroundColor:Ue.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Jt,{windowSize:G,children:[t.jsx(bt,{pageIndex:v}),t.jsx(tt,{...te,children:t.jsx("form",{id:Me,onSubmit:Te,children:v===0?t.jsx(kt,{sectionId:L,vendorTypeList:K,formLocalData:M,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Pt,{sectionId:D,paymentDetails:De,paymentToOptions:k,allPaymentMethods:Y,withdrawFromList:N,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:Z,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=De?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(Mt,{reviewDetails:g,paymentToOptions:k,vendorName:Ye}):null})})]}),t.jsx(it,{formId:Yt(Me),style:{width:"100%"},primaryBtn:{label:v===2?O.dateNow().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?Ce.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?le.largeButtonWidth.value(G):le.buttonWidth.value(G),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Te()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?le.largeButtonWidth.value(G):le.buttonWidth.value(G),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Xe}})]})},Re=(e,i,a,s,h,p,l,T,P)=>{const f=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[L]:{recipient:{defaultOptions:qe(p?.vendorId,p?.vendorName,P),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[D]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??O.getNextNthWorkingDay(O.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:T}}};function _t(e,i,a,s){const h=e[L].recipient.defaultOptions.find(p=>p.value===e[L].recipient.selectedOption);return{vendorType:s===!0?void 0:e[L].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[L].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Jt=d.div`
+`,Me="expressPayPage",Yt=e=>`${e}_form`,L="recipientDetails",F="paymentDetails",le={buttonWidth:new x(160,140),largeButtonWidth:new x(166,166)},oi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:T,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:D,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:H,expressPayLocalData:g,vendorTypeList:Z,allPaymentMethods:Y,paymentToOptions:k,withdrawFromList:N,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:_}=e,[v,ee]=J.useState(0),Ue=ze(),K=Q(),{common:we,spendManagement:He}=U.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=He.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=H,M=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),Ye=M?.vendorName,$e=N.find(c=>c.id===s),te=Ke({mode:"onBlur",reValidateMode:"onChange",defaultValues:Be(Z,N,k,$e,Y,M,g,j,C?.entityAutoCompleteView),values:Be(Z,N,k,$e,Y,M,g,j,C?.entityAutoCompleteView)}),Pe=De(Ce.saveStatus?.fetchState),Ie=De(m);J.useEffect(()=>{const c=te.watch((S,{name:b})=>{b!=null&&S!=null&&Qe(()=>_e(b,S))});return()=>{c.unsubscribe()}}),J.useEffect(()=>{Pe==="In-Progress"&&_==="Completed"&&(v===0?(ee(1),o?.(g?.vendorId)):v===1&&ee(2)),Ie==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,_,v,o,g?.vendorId,Ie,m,P]);const _e=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[L].recipient.selectedOption,A=C?.entityAutoCompleteView.vendor.find(B=>B.zeniId===b);Ge(S),y(),M?.vendorId!==b&&A!=null&&(l?.(b),he(S,!1,k,b))}else if(c.includes("recipient"))ue(S);else{const b=S[F].paymentMethod?.method,A=g?.paymentType?.method,B=b!=null&&A!=null&&(b.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));he(S,B,k,g?.vendorId)}},Ge=c=>{const S=c[L].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(A=>A.id===S)!=null;if(S!=null&&b===!0){T?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const b=M?.vendorId,A=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,B=_t(c,A===!0?b:void 0,M,S);f?.(B,b)},he=(c,S,b,A)=>{const B=(()=>{let z=[];return c[F].paymentMethod?.method.includes("wire")===!0?z=b.filter(R=>!!R.bankRoutingNumberWireTransfer).map(R=>R.id):z=b.filter(R=>!!R.bankRoutingNumberAch).map(R=>R.id),z})(),ye=b.find(z=>z.id===c[F]?.paymentTo?.selectedOption),Ze={vendorId:A,amount:{amount:c[F].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[F].paymentDate?O.zeniDate(c[F].paymentDate.toString()):O.dateNow(),paymentType:c[F]?.paymentMethod!=null?c[F]?.paymentMethod:void 0,paymentToAccountId:S?B[0]:ye?.id,withdrawFrom:N.find(z=>z.id===c[F]?.withdrawFrom?.selectedOption),receiptFileId:c[F].receipt?.fileId};w?.(Ze)},Te=te.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=te.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),D()}),Je=()=>{v===2?ee(1):P(g?.vendorId)},Xe=()=>{v===0?P(g?.vendorId):ee(v===1?0:1)},Fe={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?k.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??Y?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(et,{title:me.pageTitle,onBackClick:Xe,backgroundColor:Ue.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Gt,{windowSize:K,children:[t.jsx(bt,{pageIndex:v}),t.jsx(tt,{...te,children:t.jsx("form",{id:Me,onSubmit:Te,children:v===0?t.jsx(kt,{sectionId:L,vendorTypeList:Z,formLocalData:M,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Pt,{sectionId:F,paymentDetails:Fe,paymentToOptions:k,allPaymentMethods:Y,withdrawFromList:N,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=Fe?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(Mt,{reviewDetails:g,paymentToOptions:k,vendorName:Ye}):null})})]}),t.jsx(it,{formId:Yt(Me),style:{width:"100%"},primaryBtn:{label:v===2?O.dateNow().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?Ce.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Te()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Je}})]})},Be=(e,i,a,s,h,p,l,T,P)=>{const f=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[L]:{recipient:{defaultOptions:qe(p?.vendorId,p?.vendorName,P),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[F]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??O.getNextNthWorkingDay(O.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:T}}};function _t(e,i,a,s){const h=e[L].recipient.defaultOptions.find(p=>p.value===e[L].recipient.selectedOption);return{vendorType:s===!0?void 0:e[L].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[L].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Gt=d.div`
   display: flex;
   flex-wrap: wrap;
   height: 100%;

package/dist/assets/{FeaturePreviewPage-BnGBEF9H-BZb3CLM5.js → FeaturePreviewPage-DriDr9id-IfgJ91nt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{u as w,X as f,M as k,a7 as s,g as p,j as e,bM as y,C as n,bO as x,bP as z,p as c}from"./index-BJ9YQ2PG.js";import{n as l}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const i={popupWidth:new n(200,468,468,468),buttonWidth:new n(140,160,160,160),popupContainerLeft:new n(c[0],c[0],255),popupContainerWidth:new n(100,100,85)},_=l.div`
+import{u as w,X as f,M as k,ab as s,g as p,j as e,bN as y,C as n,bP as x,bQ as z,p as c}from"./index-GMJ2nuUF.js";import{n as l}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const i={popupWidth:new n(200,468,468,468),buttonWidth:new n(140,160,160,160),popupContainerLeft:new n(c[0],c[0],255),popupContainerWidth:new n(100,100,85)},_=l.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -8,4 +8,4 @@ import{u as w,X as f,M as k,a7 as s,g as p,j as e,bM as y,C as n,bO as x,bP as z
 `,C=l.img`
   width: 100%;
   height: 100%;
-`,W={mobile:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",overview:""},normal:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",overview:""}};function M({menuItem:t,onDemoClick:g,onGoBack:d}){const a=w(),o=f(),u=`${W[o==="small"?"mobile":"normal"][t]}-${a.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[t],h=a.mode==="light"?new s(p.backgroundGradient1Light):new s(p.backgroundGradient1Dark),b=a.mode==="light"?new s(p.backgroundGradient2Light):new s(p.backgroundGradient2Dark),v={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(_,{children:[e.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(z,{children:m.title}),descriptionComponent:e.jsx(x,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:v,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{M as default};
+`,W={mobile:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",overview:""},normal:{dashboard:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",overview:""}};function q({menuItem:t,onDemoClick:g,onGoBack:d}){const a=w(),o=f(),u=`${W[o==="small"?"mobile":"normal"][t]}-${a.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[t],h=a.mode==="light"?new s(p.backgroundGradient1Light):new s(p.backgroundGradient1Dark),b=a.mode==="light"?new s(p.backgroundGradient2Light):new s(p.backgroundGradient2Dark),v={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(_,{children:[e.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(z,{children:m.title}),descriptionComponent:e.jsx(x,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:v,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{q as default};

package/dist/assets/{FollowStepsSection-laCvnETV-BQUar6s-.js → FollowStepsSection-5025urr9-BhQV5Gxg.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as i,Y as M,ee as ce,H as le,fA as pe,fB as ue,K as he,g as u,p as g,g1 as ge,cm as be,co as ye,m as ve,b1 as we,v as _,df as $e,b2 as me,a$ as ke}from"./index-BJ9YQ2PG.js";import{b as V,n as d}from"./vendor-CnQcJ2Lu.js";const v={width:new S(343,580,726),height:new S(g[6],g[6]),controlHeight:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTop:new S(g[3],g[3]),paddingBottom:new S(g[3],g[2]),labelMarginRight:new S(g[3],g[4])};function je({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=H(),{formState:{errors:j}}=A(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Te,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,"data-testid":M("labeled-multi-text-field",t.name),children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(Le,{labelWidth:o.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(oe,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Oe,{children:[l.jsx(se,{}),l.jsx(Se,{}),l.jsx(se,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
+import{j as l,X as A,M as Q,cg as H,co as G,u as ee,cm as J,C as S,fK as Z,o as i,Y as M,eh as ce,J as le,fD as pe,fE as ue,K as he,g as u,p as g,g4 as ge,cn as be,cp as ye,m as ve,b2 as we,q as _,dh as $e,b3 as me,b0 as ke}from"./index-GMJ2nuUF.js";import{b as V,n as d}from"./vendor-CnQcJ2Lu.js";const v={width:new S(343,580,726),height:new S(g[6],g[6]),controlHeight:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTop:new S(g[3],g[3]),paddingBottom:new S(g[3],g[2]),labelMarginRight:new S(g[3],g[4])};function je({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=A(),{formState:{errors:j}}=H(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Te,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,"data-testid":M("labeled-multi-text-field",t.name),children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(Le,{labelWidth:o.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(oe,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Oe,{children:[l.jsx(se,{}),l.jsx(Se,{}),l.jsx(se,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -95,7 +95,7 @@ import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
   margin-top: ${i.sp1};
-`;function Ie({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=H(),{formState:{errors:j}}=A(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Ee,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(De,{labelWidth:o.width,children:[p.hideField?null:l.jsxs(Ce,{children:[l.jsx(de,{}),l.jsx(ze,{isAdditionalLabel:(!!t.additionalInfoLabel&&t.isDisabled)===!0}),l.jsx(de,{})]}),l.jsxs(Ue,{children:[l.jsxs(ae,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(ne,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(ae,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(ne,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Ee=d.div`
+`;function Ie({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=A(),{formState:{errors:j}}=H(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Ee,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(De,{labelWidth:o.width,children:[p.hideField?null:l.jsxs(Ce,{children:[l.jsx(de,{}),l.jsx(ze,{isAdditionalLabel:(!!t.additionalInfoLabel&&t.isDisabled)===!0}),l.jsx(de,{})]}),l.jsxs(Ue,{children:[l.jsxs(ae,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(ne,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(ae,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(ne,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Ee=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -198,7 +198,7 @@ import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
   margin-top: ${i.sp1};
-`;function pl(e){return H()==="small"?l.jsx(Ie,{...e}):l.jsx(je,{...e})}const Ne=({allOptions:e,selectedValue:o,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:m,placeholderLabel:j})=>{const{formState:{errors:f}}=A(),T=G(f,t??""),r=ee(),[O,E]=V.useState(void 0),[b,q]=V.useState(m),z=n=>n.map(w=>N(w)),N=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=o==null?void 0:N(o);E(n?.label===""?void 0:n)},[o,$,N]);const W=n=>{p(n)},I=r.colors.grey5,B=r.colors.grey5,R=_.smallRegular,D=_.extraSmallRegular,F={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?r.colors.background:T===!0?u.importantLight:r.colors.background,boxShadow:B,":hover":{fill:r.colors.primary,backgroundColor:r.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:B,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${i.sp0}`,height:`${i.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...D,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:i.sp3,marginRight:i.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:I,borderRadius:4,boxShadow:`${i.sp0} 2px ${i.sp2} ${r.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:g[4],..._.standardRegular.cssObject,color:T===!0?u.important:r.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:C,data:s})=>({...n,...R,height:g[6],color:s.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?r.colors.background:I,cursor:C?"not-allowed":"pointer",borderTop:s.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:r.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:C?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:r.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{q(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{W(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:O,value:O,placeholder:j,components:{Option:Fe,DropdownIndicator:Ae,IndicatorSeparator:qe,SingleValue:Re},hideSelectedOptions:!1,styles:F,options:z(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":M("single-select",t)},$e())})},Re=({children:e,...o})=>l.jsx(me.SingleValue,{...o,children:e}),Fe=e=>{const{data:o,options:t,isFocused:p,label:$,isSelected:k}=e,m=t.find(f=>f.value===o.value),j=typeof o.label=="string"?o.label:o.value;return l.jsxs(me.Option,{...e,children:[l.jsxs(Pe,{"data-testid":M("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&m?.id!=null&&l.jsx(Me,{children:m.id})]}),k?l.jsx(Be,{children:l.jsx(He,{className:"tick-icon"})}):null]}),m.additionalInfo!==""&&l.jsx(l.Fragment,{children:m.additionalInfo})]})},Pe=d.div`
+`;function pl(e){return A()==="small"?l.jsx(Ie,{...e}):l.jsx(je,{...e})}const Ne=({allOptions:e,selectedValue:o,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:m,placeholderLabel:j})=>{const{formState:{errors:f}}=H(),T=G(f,t??""),r=ee(),[O,E]=V.useState(void 0),[b,q]=V.useState(m),z=n=>n.map(w=>N(w)),N=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=o==null?void 0:N(o);E(n?.label===""?void 0:n)},[o,$,N]);const W=n=>{p(n)},I=r.colors.grey5,B=r.colors.grey5,R=_.smallRegular,D=_.extraSmallRegular,F={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?r.colors.background:T===!0?u.importantLight:r.colors.background,boxShadow:B,":hover":{fill:r.colors.primary,backgroundColor:r.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:B,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${i.sp0}`,height:`${i.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...D,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:i.sp3,marginRight:i.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:I,borderRadius:4,boxShadow:`${i.sp0} 2px ${i.sp2} ${r.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:g[4],..._.standardRegular.cssObject,color:T===!0?u.important:r.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:C,data:s})=>({...n,...R,height:g[6],color:s.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?r.colors.background:I,cursor:C?"not-allowed":"pointer",borderTop:s.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:r.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:C?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:r.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{q(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{W(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:O,value:O,placeholder:j,components:{Option:Fe,DropdownIndicator:He,IndicatorSeparator:qe,SingleValue:Re},hideSelectedOptions:!1,styles:F,options:z(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":M("single-select",t)},$e())})},Re=({children:e,...o})=>l.jsx(me.SingleValue,{...o,children:e}),Fe=e=>{const{data:o,options:t,isFocused:p,label:$,isSelected:k}=e,m=t.find(f=>f.value===o.value),j=typeof o.label=="string"?o.label:o.value;return l.jsxs(me.Option,{...e,children:[l.jsxs(Pe,{"data-testid":M("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&m?.id!=null&&l.jsx(Me,{children:m.id})]}),k?l.jsx(Be,{children:l.jsx(Ae,{className:"tick-icon"})}):null]}),m.additionalInfo!==""&&l.jsx(l.Fragment,{children:m.additionalInfo})]})},Pe=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -220,12 +220,12 @@ import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as
   margin: 0 ${i.sp5} 0 ${i.sp3};
 `,Be=d.div`
   display: flex;
-`,He=d(ke)`
+`,Ae=d(ke)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.primary};
-`,Ae=()=>null,qe=()=>null,We=({name:e,registerOptions:o,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:m}=A(),j=t.allOptions.map(r=>r.value??""),f=r=>t.allOptions.filter(O=>O.value===r)[0]?.label??"",T=r=>t.allOptions.find(O=>O.value===r.value)?.value;return l.jsx(ye,{name:e,control:m,defaultValue:t,rules:o,"data-testid":M("single-select-field",e),render:({field:{value:r,onChange:O}})=>l.jsx(Ne,{allOptions:j,onSelectedValueChanged:E=>{O({allOptions:t.allOptions,selectedOption:T(E)})},valueToLabel:E=>f(E),selectedValue:r.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},fe=V.memo(We,(e,o)=>le(e,o)),L={width:new S(343,580,726),height:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTopBottom:new S(g[3],g[3]),labelMarginRight:new S(g[3],g[4])},K=(e,o)=>`${e}.${o}`;function _e({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:O,allAccountingClasses:E,stepsInfo:b,productType:q}){const z=H(),{commonSetUp:{approval:N}}=Q.getLocalizedStrings(),W=T.length+O.length,I=f.map(s=>s.user),{control:B,setValue:R}=A(),{fields:D,replace:F}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:L.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Qe,{children:[h+1,"."]}),l.jsx(Xe,{children:l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j})}),l.jsxs(Ye,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,q);x.length>0&&y.push(x),c.accountingClassIDs.forEach(X=>{const P=E.find(Y=>Y.classId===X);P!=null&&P.className&&y.push(P.className)})}return y}}),s.stepIndex>0&&l.jsx(Ke,{onClick:()=>w(h)})]})]},D[h]?.id||h)),l.jsx(Je,{disabled:C,children:l.jsx(he,{onClick:n,style:{padding:`${i.sp1} ${i.sp2}`,borderRadius:i.sp1},label:N.addStep,size:"small",disabled:C,"data-testid":M("add-step-button-web")})})]})}const xe=(e,o,t)=>({stepIndex:e,actors:{allUsers:o,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:re,selectedOption:void 0}}),te=e=>{const o=Q.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:o[t].label,value:t,position:"top",subtitles:[o[t].subTitle]}))},re=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
+`,He=()=>null,qe=()=>null,We=({name:e,registerOptions:o,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:m}=H(),j=t.allOptions.map(r=>r.value??""),f=r=>t.allOptions.filter(O=>O.value===r)[0]?.label??"",T=r=>t.allOptions.find(O=>O.value===r.value)?.value;return l.jsx(ye,{name:e,control:m,defaultValue:t,rules:o,"data-testid":M("single-select-field",e),render:({field:{value:r,onChange:O}})=>l.jsx(Ne,{allOptions:j,onSelectedValueChanged:E=>{O({allOptions:t.allOptions,selectedOption:T(E)})},valueToLabel:E=>f(E),selectedValue:r.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},fe=V.memo(We,(e,o)=>le(e,o)),L={width:new S(343,580,726),height:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTopBottom:new S(g[3],g[3]),labelMarginRight:new S(g[3],g[4])},K=(e,o)=>`${e}.${o}`;function _e({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:O,allAccountingClasses:E,stepsInfo:b,productType:q}){const z=A(),{commonSetUp:{approval:N}}=Q.getLocalizedStrings(),W=T.length+O.length,I=f.map(s=>s.user),{control:B,setValue:R}=H(),{fields:D,replace:F}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:L.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Qe,{children:[h+1,"."]}),l.jsx(Xe,{children:l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j})}),l.jsxs(Ye,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,q);x.length>0&&y.push(x),c.accountingClassIDs.forEach(X=>{const P=E.find(Y=>Y.classId===X);P!=null&&P.className&&y.push(P.className)})}return y}}),s.stepIndex>0&&l.jsx(Ke,{onClick:()=>w(h)})]})]},D[h]?.id||h)),l.jsx(Je,{disabled:C,children:l.jsx(he,{onClick:n,style:{padding:`${i.sp1} ${i.sp2}`,borderRadius:i.sp1},label:N.addStep,size:"small",disabled:C,"data-testid":M("add-step-button-web")})})]})}const xe=(e,o,t)=>({stepIndex:e,actors:{allUsers:o,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:re,selectedOption:void 0}}),te=e=>{const o=Q.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:o[t].label,value:t,position:"top",subtitles:[o[t].subTitle]}))},re=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -303,7 +303,7 @@ import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as
 `,Qe=d.div`
   width: ${i.sp5};
   color: ${e=>e.theme.colors.hero};
-`;function el({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:O,allAccountingClasses:E,stepsInfo:b,productType:q}){const z=H(),{commonSetUp:{approval:N}}=Q.getLocalizedStrings(),W=T.length+O.length,I=f.map(s=>s.user),{control:B,setValue:R}=A(),{fields:D,replace:F}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:L.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,q);x.length>0&&y.push(x),c.accountingClassIDs.forEach(X=>{const P=E.find(Y=>Y.classId===X);P!=null&&P.className&&y.push(P.className)})}return y}})}),s.stepIndex>0&&l.jsx(rl,{onClick:()=>w(h),"data-testid":M("delete-step",h.toString())})]})]})]},D[h]?.id||h)),l.jsx(il,{disabled:C,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:N.addStep,size:"standard",variant:"light_transparent",disabled:C,"data-testid":M("add-step-button-small")})})]})}const ll=d.div`
+`;function el({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:O,allAccountingClasses:E,stepsInfo:b,productType:q}){const z=A(),{commonSetUp:{approval:N}}=Q.getLocalizedStrings(),W=T.length+O.length,I=f.map(s=>s.user),{control:B,setValue:R}=H(),{fields:D,replace:F}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:L.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,q);x.length>0&&y.push(x),c.accountingClassIDs.forEach(X=>{const P=E.find(Y=>Y.classId===X);P!=null&&P.className&&y.push(P.className)})}return y}})}),s.stepIndex>0&&l.jsx(rl,{onClick:()=>w(h),"data-testid":M("delete-step",h.toString())})]})]})]},D[h]?.id||h)),l.jsx(il,{disabled:C,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:N.addStep,size:"standard",variant:"light_transparent",disabled:C,"data-testid":M("add-step-button-small")})})]})}const ll=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -387,4 +387,4 @@ import{j as l,X as H,M as Q,cf as A,cn as G,u as ee,cl as J,C as S,fH as Z,o as
 `,dl=d.div`
   width: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
-`;function ul(e){return H()==="small"?l.jsx(el,{...e}):l.jsx(_e,{...e})}export{pl as b,ul as f,re as l,te as o};
+`;function ul(e){return A()==="small"?l.jsx(el,{...e}):l.jsx(_e,{...e})}export{pl as b,ul as f,re as l,te as o};

package/dist/assets/{GlobalReviewListPage-CskEuHc5-Cjbio4XA.js → GlobalReviewListPage-BFjOsp4u-dTOZQfQK.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,bK as Ce,o,K as je,Y as T,be as Qe,bJ as et,ai as tt,dh as lt,bR as ot,T as it,d as nt,cp as at,aZ as We,a5 as rt,C as N,l as Fe,bf as se,p as $,dm as Ie,w as we,bX as st,b_ as dt,cf as ct,hC as ht,dd as ye,cr as me,bs as E,eo as ke,m as mt,hH as gt,q as pt,az as ut,hI as Oe,bF as wt,aN as bt,g as De,hJ as xt}from"./index-BJ9YQ2PG.js";import{b as C,n,j as Se}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const Re="recommendedFirst",Ne="recommendedSecond",H="currentSelection",ve="originalVendor",ge="requested",de=(e,l)=>`${e}.${l}`,ce=(e,l,a)=>a!=null?`${e}.${l}.${a}`:`${e}.${l}`;function vt(e){const l=Y(),{button:{label:a,onClick:i},search:{isOpen:g,placeHolder:m,searchText:w,onTextChange:j}}=e;return t.jsxs(ft,{children:[t.jsx(jt,{isSearchOpen:g&&l==="small",windowsize:l,children:l!=="small"?t.jsx(Ce,{style:{position:"absolute",left:"unset",right:o.sp0},placeholder:m,searchText:w,onSearchTextChanged:j}):null}),l==="small"?t.jsx(Ce,{style:{position:"absolute",left:"5px",right:"unset",top:"44px",width:"98%"},placeholder:m,searchText:w,onSearchTextChanged:j,keepSearchBoxOpen:!0}):null,l==="small"?t.jsx(yt,{style:{marginLeft:o.sp5}}):t.jsx(je,{variant:"primary",onClick:i,label:a,size:"small",style:{marginLeft:o.sp3}})]})}const ft=n.div`
+import{u as Ee,X as Y,a as _e,z as Ye,c3 as Je,j as t,M as ue,aW as Xe,F as Ze,bL as Ce,o,K as je,Y as T,bg as Qe,bK as et,ao as tt,dj as lt,bS as ot,T as it,d as nt,cq as at,aZ as We,a9 as rt,C as N,l as Oe,bh as se,p as $,dp as Ie,v as we,bY as st,b$ as dt,cg as ct,hG as ht,df as ye,cs as me,bu as E,er as ke,m as mt,hL as gt,s as pt,hF as ut,hM as Fe,ah as wt,aN as bt,g as De,hN as xt}from"./index-GMJ2nuUF.js";import{b as C,n,j as Se}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const Re="recommendedFirst",Ne="recommendedSecond",H="currentSelection",ve="originalVendor",ge="requested",de=(e,l)=>`${e}.${l}`,ce=(e,l,a)=>a!=null?`${e}.${l}.${a}`:`${e}.${l}`;function vt(e){const l=Y(),{button:{label:a,onClick:i},search:{isOpen:g,placeHolder:m,searchText:w,onTextChange:j}}=e;return t.jsxs(ft,{children:[t.jsx(jt,{isSearchOpen:g&&l==="small",windowsize:l,children:l!=="small"?t.jsx(Ce,{style:{position:"absolute",left:"unset",right:o.sp0},placeholder:m,searchText:w,onSearchTextChanged:j}):null}),l==="small"?t.jsx(Ce,{style:{position:"absolute",left:"5px",right:"unset",top:"44px",width:"98%"},placeholder:m,searchText:w,onSearchTextChanged:j,keepSearchBoxOpen:!0}):null,l==="small"?t.jsx(yt,{style:{marginLeft:o.sp5}}):t.jsx(je,{variant:"primary",onClick:i,label:a,size:"small",style:{marginLeft:o.sp3}})]})}const ft=n.div`
   display: flex;
   flex-direction: row;
   padding-right: ${o.sp0};
@@ -20,7 +20,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${o.sp3};
   height: ${o.sp3};
-`,{headers:be,strings:Mt}=ue.getLocalizedStrings().common,Ct={key:"tenants",value:be.tenants,sortOrder:"ascending",width:new N(15,15)},It={key:"requestedVendor",value:be.requestedVendor,sortOrder:"ascending",width:new N(28,28)},kt={key:"originalVendor",value:be.originalVendor,sortOrder:"ascending",width:new N(15,15)},Rt={key:"recommended",value:be.recommended,sortOrder:"ascending",width:new N(30,30),icon:t.jsx(St,{children:t.jsx($t,{})})},Nt={key:"action",value:Mt.empty,sortOrder:"ascending",width:new N(12,12)},V=[Ct,kt,Rt,It,Nt],fe={sortKey:"tenants",sortOrder:"ascending"},Vt=88,He=53,Gt=1,Lt=["action"],Ve=e=>Fe.stringToUnionStrict(e,Lt),Ue=({sortConfig:e,isDisabled:l,onColumnSortConfigChanged:a})=>{const i=Y(),[g,m]=C.useState(V);C.useEffect(()=>{const c=[...g];for(const h of c)h.key===e.sortKey?h.sortOrder=e.sortOrder:h.sortOrder="ascending";m(c)},[e.sortKey,e.sortOrder]);const w=(c,h)=>{let y=h;e.sortKey===c&&(y=h==="ascending"?"descending":"ascending"),a?.(c,y)},j=c=>{Ve(c.key)==null&&w(Fe.toVendorGlobalReviewColumnSortKeyType(c.key),c.sortOrder)};return t.jsx(zt,{windowSize:i,children:g.map(c=>{const h=l!=null||Ve(c.key)!=null;return t.jsxs(At,{sortDataValue:e.sortKey,actualDataValue:c.key,wrapperWidth:c.width,isSortDisabled:h,windowSize:i,children:[t.jsxs(Ot,{onClick:()=>h?null:j(c),isSortDisabled:h,"data-testid":T("global-review-list-header-name-wrapper"),children:[c.icon,t.jsx(Dt,{children:c.value}),h?null:t.jsx(Tt,{sortConfig:e,headerdata:c,children:t.jsx(Ft,{})})]}),h?null:t.jsx(Wt,{isSortDisabled:h,sortDataValue:e.sortKey,isVisible:e.sortKey===c.key&&e.sortKey!==fe.sortKey,children:t.jsx(Pt,{onClick:()=>{h||w(fe.sortKey,fe.sortOrder)},"data-testid":T("global-review-list-header-close-icon")})})]},c.key)})})},zt=n.div`
+`,{headers:be,strings:Mt}=ue.getLocalizedStrings().common,Ct={key:"tenants",value:be.tenants,sortOrder:"ascending",width:new N(15,15)},It={key:"requestedVendor",value:be.requestedVendor,sortOrder:"ascending",width:new N(28,28)},kt={key:"originalVendor",value:be.originalVendor,sortOrder:"ascending",width:new N(15,15)},Rt={key:"recommended",value:be.recommended,sortOrder:"ascending",width:new N(30,30),icon:t.jsx(St,{children:t.jsx($t,{})})},Nt={key:"action",value:Mt.empty,sortOrder:"ascending",width:new N(12,12)},V=[Ct,kt,Rt,It,Nt],fe={sortKey:"tenants",sortOrder:"ascending"},Vt=88,He=53,Lt=1,Gt=["action"],Ve=e=>Oe.stringToUnionStrict(e,Gt),Ue=({sortConfig:e,isDisabled:l,onColumnSortConfigChanged:a})=>{const i=Y(),[g,m]=C.useState(V);C.useEffect(()=>{const c=[...g];for(const h of c)h.key===e.sortKey?h.sortOrder=e.sortOrder:h.sortOrder="ascending";m(c)},[e.sortKey,e.sortOrder]);const w=(c,h)=>{let y=h;e.sortKey===c&&(y=h==="ascending"?"descending":"ascending"),a?.(c,y)},j=c=>{Ve(c.key)==null&&w(Oe.toVendorGlobalReviewColumnSortKeyType(c.key),c.sortOrder)};return t.jsx(zt,{windowSize:i,children:g.map(c=>{const h=l!=null||Ve(c.key)!=null;return t.jsxs(At,{sortDataValue:e.sortKey,actualDataValue:c.key,wrapperWidth:c.width,isSortDisabled:h,windowSize:i,children:[t.jsxs(Ft,{onClick:()=>h?null:j(c),isSortDisabled:h,"data-testid":T("global-review-list-header-name-wrapper"),children:[c.icon,t.jsx(Dt,{children:c.value}),h?null:t.jsx(Tt,{sortConfig:e,headerdata:c,children:t.jsx(Ot,{})})]}),h?null:t.jsx(Wt,{isSortDisabled:h,sortDataValue:e.sortKey,isVisible:e.sortKey===c.key&&e.sortKey!==fe.sortKey,children:t.jsx(Pt,{onClick:()=>{h||w(fe.sortKey,fe.sortOrder)},"data-testid":T("global-review-list-header-close-icon")})})]},c.key)})})},zt=n.div`
   top: ${o.sp0};
   left: ${o.sp0};
   height: ${He}px;
@@ -63,10 +63,10 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   &:hover {
     color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
   }
-`,Ft=n(st)`
+`,Ot=n(st)`
   width: 12px;
   height: 12px;
-`,Ot=n.div`
+`,Ft=n.div`
   display: flex;
   cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
   gap: 6px;
@@ -75,7 +75,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   }
 `,Dt=n(we)`
   display: flex;
-`,{common:f,vendorReview:{globalReview:{globalMerchantList:Ht}}}=ue.getLocalizedStrings(),s={containerPaddingLeftRight:new N($[3],$[4]),containerPaddingTopBottom:new N($[2],$[3]),logoHeightAndWidth:new N($[3],$[4]),vendorNameLogoHeightAndWidth:new N($[4],$[6]),logoToValueGap:new N($[2],$[2]),smallLogoToValueGap:new N($[1],$[1])},Ut=({vendorGlobalReviewData:e,allGlobalMerchants:l,globalMerchantAutoCompleteView:a,sectionId:i,isDisabled:g,analytics:m,onLoadGlobalMerchants:w,onCreateGlobalMerchant:j,onApproveGlobalReview:c,onRejectGlobalReview:h,onClearGlobalMerchantAutoCompleteResults:y})=>{const d=Y(),{resetField:U,formState:q}=ct(),[G,I]=C.useState(!1),[L,W]=i.split("."),F=parseInt(W),O=q.dirtyFields[L]?.[F]?.originalVendor===!0&&e.selectedMerchantId!==e.merchant.tenantMerchantId,J=e.currentSelection!=null,{merchant:p,recommendations:K}=e,{fetchState:B}=a,oe=u=>{let S=u.websiteUrl?.toString();if(S){if(S=Oe(S)??S,e.selectedMerchantId!=null){const r=u.globalMerchantName??null;m.trackVendorReviewWebsiteOpened({reviewSource:"global_review",vendorName:e.merchant.tenantMerchantName,wasRecommendationAvailable:!!r,recommendedVendorName:r,recommendedVendorReason:u.reason??null,vendorWebsite:S})}window.open(S,"_blank")}},x=[];K.forEach((u,S)=>{const r=`recommended${ht(S)}`;x.push({label:{label:t.jsx(t.Fragment,{children:u.logo!=null?t.jsxs(ze,{children:[t.jsx(ye,{photoUrl:u.logo.toString(),styles:{width:s.logoHeightAndWidth.valuePx(d),height:s.logoHeightAndWidth.valuePx(d)},placeholder:{width:s.logoHeightAndWidth.value(d),height:s.logoHeightAndWidth.value(d)},fallbackAvatar:t.jsx(pe,{children:t.jsx(me,{name:u.globalMerchantName,size:s.logoHeightAndWidth.valuePx(d)})})}),t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:u.globalMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:u.globalMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(i,H,r),checkBoxValue:ce(i,H,r),defaultChecked:e.currentSelection===r},tooltipProps:{text:t.jsx(Jt,{recommendation:u,onRedirectionToRecommendedMerchantWebsiteUrl:()=>oe(u)}),maxWidth:"360px"},fieldName:r})});const v=p!=null?{label:{label:t.jsx(t.Fragment,{children:p.logo!=null?t.jsxs(ze,{children:[t.jsx(ye,{photoUrl:p.logo.toString(),styles:{width:s.logoHeightAndWidth.valuePx(d),height:s.logoHeightAndWidth.valuePx(d)},placeholder:{width:s.logoHeightAndWidth.value(d),height:s.logoHeightAndWidth.value(d)},fallbackAvatar:t.jsx(pe,{children:t.jsx(me,{name:p.tenantMerchantName,size:s.logoHeightAndWidth.valuePx(d)})})}),t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:p.tenantMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:p.tenantMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(i,H,ge),checkBoxValue:ce(i,H,ge),defaultChecked:e.currentSelection==="requested"},tooltipProps:{text:t.jsx(Xt,{merchant:p}),maxWidth:"360px"}}:void 0;let D=p.oldMerchantName;e.currentSelection==="originalVendor"&&e.selectedMerchantId!=null&&(D=e.selectedMerchantId);const k=C.useMemo(()=>Be(D,e.merchant,l),[e,l]),ae=()=>{I(!1),y()},xe=()=>{U(i)};return t.jsx(qe,{windowSize:d,isActiveField:O,children:V.map((u,S)=>{switch(u.key){case"originalVendor":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,children:G===!0?t.jsx(mt,{onClickAway:ae,children:t.jsx(Et,{children:t.jsx(gt,{name:de(i,"originalVendor"),defaultValue:k,isOptionsLoading:B==="In-Progress",addIconInCreateLabel:!0,autoFocus:!0,isDisabled:g,style:{marginRight:o.sp4},menuIsOpen:G,loadOptions:w,customStyleConfig:{valueContainer:(r,b)=>({justifyContent:"flex-start",margin:`${o.sp0} ${b.selectProps.menuIsOpen===!1?o.sp0:o.sp3}`}),menu:()=>({width:"150%"}),singleValue:()=>({display:"flex",alignItems:"center",color:"inherit"})},onCreateOptionClick:r=>{j(p.tenantMerchantId,r,p.websiteUrl)},onMenuClose:ae})})}):k.selectedOption!=null?Yt(k.selectedOption,p,l,d,S,O,I,xe):t.jsxs(M,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:[Ht.selectPlaceholder,t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{onClick:()=>I(!0),"data-testid":T("global-review-list-row-edit-icon")})})]})},de(i,"originalVendor"));case"recommended":return t.jsx(t.Fragment,{children:t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.logoToValueGap,children:x.map((r,b)=>t.jsxs(t.Fragment,{children:[t.jsx(M,{windowSize:d,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsx(ke,{isHighlighted:!0,label:r.label,checkBoxField:r.checkBoxField,tooltipProps:r.tooltipProps,defaultChecked:e.currentSelection===r.fieldName})},b),b<x.length-1?t.jsxs(Kt,{children:[" ",f.texts.or]}):null]}))})});case"action":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.smallLogoToValueGap,children:t.jsxs(M,{className:"global-review-row-button",windowSize:d,isLastItem:S===V.length-1,children:[t.jsx(je,{variant:"light_transparent",label:f.footer.reject,onClick:()=>h(p.tenantMerchantId),loading:e.rejectStatus.fetchState==="In-Progress",size:"small",style:{height:"100%"}}),t.jsx(_t,{space:o.sp0,style:{display:"flex",alignItems:"center",height:o.sp4,width:o.sp3}}),t.jsx(je,{label:f.footer.approve,onClick:()=>c(p.tenantMerchantId),disabled:!J,loading:e.approveStatus.fetchState==="In-Progress",size:"small",variant:"primary"})]})},`${i}.${u.key}`);case"requestedVendor":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.smallLogoToValueGap,children:p.tenantMerchantName&&v!=null?t.jsx(M,{windowSize:d,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsx(ke,{isHighlighted:!0,label:v.label,checkBoxField:v.checkBoxField,tooltipProps:v.tooltipProps,defaultChecked:e.currentSelection==="requested"})}):t.jsx(M,{className:"vendor-global-review-row-item",windowSize:d,isLastItem:!1,children:f.strings.hyphen})},de(i,"merchantId"));case"tenants":default:return t.jsx(P,{windowSize:d,wrapperWidth:u.width,children:t.jsx(Bt,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:t.jsx(E,{display:"block",placement:"bottom-start",title:t.jsx(_,{children:p.tenantName}),children:t.jsx(Q,{children:p.tenantName})})})},de(i,"tenantId"))}})})},qt=()=>{const e=Y();return t.jsx(qe,{windowSize:e,isActiveField:!1,children:V.map((l,a)=>{switch(l.key){case"originalVendor":case"recommended":return t.jsxs(P,{windowSize:e,wrapperWidth:l.width,gap:s.smallLogoToValueGap,children:[t.jsx(Ie,{width:s.logoHeightAndWidth.value(e),height:s.logoHeightAndWidth.value(e)}),t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:120,height:s.logoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},l.key);case"requestedVendor":return t.jsxs(P,{windowSize:e,wrapperWidth:l.width,gap:s.logoToValueGap,children:[t.jsx(Ie,{width:s.vendorNameLogoHeightAndWidth.value(e),height:s.vendorNameLogoHeightAndWidth.value(e)}),t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:120,height:s.vendorNameLogoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},l.key);case"tenants":return t.jsx(P,{windowSize:e,wrapperWidth:l.width,children:t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:100,height:$[4],style:{display:"flex",alignItems:"center"}})})},l.key);case"action":default:return t.jsx(P,{windowSize:e,wrapperWidth:l.width,children:t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:$[11],height:$[5],style:{display:"flex",alignItems:"center"}})})},l.key)}})})},qe=n.div`
+`,{common:f,vendorReview:{globalReview:{globalMerchantList:Ht}}}=ue.getLocalizedStrings(),s={containerPaddingLeftRight:new N($[3],$[4]),containerPaddingTopBottom:new N($[2],$[3]),logoHeightAndWidth:new N($[3],$[4]),vendorNameLogoHeightAndWidth:new N($[4],$[6]),logoToValueGap:new N($[2],$[2]),smallLogoToValueGap:new N($[1],$[1])},Ut=({vendorGlobalReviewData:e,allGlobalMerchants:l,globalMerchantAutoCompleteView:a,sectionId:i,isDisabled:g,analytics:m,onLoadGlobalMerchants:w,onCreateGlobalMerchant:j,onApproveGlobalReview:c,onRejectGlobalReview:h,onClearGlobalMerchantAutoCompleteResults:y})=>{const d=Y(),{resetField:U,formState:q}=ct(),[L,I]=C.useState(!1),[G,W]=i.split("."),O=parseInt(W),F=q.dirtyFields[G]?.[O]?.originalVendor===!0&&e.selectedMerchantId!==e.merchant.tenantMerchantId,J=e.currentSelection!=null,{merchant:p,recommendations:K}=e,{fetchState:B}=a,oe=u=>{let S=u.websiteUrl?.toString();if(S){if(S=Fe(S)??S,e.selectedMerchantId!=null){const r=u.globalMerchantName??null;m.trackVendorReviewWebsiteOpened({reviewSource:"global_review",vendorName:e.merchant.tenantMerchantName,wasRecommendationAvailable:!!r,recommendedVendorName:r,recommendedVendorReason:u.reason??null,vendorWebsite:S})}window.open(S,"_blank")}},x=[];K.forEach((u,S)=>{const r=`recommended${ht(S)}`;x.push({label:{label:t.jsx(t.Fragment,{children:u.logo!=null?t.jsxs(ze,{children:[t.jsx(ye,{photoUrl:u.logo.toString(),styles:{width:s.logoHeightAndWidth.valuePx(d),height:s.logoHeightAndWidth.valuePx(d)},placeholder:{width:s.logoHeightAndWidth.value(d),height:s.logoHeightAndWidth.value(d)},fallbackAvatar:t.jsx(pe,{children:t.jsx(me,{name:u.globalMerchantName,size:s.logoHeightAndWidth.valuePx(d)})})}),t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:u.globalMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:u.globalMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(i,H,r),checkBoxValue:ce(i,H,r),defaultChecked:e.currentSelection===r},tooltipProps:{text:t.jsx(Jt,{recommendation:u,onRedirectionToRecommendedMerchantWebsiteUrl:()=>oe(u)}),maxWidth:"360px"},fieldName:r})});const v=p!=null?{label:{label:t.jsx(t.Fragment,{children:p.logo!=null?t.jsxs(ze,{children:[t.jsx(ye,{photoUrl:p.logo.toString(),styles:{width:s.logoHeightAndWidth.valuePx(d),height:s.logoHeightAndWidth.valuePx(d)},placeholder:{width:s.logoHeightAndWidth.value(d),height:s.logoHeightAndWidth.value(d)},fallbackAvatar:t.jsx(pe,{children:t.jsx(me,{name:p.tenantMerchantName,size:s.logoHeightAndWidth.valuePx(d)})})}),t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:p.tenantMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(Q,{children:p.tenantMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(i,H,ge),checkBoxValue:ce(i,H,ge),defaultChecked:e.currentSelection==="requested"},tooltipProps:{text:t.jsx(Xt,{merchant:p}),maxWidth:"360px"}}:void 0;let D=p.oldMerchantName;e.currentSelection==="originalVendor"&&e.selectedMerchantId!=null&&(D=e.selectedMerchantId);const k=C.useMemo(()=>Be(D,e.merchant,l),[e,l]),ae=()=>{I(!1),y()},xe=()=>{U(i)};return t.jsx(qe,{windowSize:d,isActiveField:F,children:V.map((u,S)=>{switch(u.key){case"originalVendor":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,children:L===!0?t.jsx(mt,{onClickAway:ae,children:t.jsx(Et,{children:t.jsx(gt,{name:de(i,"originalVendor"),defaultValue:k,isOptionsLoading:B==="In-Progress",addIconInCreateLabel:!0,autoFocus:!0,isDisabled:g,style:{marginRight:o.sp4},menuIsOpen:L,loadOptions:w,customStyleConfig:{valueContainer:(r,b)=>({justifyContent:"flex-start",margin:`${o.sp0} ${b.selectProps.menuIsOpen===!1?o.sp0:o.sp3}`}),menu:()=>({width:"150%"}),singleValue:()=>({display:"flex",alignItems:"center",color:"inherit"})},onCreateOptionClick:r=>{j(p.tenantMerchantId,r,p.websiteUrl)},onMenuClose:ae})})}):k.selectedOption!=null?Yt(k.selectedOption,p,l,d,S,F,I,xe):t.jsxs(M,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:[Ht.selectPlaceholder,t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{onClick:()=>I(!0),"data-testid":T("global-review-list-row-edit-icon")})})]})},de(i,"originalVendor"));case"recommended":return t.jsx(t.Fragment,{children:t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.logoToValueGap,children:x.map((r,b)=>t.jsxs(t.Fragment,{children:[t.jsx(M,{windowSize:d,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsx(ke,{isHighlighted:!0,label:r.label,checkBoxField:r.checkBoxField,tooltipProps:r.tooltipProps,defaultChecked:e.currentSelection===r.fieldName})},b),b<x.length-1?t.jsxs(Kt,{children:[" ",f.texts.or]}):null]}))})});case"action":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.smallLogoToValueGap,children:t.jsxs(M,{className:"global-review-row-button",windowSize:d,isLastItem:S===V.length-1,children:[t.jsx(je,{variant:"light_transparent",label:f.footer.reject,onClick:()=>h(p.tenantMerchantId),loading:e.rejectStatus.fetchState==="In-Progress",size:"small",style:{height:"100%"}}),t.jsx(_t,{space:o.sp0,style:{display:"flex",alignItems:"center",height:o.sp4,width:o.sp3}}),t.jsx(je,{label:f.footer.approve,onClick:()=>c(p.tenantMerchantId),disabled:!J,loading:e.approveStatus.fetchState==="In-Progress",size:"small",variant:"primary"})]})},`${i}.${u.key}`);case"requestedVendor":return t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.smallLogoToValueGap,children:p.tenantMerchantName&&v!=null?t.jsx(M,{windowSize:d,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsx(ke,{isHighlighted:!0,label:v.label,checkBoxField:v.checkBoxField,tooltipProps:v.tooltipProps,defaultChecked:e.currentSelection==="requested"})}):t.jsx(M,{className:"vendor-global-review-row-item",windowSize:d,isLastItem:!1,children:f.strings.hyphen})},de(i,"merchantId"));case"tenants":default:return t.jsx(P,{windowSize:d,wrapperWidth:u.width,children:t.jsx(Bt,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:t.jsx(E,{display:"block",placement:"bottom-start",title:t.jsx(_,{children:p.tenantName}),children:t.jsx(Q,{children:p.tenantName})})})},de(i,"tenantId"))}})})},qt=()=>{const e=Y();return t.jsx(qe,{windowSize:e,isActiveField:!1,children:V.map((l,a)=>{switch(l.key){case"originalVendor":case"recommended":return t.jsxs(P,{windowSize:e,wrapperWidth:l.width,gap:s.smallLogoToValueGap,children:[t.jsx(Ie,{width:s.logoHeightAndWidth.value(e),height:s.logoHeightAndWidth.value(e)}),t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:120,height:s.logoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},l.key);case"requestedVendor":return t.jsxs(P,{windowSize:e,wrapperWidth:l.width,gap:s.logoToValueGap,children:[t.jsx(Ie,{width:s.vendorNameLogoHeightAndWidth.value(e),height:s.vendorNameLogoHeightAndWidth.value(e)}),t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:120,height:s.vendorNameLogoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},l.key);case"tenants":return t.jsx(P,{windowSize:e,wrapperWidth:l.width,children:t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:100,height:$[4],style:{display:"flex",alignItems:"center"}})})},l.key);case"action":default:return t.jsx(P,{windowSize:e,wrapperWidth:l.width,children:t.jsx(M,{windowSize:e,isLastItem:a===V.length-1,children:t.jsx(se,{width:$[11],height:$[5],style:{display:"flex",alignItems:"center"}})})},l.key)}})})},qe=n.div`
   display: flex;
   margin-bottom: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -170,7 +170,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   align-items: center;
   visibility: hidden;
   cursor: pointer;
-`,Ge=n(xt)`
+`,Le=n(xt)`
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   height: ${o.sp3};
@@ -179,7 +179,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   display: flex;
   align-items: center;
   cursor: pointer;
-`,Le=n.div`
+`,Ge=n.div`
   display: flex;
   text-align: center;
   align-items: center;
@@ -215,7 +215,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
 `,ze=n.div`
   display: flex;
   gap: ${o.sp2};
-`,Be=(e,l,a)=>{const i=a.find(m=>m.globalMerchantId===e),g=l.tenantMerchantId===e?{label:l.tenantMerchantName,value:l.tenantMerchantId}:i!=null?{label:i.globalMerchantName,value:i.globalMerchantId}:void 0;return g!=null?{defaultOptions:[g],selectedOption:e}:{defaultOptions:[],selectedOption:e}},Yt=(e,l,a,i,g,m,w,j)=>{const c=a.find(y=>y.globalMerchantId===e),h=l.tenantMerchantId===e?{logo:l.logo,name:l.tenantMerchantName}:c!=null?{logo:c.logo,name:c.globalMerchantName}:e.length>0?{logo:void 0,name:e}:void 0;return h==null?t.jsxs(t.Fragment,{children:[t.jsx(M,{className:"vendor-global-review-row-item",windowSize:i,isLastItem:!1,children:f.strings.hyphen}),t.jsxs(Le,{children:[t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{className:"edit-icon",onClick:()=>w(!0),"data-testid":T("global-review-list-row-edit-icon")})}),m?t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Ge,{className:"reset-icon",onClick:j,"data-testid":T("global-review-list-row-undo-icon")})}):null]})]}):t.jsxs(t.Fragment,{children:[h.logo!=null?t.jsx(ye,{photoUrl:h.logo.toString(),styles:{width:s.vendorNameLogoHeightAndWidth.valuePx(i),height:s.vendorNameLogoHeightAndWidth.valuePx(i),marginRight:s.logoToValueGap.valuePx(i)},placeholder:{width:s.vendorNameLogoHeightAndWidth.value(i),height:s.vendorNameLogoHeightAndWidth.value(i),style:{marginRight:s.logoToValueGap.valuePx(i)}},fallbackAvatar:t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(i)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(i)})})}):t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(i)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(i)})}),t.jsxs(Le,{children:[t.jsx(M,{className:"global-review-row-item",windowSize:i,isLastItem:g===V.length-1,children:t.jsx(E,{display:"block",placement:"bottom-start",title:t.jsx(_,{children:h.name}),children:t.jsx(Q,{children:h.name})})}),t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{className:"edit-icon",onClick:()=>w(!0),"data-testid":T("global-review-list-row-edit-icon-tooltip")})}),m?t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Ge,{className:"reset-icon",onClick:j})}):null]})]})},Jt=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:l})=>t.jsxs(Ke,{setMaxHeight:!0,children:[t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.vendor}),t.jsx(te,{children:e.globalMerchantName})]}),e.websiteUrl?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.websiteURL}),t.jsx(te,{className:"websiteUrlTooltipText",onClick:()=>l(e),"data-testid":T("global-review-list-row-website-url-tooltip-website-url"),children:e.websiteUrl?.toString()})]}):null]}),Xt=({merchant:e})=>{let l=e.websiteUrl?.toString()??f.strings.empty;return t.jsxs(Ke,{children:[t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.name}),t.jsx(te,{children:e.tenantMerchantName})]}),e.accountName.length?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.category}),t.jsx(te,{children:e.accountName})]}):null,e.accountName.length?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.class}),t.jsx(te,{children:e.className})]}):null,l?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.websiteURL}),t.jsx(te,{className:"websiteUrlTooltipText",onClick:()=>{l&&(l=Oe(l)??l,window.open(l,"_blank"))},"data-testid":T("global-review-list-row-website-url-tooltip"),children:l})]}):null]})},Zt=({sortConfig:e,fetchState:l,isDisabled:a,onColumnSortConfigChanged:i})=>{const g=Y();return t.jsxs(Qt,{windowSize:g,children:[t.jsx(Ue,{sortConfig:e,isDisabled:l==="In-Progress"?"readonly":a,onColumnSortConfigChanged:i}),t.jsx(el,{windowSize:g,children:[...Array(7)].map((m,w)=>t.jsx(qt,{},w))})]})},Qt=n.div`
+`,Be=(e,l,a)=>{const i=a.find(m=>m.globalMerchantId===e),g=l.tenantMerchantId===e?{label:l.tenantMerchantName,value:l.tenantMerchantId}:i!=null?{label:i.globalMerchantName,value:i.globalMerchantId}:void 0;return g!=null?{defaultOptions:[g],selectedOption:e}:{defaultOptions:[],selectedOption:e}},Yt=(e,l,a,i,g,m,w,j)=>{const c=a.find(y=>y.globalMerchantId===e),h=l.tenantMerchantId===e?{logo:l.logo,name:l.tenantMerchantName}:c!=null?{logo:c.logo,name:c.globalMerchantName}:e.length>0?{logo:void 0,name:e}:void 0;return h==null?t.jsxs(t.Fragment,{children:[t.jsx(M,{className:"vendor-global-review-row-item",windowSize:i,isLastItem:!1,children:f.strings.hyphen}),t.jsxs(Ge,{children:[t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{className:"edit-icon",onClick:()=>w(!0),"data-testid":T("global-review-list-row-edit-icon")})}),m?t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Le,{className:"reset-icon",onClick:j,"data-testid":T("global-review-list-row-undo-icon")})}):null]})]}):t.jsxs(t.Fragment,{children:[h.logo!=null?t.jsx(ye,{photoUrl:h.logo.toString(),styles:{width:s.vendorNameLogoHeightAndWidth.valuePx(i),height:s.vendorNameLogoHeightAndWidth.valuePx(i),marginRight:s.logoToValueGap.valuePx(i)},placeholder:{width:s.vendorNameLogoHeightAndWidth.value(i),height:s.vendorNameLogoHeightAndWidth.value(i),style:{marginRight:s.logoToValueGap.valuePx(i)}},fallbackAvatar:t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(i)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(i)})})}):t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(i)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(i)})}),t.jsxs(Ge,{children:[t.jsx(M,{className:"global-review-row-item",windowSize:i,isLastItem:g===V.length-1,children:t.jsx(E,{display:"block",placement:"bottom-start",title:t.jsx(_,{children:h.name}),children:t.jsx(Q,{children:h.name})})}),t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{className:"edit-icon",onClick:()=>w(!0),"data-testid":T("global-review-list-row-edit-icon-tooltip")})}),m?t.jsx(E,{display:"block",placement:"bottom",title:t.jsx(_,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Le,{className:"reset-icon",onClick:j})}):null]})]})},Jt=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:l})=>t.jsxs(Ke,{setMaxHeight:!0,children:[t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.vendor}),t.jsx(te,{children:e.globalMerchantName})]}),e.websiteUrl?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.websiteURL}),t.jsx(te,{className:"websiteUrlTooltipText",onClick:()=>l(e),"data-testid":T("global-review-list-row-website-url-tooltip-website-url"),children:e.websiteUrl?.toString()})]}):null]}),Xt=({merchant:e})=>{let l=e.websiteUrl?.toString()??f.strings.empty;return t.jsxs(Ke,{children:[t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.name}),t.jsx(te,{children:e.tenantMerchantName})]}),e.accountName.length?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.category}),t.jsx(te,{children:e.accountName})]}):null,e.accountName.length?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.class}),t.jsx(te,{children:e.className})]}):null,l?t.jsxs(ee,{children:[t.jsx(le,{children:f.labels.websiteURL}),t.jsx(te,{className:"websiteUrlTooltipText",onClick:()=>{l&&(l=Fe(l)??l,window.open(l,"_blank"))},"data-testid":T("global-review-list-row-website-url-tooltip"),children:l})]}):null]})},Zt=({sortConfig:e,fetchState:l,isDisabled:a,onColumnSortConfigChanged:i})=>{const g=Y();return t.jsxs(Qt,{windowSize:g,children:[t.jsx(Ue,{sortConfig:e,isDisabled:l==="In-Progress"?"readonly":a,onColumnSortConfigChanged:i}),t.jsx(el,{windowSize:g,children:[...Array(7)].map((m,w)=>t.jsx(qt,{},w))})]})},Qt=n.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -224,7 +224,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   display: flex;
   min-height: 100%;
   flex-direction: column;
-`,{common:tl,vendorReview:{globalReview:{globalMerchantList:Ae}}}=ue.getLocalizedStrings(),ll=({vendorGlobalReviewList:e,allGlobalMerchants:l,sectionId:a,listFetchState:i,globalMerchantAutoCompleteView:g,uiState:m,isDisabled:w,analytics:j,onLoadGlobalMerchants:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onCreateGlobalMerchant:d,onApproveGlobalMerchantReview:U,onRejectGlobalMerchantReview:q,onClearGlobalMerchantAutoCompleteResults:G})=>{const I=Y(),L=C.useRef(null),[W,F]=C.useState(!1);C.useEffect(()=>{L.current?.resetAfterIndex(0)},[I,L]),C.useEffect(()=>{i==="Completed"&&F(!1)},[i]);const O=x=>Vt,J=(x,v)=>{h({sortOrder:v,sortKey:x}),y(m.searchText,!1,null)},p=()=>{F(!0),y(m.searchText,!0,m.pageToken)},K=x=>x<e.length,B=()=>{m.pageToken!=null&&i==="Completed"&&p()},oe=x=>{const v=e.find(k=>k.merchant.tenantMerchantId===x),D=l.find(k=>k.globalMerchantId===v?.selectedMerchantId);v?.currentSelection!="requested"||D!=null&&v?.currentSelection=="requested"?U(x):v!=null&&d(x,v.merchant.tenantMerchantName,v.merchant.websiteUrl)};return t.jsxs(nl,{windowSize:I,children:[t.jsx(al,{windowSize:I,children:i==="Error"?t.jsxs(sl,{windowSize:I,children:[t.jsx(dl,{"data-testid":T("global-review-list-table-reload-icon"),onClick:()=>y("",!1,null),children:t.jsx(Qe,{})}),t.jsx(cl,{children:tl.reloadPage.label})]}):i==="Completed"&&e.length===0?t.jsx(et,{message:m.searchText?Ae.noMatchedDataText:Ae.noDataText,style:{padding:o.sp0}}):i==="Not-Started"||i==="In-Progress"&&e.length===0?t.jsx(Zt,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:w,fetchState:i,onColumnSortConfigChanged:J}):t.jsx(rl,{windowSize:I,children:t.jsx(tt,{children:({height:x,width:v})=>t.jsx(lt,{isItemLoaded:K,itemCount:e.length+1,loadMoreItems:B,children:({onItemsRendered:D})=>t.jsxs(ml,{style:{height:x,width:v},children:[t.jsx(il,{children:t.jsx(Ue,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:i==="In-Progress"?"readonly":w,onColumnSortConfigChanged:J})}),t.jsx(ot,{ref:L,height:x-He,itemCount:e.length,itemData:{analytics:j,vendorGlobalReviewList:e,sectionId:a,allGlobalMerchants:l,globalMerchantAutoCompleteView:g,isDisabled:w,onLoadGlobalMerchants:c,onApproveGlobalReview:oe,onRejectGlobalMerchantReview:q,onCreateGlobalMerchant:d,onClearGlobalMerchantAutoCompleteResults:G},onItemsRendered:D,itemSize:O,width:v,style:{willChange:"auto"},overscanCount:Gt,onScroll:({scrollOffset:k})=>{h({scrollYOffset:k})},initialScrollOffset:m.scrollYOffset,children:ol})]})})})})}),t.jsx(it,{controller:W===!0,children:t.jsx(gl,{children:t.jsx(nt,{size:"Small",start:!0})})})]})},ol=({index:e,style:l,data:a})=>{const{analytics:i,vendorGlobalReviewList:g,allGlobalMerchants:m,globalMerchantAutoCompleteView:w,sectionId:j,isDisabled:c,onLoadGlobalMerchants:h,onCreateGlobalMerchant:y,onApproveGlobalReview:d,onRejectGlobalMerchantReview:U,onClearGlobalMerchantAutoCompleteResults:q}=a,G=g[e];return t.jsx(hl,{style:{...l,width:"100%"},className:"global-review-list-item",children:t.jsx(Ut,{sectionId:`${j}.${e}`,isDisabled:G.approveStatus.fetchState==="In-Progress"?"readonly":c,globalMerchantAutoCompleteView:w,vendorGlobalReviewData:G,allGlobalMerchants:m,onLoadGlobalMerchants:h,onCreateGlobalMerchant:y,onApproveGlobalReview:d,onRejectGlobalReview:U,onClearGlobalMerchantAutoCompleteResults:q,analytics:i},G.merchant.tenantMerchantId)})},il=n.div`
+`,{common:tl,vendorReview:{globalReview:{globalMerchantList:Ae}}}=ue.getLocalizedStrings(),ll=({vendorGlobalReviewList:e,allGlobalMerchants:l,sectionId:a,listFetchState:i,globalMerchantAutoCompleteView:g,uiState:m,isDisabled:w,analytics:j,onLoadGlobalMerchants:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onCreateGlobalMerchant:d,onApproveGlobalMerchantReview:U,onRejectGlobalMerchantReview:q,onClearGlobalMerchantAutoCompleteResults:L})=>{const I=Y(),G=C.useRef(null),[W,O]=C.useState(!1);C.useEffect(()=>{G.current?.resetAfterIndex(0)},[I,G]),C.useEffect(()=>{i==="Completed"&&O(!1)},[i]);const F=x=>Vt,J=(x,v)=>{h({sortOrder:v,sortKey:x}),y(m.searchText,!1,null)},p=()=>{O(!0),y(m.searchText,!0,m.pageToken)},K=x=>x<e.length,B=()=>{m.pageToken!=null&&i==="Completed"&&p()},oe=x=>{const v=e.find(k=>k.merchant.tenantMerchantId===x),D=l.find(k=>k.globalMerchantId===v?.selectedMerchantId);v?.currentSelection!="requested"||D!=null&&v?.currentSelection=="requested"?U(x):v!=null&&d(x,v.merchant.tenantMerchantName,v.merchant.websiteUrl)};return t.jsxs(nl,{windowSize:I,children:[t.jsx(al,{windowSize:I,children:i==="Error"?t.jsxs(sl,{windowSize:I,children:[t.jsx(dl,{"data-testid":T("global-review-list-table-reload-icon"),onClick:()=>y("",!1,null),children:t.jsx(Qe,{})}),t.jsx(cl,{children:tl.reloadPage.label})]}):i==="Completed"&&e.length===0?t.jsx(et,{message:m.searchText?Ae.noMatchedDataText:Ae.noDataText,style:{padding:o.sp0}}):i==="Not-Started"||i==="In-Progress"&&e.length===0?t.jsx(Zt,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:w,fetchState:i,onColumnSortConfigChanged:J}):t.jsx(rl,{windowSize:I,children:t.jsx(tt,{children:({height:x,width:v})=>t.jsx(lt,{isItemLoaded:K,itemCount:e.length+1,loadMoreItems:B,children:({onItemsRendered:D})=>t.jsxs(ml,{style:{height:x,width:v},children:[t.jsx(il,{children:t.jsx(Ue,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:i==="In-Progress"?"readonly":w,onColumnSortConfigChanged:J})}),t.jsx(ot,{ref:G,height:x-He,itemCount:e.length,itemData:{analytics:j,vendorGlobalReviewList:e,sectionId:a,allGlobalMerchants:l,globalMerchantAutoCompleteView:g,isDisabled:w,onLoadGlobalMerchants:c,onApproveGlobalReview:oe,onRejectGlobalMerchantReview:q,onCreateGlobalMerchant:d,onClearGlobalMerchantAutoCompleteResults:L},onItemsRendered:D,itemSize:F,width:v,style:{willChange:"auto"},overscanCount:Lt,onScroll:({scrollOffset:k})=>{h({scrollYOffset:k})},initialScrollOffset:m.scrollYOffset,children:ol})]})})})})}),t.jsx(it,{controller:W===!0,children:t.jsx(gl,{children:t.jsx(nt,{size:"Small",start:!0})})})]})},ol=({index:e,style:l,data:a})=>{const{analytics:i,vendorGlobalReviewList:g,allGlobalMerchants:m,globalMerchantAutoCompleteView:w,sectionId:j,isDisabled:c,onLoadGlobalMerchants:h,onCreateGlobalMerchant:y,onApproveGlobalReview:d,onRejectGlobalMerchantReview:U,onClearGlobalMerchantAutoCompleteResults:q}=a,L=g[e];return t.jsx(hl,{style:{...l,width:"100%"},className:"global-review-list-item",children:t.jsx(Ut,{sectionId:`${j}.${e}`,isDisabled:L.approveStatus.fetchState==="In-Progress"?"readonly":c,globalMerchantAutoCompleteView:w,vendorGlobalReviewData:L,allGlobalMerchants:m,onLoadGlobalMerchants:h,onCreateGlobalMerchant:y,onApproveGlobalReview:d,onRejectGlobalReview:U,onClearGlobalMerchantAutoCompleteResults:q,analytics:i},L.merchant.tenantMerchantId)})},il=n.div`
   width: auto;
 `,nl=n.div`
   display: block;
@@ -280,7 +280,7 @@ import{u as Ee,X as Y,a as _e,z as Ye,c2 as Je,j as t,M as ue,aW as Xe,F as Ze,b
   align-items: center;
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp3};
-`,{common:{sectionTitles:pl},vendorReview:{globalReview:{globalMerchantList:Pe}}}=ue.getLocalizedStrings(),ul="globalReviewListPage",he="globalReviewListTable",Rl=({vendorGlobalReviewView:e,globalMerchantAutoCompleteView:l,analytics:a,isDisabled:i,onUpdateSelectedGlobalMerchant:g,onApproveGlobalReview:m,onRejectGlobalReview:w,onCreateGlobalMerchant:j,onFetchGlobalMerchantAutoCompleteResults:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onClearGlobalMerchantAutoCompleteResults:d,onBackClick:U,onClickMenuIcon:q})=>{const G=Ee(),I=Y(),{vendorGlobalReviewData:L,allGlobalMerchants:W,uiState:F,fetchState:O}=e,{globalMerchants:J,fetchState:p}=l,K=_e({mode:"all",reValidateMode:"onChange",defaultValues:Te(L,W),values:Te(L,W),resetOptions:{keepDirtyValues:!0}}),[B,oe]=C.useState(F.searchText),x=C.useRef(),v=r=>{y(r,!1,null)},D=r=>{const b=L.find(z=>z.merchant.tenantMerchantId===r);if(b!=null){const z=W.find(Z=>Z.globalMerchantId===b.selectedMerchantId),X=b.recommendations,{tenantName:re,oldMerchantName:ie,tenantMerchantName:ne}=b.merchant,R=z?.globalMerchantName??ne,A=X[0];a.trackVendorReviewApproveRequested({reviewSource:"global_review",tenantName:re,requestedVendorName:ne,originalVendorName:ie,approveVendorName:R,isGlobalVendorRequested:z!=null,isNewCreatedVendorRequested:!1,isVendorNameRecommendationSelected:b.currentSelection==="recommendedFirst"||b.currentSelection==="recommendedSecond",isVendorNameChangedAndSelected:R!==ne,wasRecommendationAvailable:!!A?.globalMerchantName,approveVendorReason:z?.reason??null,approveVendorNameSelectionSource:R===A?.globalMerchantName?"recommendation":"text_edit",recommendedVendorName:A?.globalMerchantName??null,recommendedVendorReason:A?.reason??null})}m(r)},k=C.useRef(Ye(r=>v(r),500,{trailing:!0})).current;C.useEffect(()=>{O==="Completed"&&a.trackVendorReviewPage("global_review",F.totalCount)},[O]),C.useEffect(()=>{p==="Completed"&&x.current?.(vl(J))},[p]);const ae=(r,b)=>{c(r),x.current=b},xe=()=>{},u=async(r,b,z)=>{const{globalReviewListTable:X}=b,re=parseInt(r.split(".")[1]),ie=X[re].merchantId;if(z==null){g(ie,{recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:!1},ie);return}if(r.includes(he)){const ne=parseInt(r.split(".")[1]),R={...b[he][ne]};let A=R[H],Z;R.merchantId!=null&&(r.includes(Re)?(A={recommendedFirst:R[H].recommendedFirst,recommendedSecond:!1,originalVendor:!1,requested:!1},Z=R[Re]?.globalMerchantId):r.includes(Ne)?(A={recommendedFirst:!1,recommendedSecond:R[H].recommendedSecond,originalVendor:!1,requested:!1},Z=R[Ne]?.globalMerchantId):r.includes(ge)?(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:R[H].requested},Z=R[ge]):r.includes(ve)&&(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!0,requested:!1})),g(ie,A,r.includes(ve)?X[re][ve].selectedOption:Z)}};C.useEffect(()=>{const r=K.watch((b,{name:z,type:X})=>{z!=null&&b!=null&&Je(()=>u(z,b,X))});return()=>{r.unsubscribe()}});const S=t.jsx(vt,{button:{label:pl.newVendor,onClick:()=>j()},search:{searchText:B,hide:!1,isOpen:B.length>0,placeHolder:Pe.searchPlaceholder,onTextChange:r=>{oe(r),r.trim().length>=2?k(r):r.trim().length==0&&k("")}}});return t.jsxs(wl,{children:[t.jsx(Xe,{title:Pe.navBarTitle,backgroundColor:G.colors.grey4,onBackClick:U,rightSideComponent:S,showMenuIcon:I==="medium-compact"||I==="small",onClickMenuIcon:q,source:"GlobalReviewListPage"}),t.jsx(bl,{children:t.jsx(Ze,{...K,children:t.jsx("form",{id:xl(ul),onSubmit:K.handleSubmit(xe),style:{width:"100%"},children:t.jsx(ll,{vendorGlobalReviewList:L,allGlobalMerchants:W,globalMerchantAutoCompleteView:l,uiState:{...F,searchText:B},isDisabled:i,listFetchState:O,sectionId:he,onLoadGlobalMerchants:ae,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onCreateGlobalMerchant:j,onApproveGlobalMerchantReview:D,onRejectGlobalMerchantReview:w,onClearGlobalMerchantAutoCompleteResults:d,analytics:a})})})})]})},wl=n.div`
+`,{common:{sectionTitles:pl},vendorReview:{globalReview:{globalMerchantList:Pe}}}=ue.getLocalizedStrings(),ul="globalReviewListPage",he="globalReviewListTable",Rl=({vendorGlobalReviewView:e,globalMerchantAutoCompleteView:l,analytics:a,isDisabled:i,onUpdateSelectedGlobalMerchant:g,onApproveGlobalReview:m,onRejectGlobalReview:w,onCreateGlobalMerchant:j,onFetchGlobalMerchantAutoCompleteResults:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onClearGlobalMerchantAutoCompleteResults:d,onBackClick:U,onClickMenuIcon:q})=>{const L=Ee(),I=Y(),{vendorGlobalReviewData:G,allGlobalMerchants:W,uiState:O,fetchState:F}=e,{globalMerchants:J,fetchState:p}=l,K=_e({mode:"all",reValidateMode:"onChange",defaultValues:Te(G,W),values:Te(G,W),resetOptions:{keepDirtyValues:!0}}),[B,oe]=C.useState(O.searchText),x=C.useRef(),v=r=>{y(r,!1,null)},D=r=>{const b=G.find(z=>z.merchant.tenantMerchantId===r);if(b!=null){const z=W.find(Z=>Z.globalMerchantId===b.selectedMerchantId),X=b.recommendations,{tenantName:re,oldMerchantName:ie,tenantMerchantName:ne}=b.merchant,R=z?.globalMerchantName??ne,A=X[0];a.trackVendorReviewApproveRequested({reviewSource:"global_review",tenantName:re,requestedVendorName:ne,originalVendorName:ie,approveVendorName:R,isGlobalVendorRequested:z!=null,isNewCreatedVendorRequested:!1,isVendorNameRecommendationSelected:b.currentSelection==="recommendedFirst"||b.currentSelection==="recommendedSecond",isVendorNameChangedAndSelected:R!==ne,wasRecommendationAvailable:!!A?.globalMerchantName,approveVendorReason:z?.reason??null,approveVendorNameSelectionSource:R===A?.globalMerchantName?"recommendation":"text_edit",recommendedVendorName:A?.globalMerchantName??null,recommendedVendorReason:A?.reason??null})}m(r)},k=C.useRef(Ye(r=>v(r),500,{trailing:!0})).current;C.useEffect(()=>{F==="Completed"&&a.trackVendorReviewPage("global_review",O.totalCount)},[F]),C.useEffect(()=>{p==="Completed"&&x.current?.(vl(J))},[p]);const ae=(r,b)=>{c(r),x.current=b},xe=()=>{},u=async(r,b,z)=>{const{globalReviewListTable:X}=b,re=parseInt(r.split(".")[1]),ie=X[re].merchantId;if(z==null){g(ie,{recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:!1},ie);return}if(r.includes(he)){const ne=parseInt(r.split(".")[1]),R={...b[he][ne]};let A=R[H],Z;R.merchantId!=null&&(r.includes(Re)?(A={recommendedFirst:R[H].recommendedFirst,recommendedSecond:!1,originalVendor:!1,requested:!1},Z=R[Re]?.globalMerchantId):r.includes(Ne)?(A={recommendedFirst:!1,recommendedSecond:R[H].recommendedSecond,originalVendor:!1,requested:!1},Z=R[Ne]?.globalMerchantId):r.includes(ge)?(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:R[H].requested},Z=R[ge]):r.includes(ve)&&(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!0,requested:!1})),g(ie,A,r.includes(ve)?X[re][ve].selectedOption:Z)}};C.useEffect(()=>{const r=K.watch((b,{name:z,type:X})=>{z!=null&&b!=null&&Je(()=>u(z,b,X))});return()=>{r.unsubscribe()}});const S=t.jsx(vt,{button:{label:pl.newVendor,onClick:()=>j()},search:{searchText:B,hide:!1,isOpen:B.length>0,placeHolder:Pe.searchPlaceholder,onTextChange:r=>{oe(r),r.trim().length>=2?k(r):r.trim().length==0&&k("")}}});return t.jsxs(wl,{children:[t.jsx(Xe,{title:Pe.navBarTitle,backgroundColor:L.colors.grey4,onBackClick:U,rightSideComponent:S,showMenuIcon:I==="medium-compact"||I==="small",onClickMenuIcon:q,source:"GlobalReviewListPage"}),t.jsx(bl,{children:t.jsx(Ze,{...K,children:t.jsx("form",{id:xl(ul),onSubmit:K.handleSubmit(xe),style:{width:"100%"},children:t.jsx(ll,{vendorGlobalReviewList:G,allGlobalMerchants:W,globalMerchantAutoCompleteView:l,uiState:{...O,searchText:B},isDisabled:i,listFetchState:F,sectionId:he,onLoadGlobalMerchants:ae,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:y,onCreateGlobalMerchant:j,onApproveGlobalMerchantReview:D,onRejectGlobalMerchantReview:w,onClearGlobalMerchantAutoCompleteResults:d,analytics:a})})})})]})},wl=n.div`
   display: flex;
   min-height: 100%;
   width: 100%;

package/dist/assets/HelpButton-CzonsAOi-CLT44ucP.js ADDED Viewed

@@ -0,0 +1,28 @@
+import{X as $,j as t,Y as w,M as n,o,C as j,eD as v,av as S,aa as y}from"./index-GMJ2nuUF.js";import{b as d,n as r}from"./vendor-CnQcJ2Lu.js";import{x as z}from"./MeetingCalenderPopup-DM1wkT0M-XWyjGw5S.js";const C={helpButtonBottom:new j(138,96,96)};function L({isFooterRendered:e,meetingUrl:h,analytics:u,productType:s,setShowPopup:i}){const m=$(),[l,x]=d.useState(!1),[g,p]=d.useState(!1),a=()=>{x(f=>!f)};return t.jsxs(t.Fragment,{children:[g===!0?t.jsx(z,{onCancelClick:()=>{p(!1),i?.(!1)},meetingUrl:h}):null,t.jsxs(H,{"data-testid":w("help-button",s),isFooterRendered:e,windowSize:m,onMouseEnter:a,onMouseLeave:a,onClick:()=>{s!=null&&u?.trackNeedHelp(s),p(!0),i?.(!0)},children:[t.jsx(B,{}),t.jsx(M,{helpTextHover:l,children:l?t.jsxs(c,{children:[n.getLocalizedStrings().common.needHelp.hoverPrefix,t.jsx(b,{children:n.getLocalizedStrings().common.needHelp.hoverSuffix})]}):t.jsx(c,{children:n.getLocalizedStrings().common.needHelp.text})})]})]})}const H=r.div`
+  position: fixed;
+  right: ${o.sp4};
+  bottom: ${e=>e.isFooterRendered?C.helpButtonBottom.valuePx(e.windowSize):o.sp4};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: ${e=>e.theme.colors.primary};
+  padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp2};
+  border-radius: 20px;
+  cursor: default;
+`,M=r.div`
+  width: ${e=>e.helpTextHover===!0?"265px":"75px"};
+  transition: width 0.3s;
+  padding-left: ${o.sp1};
+`,c=r(S)`
+  color: ${e=>e.theme.colors.grey5};
+  overflow-x: hidden;
+  white-space: nowrap;
+`,b=r(y)`
+  color: ${e=>e.theme.colors.grey5};
+  cursor: pointer;
+`,B=r(v)`
+  cursor: pointer;
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.grey5};
+`;export{L as F};