@zeniai/web-cockpit-ui 1.14.72-dev-betaSK01 → 1.14.73-dev

package/dist/assets/ExpressPayPage-DdQiFzDu-CXe6diRB.js

@@ -1,168 +0,0 @@
-import{x as Re,q as G,O as q,c1 as et,cJ as De,fk as tt,ao as ze,cD as le,j as t,dD as it,c4 as at,cK as nt,y as x,iB as Ve,o as n,oQ as lt,oR as ot,oS as rt,fr as Ee,fo as dt,ik as st,fS as ct,iY as pt,iZ as mt,fq as Oe,jD as ut,oT as ht,fu as yt,ih as We,fv as gt,ii as ke,iv as Ae,C as ge,iz as xt,u,gO as ft,d3 as bt,d0 as be,h as qe,ce as wt,cj as Ye}from"./index-kF4u7Flm.js";import{b as J,n as d}from"./vendor-Bs1fkIUX.js";import{Y as vt}from"./LabeledDocumentField-ED03S2kQ-BGespvxP.js";import{S as te}from"./LabeledText-BESSkt5Z-CPDVK04g.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const St={progressBarWidth:new x(343,726)},jt=({pageIndex:e})=>{const i=G(),a=Re(),s=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs($t,{children:[t.jsx(lt,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(It,{children:h.map((p,l)=>t.jsx(Ft,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(Ct,{windowSize:i,children:[t.jsx(ot,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(Pt,{children:h.map((p,l)=>t.jsx(Tt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},Ct=d.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: ${n.sp3};
-  position: relative;
-  width: ${e=>St.progressBarWidth.valuePx(e.windowSize)};
-`,$t=d.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  height: 136px;
-  margin-top: ${n.sp3};
-  margin-left: ${n.sp2};
-  margin-bottom: ${n.sp5};
-  align-self: flex-start;
-`,Pt=d.div`
-  display: flex;
-  margin: ${n.sp3} ${n.sp0};
-  justify-content: space-between;
-  height: ${n.sp6};
-`,Tt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: ${e=>e.stateIndex===0?"left":e.stateIndex===1?"center":"right"};
-  color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,Le=d(bt)``,It=d.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  margin: -${n.sp2} ${n.sp3} ${n.sp3} ${n.sp3};
-  justify-content: space-between;
-  height: 186px;
-`,Ft=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  height: ${e=>`${e.perSectionHeight}%`};
-  color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,T={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])},z=(e,i)=>`${e}.${i}`,Dt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:I,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=G(),{spendManagement:D,dateFormat:y,common:C}=q.getLocalizedStrings(),$=D.billPay.billDetails,Q=y.visual.defaultInput,re=D.zeniAccounts.expressPay,de=C.documents,Y=T.largeLabelWidth.value(o),[g,X]=J.useState(!1),U=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(st)===!1),O=r=>s.find(m=>m.id===r),L=r=>We(O(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=O(r),j=q.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{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(H=>t.jsxs(W,{children:[t.jsxs(V,{children:[H.name,j.paymentDetails.colon]}),t.jsx(E,{children:H.value})]},H.name))}):t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(Ot,{children:$.paymentDetailsTitle}),t.jsxs(kt,{windowSize:o,children:[t.jsx(ct,{label:{label:$.withdrawFrom,width:Y,style:{marginLeft:T.labelMarginLeftPicker.valuePx(o),marginTop:T.labelMarginTopPicker.valuePx(o),marginRight:T.labelMarginRightPicker.valuePx(o),width:T.largeLabelPickerWidth.value(o)}},style:{paddingTop:T.labeledFieldPaddingTop.valuePx(o),paddingBottom:T.labeledFieldPaddingBottom.valuePx(o),paddingLeft:T.labeledFieldPaddingLeft.valuePx(o),paddingRight:T.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:T.infoLabelPaddingRight.valuePx(o),marginTop:T.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:z(e,"withdrawFrom"),placeholder:Oe($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>mt(h,r,m),valueToSubLabels:(r,m)=>pt(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(_,{}),t.jsx(ut,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:Y},formattedTextField:{type:"number",name:z(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:Oe($.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(_,{}),t.jsx(ht,{label:{label:$.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:z(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:U,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(_,{}),t.jsx(yt,{label:{label:$.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:z(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:Q,autoComplete:"off",minDate:le(),registerOptions:{required:!0}}}),t.jsx(_,{}),t.jsx(Ee,{label:{label:$.paymentTo,width:Y},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:z(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:L},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(_,{}),t.jsx(vt,{name:z(e,"receipt"),sizeLimit:gt,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:Y},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:I,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=>X(r),isOptional:!0,style:I!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},z(e,"receipt")),I==null?t.jsx(At,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(_,{})]})]})},Ot=d(be)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${n.sp3};
-`,kt=d.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  width: ${e=>T.containerWidth.valuePx(e.windowSize)};
-`,_=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,V=d.div`
-  box-sizing: border-box;
-  text-align: left;
-  flex: 1 0 50%;
-  color: ${qe.heroDark};
-`,E=d.div`
-  box-sizing: border-box;
-  text-align: right;
-  word-break: break-word;
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,xe=d.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${n.sp1};
-`,W=d.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-`,At=d(wt)`
-  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?qe.important:e.theme.colors.grey1};
-`,Lt={largeLabelWidth:new x(150,210,210)},ie=(e,i)=>`${e}.${i}`,Nt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=G(),l=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,I=Lt.largeLabelWidth.value(p),P=J.useRef();J.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(Mt(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:Ue(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(Bt,{children:l.recipientSectionTitle}),t.jsx(Rt,{children:t.jsxs(zt,{children:[t.jsx(rt,{label:{label:l.recipientName,width:I},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ie(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},ie(e,"recipient")),t.jsx(Ne,{}),t.jsx(Ee,{label:{label:l.recipientType,width:I},singleSelectField:{singleSelect:{name:ie(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(dt,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:I},text:{type:"email",name:ie(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ue=(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??""}]:[]},Mt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Bt=d(be)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${n.sp3};
-`,Rt=d.div`
-  display: flex;
-  flex-direction: column;
-`,zt=d.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-`,Ne=d.div`
-  display: flex;
-  flex: 1;
-  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])},Vt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=G(),p=oe.largeLabelWidth.value(h),{billPay:l}=q.getLocalizedStrings().spendManagement,{dateFormat:I,common:P}=q.getLocalizedStrings(),f=l.billDetails,w=i?.paymentType,o=I.visual.MMMDCommaYYYYformat,D={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},y=We(a.find(Q=>Q.id===i?.paymentToAccountId)),C=i?.paymentDate,$=ke(w?.method??"");return t.jsx(Ht,{children:t.jsxs(_t,{windowSize:h,style:s,children:[t.jsxs(Qt,{children:[t.jsx(ae,{children:f.pay}),t.jsx(ae,{children:t.jsx(Ae,{amount:D,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ae,{children:f.to}),t.jsx(ae,{children:e})]}),t.jsxs(Jt,{windowSize:h,children:[t.jsx(te,{label:{label:f.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?xt(i.withdrawFrom,h):P.strings.empty}),t.jsx(fe,{}),t.jsx(te,{label:{label:f.paymentMethod,width:p},style:{width:"auto"},value:ke(w?.method??"")}),t.jsx(fe,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(te,{label:{label:f.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${f.estimatedArrival}${ze(Ve(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(te,{label:{label:f.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,children:[t.jsx(Yt,{children:t.jsx(Et,{children:l.paymentDetails.total})}),t.jsx(Ut,{children:t.jsx(Ae,{amount:ft(D.amount,D.currencyCode,D.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Et=d.div``,Wt=d.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,qt=d.div`
-  width: 100%;
-  padding: ${n.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${n.sp2};
-`,Yt=d(Ye)`
-  gap: ${n.sp1};
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-`,Ut=d(Ye)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,Ht=d.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,_t=d.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin-left: ${e=>oe.reviewContainerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>oe.reviewContainerMarginRight.valuePx(e.windowSize)};
-`,Jt=d.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-  width: ${e=>oe.containerWidth.valuePx(e.windowSize)};
-`,fe=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Qt=d.div`
-  display: flex;
-`,ae=d(be)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,Me="expressPayPage",Xt=e=>`${e}_form`,A="recipientDetails",F="paymentDetails",ne={buttonWidth:new x(160,140),largeButtonWidth:new x(166,166)},ci=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:I,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:D,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:Q,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:Y,expressPayLocalData:g,vendorTypeList:X,allPaymentMethods:U,paymentToOptions:O,withdrawFromList:L,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:H}=e,[v,K]=J.useState(0),He=Re(),Z=G(),{common:we,spendManagement:_e}=q.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=_e.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=Y,N=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),Je=N?.vendorName,$e=L.find(c=>c.id===s),ee=et({mode:"onBlur",reValidateMode:"onChange",defaultValues:Be(X,L,O,$e,U,N,g,j,C?.entityAutoCompleteView),values:Be(X,L,O,$e,U,N,g,j,C?.entityAutoCompleteView)}),Pe=De(Ce.saveStatus?.fetchState),Te=De(m);J.useEffect(()=>{const c=ee.watch((S,{name:b})=>{b!=null&&S!=null&&tt(()=>Qe(b,S))});return()=>{c.unsubscribe()}}),J.useEffect(()=>{Pe==="In-Progress"&&H==="Completed"&&(v===0?(K(1),o?.(g?.vendorId)):v===1&&K(2)),Te==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,H,v,o,g?.vendorId,Te,m,P]);const Qe=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[A].recipient.selectedOption,k=C?.entityAutoCompleteView.vendor.find(M=>M.zeniId===b);Xe(S),y(),N?.vendorId!==b&&k!=null&&(l?.(b),he(S,!1,O,b))}else if(c.includes("recipient"))ue(S);else{const b=S[F].paymentMethod?.method,k=g?.paymentType?.method,M=b!=null&&k!=null&&(b.toLowerCase().includes("ach")&&k.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&k.toLowerCase().includes("ach"));he(S,M,O,g?.vendorId)}},Xe=c=>{const S=c[A].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(k=>k.id===S)!=null;if(S!=null&&b===!0){I?.(S),he(c,!1,O,S);return}ue(c,!0)},ue=(c,S)=>{const b=N?.vendorId,k=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,M=Zt(c,k===!0?b:void 0,N,S);f?.(M,b)},he=(c,S,b,k)=>{const M=(()=>{let B=[];return c[F].paymentMethod?.method.includes("wire")===!0?B=b.filter(R=>!!R.bankRoutingNumberWireTransfer).map(R=>R.id):B=b.filter(R=>!!R.bankRoutingNumberAch).map(R=>R.id),B})(),ye=b.find(B=>B.id===c[F]?.paymentTo?.selectedOption),Ke={vendorId:k,amount:{amount:c[F].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[F].paymentDate?ze(c[F].paymentDate.toString()):le(),paymentType:c[F]?.paymentMethod!=null?c[F]?.paymentMethod:void 0,paymentToAccountId:S?M[0]:ye?.id,withdrawFrom:L.find(B=>B.id===c[F]?.withdrawFrom?.selectedOption),receiptFileId:c[F].receipt?.fileId};w?.(Ke)},Ie=ee.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=ee.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),D()}),Ze=()=>{v===2?K(1):P(g?.vendorId)},Ge=()=>{v===0?P(g?.vendorId):K(v===1?0:1)},Fe={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?O.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??U?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(it,{title:me.pageTitle,onBackClick:Ge,backgroundColor:He.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Gt,{windowSize:Z,children:[t.jsx(jt,{pageIndex:v}),t.jsx(at,{...ee,children:t.jsx("form",{id:Me,onSubmit:Ie,children:v===0?t.jsx(Nt,{sectionId:A,vendorTypeList:X,formLocalData:N,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Dt,{sectionId:F,paymentDetails:Fe,paymentToOptions:O,allPaymentMethods:U,withdrawFromList:L,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:Q,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=Fe?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(Vt,{reviewDetails:g,paymentToOptions:O,vendorName:Je}):null})})]}),t.jsx(nt,{formId:Xt(Me),style:{width:"100%"},primaryBtn:{label:v===2?le().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?ne.largeButtonWidth.value(Z):ne.buttonWidth.value(Z),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Ie()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?ne.largeButtonWidth.value(Z):ne.buttonWidth.value(Z),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Ze}})]})},Be=(e,i,a,s,h,p,l,I,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{[A]:{recipient:{defaultOptions:Ue(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()??Ve(le().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:I}}};function Zt(e,i,a,s){const h=e[A].recipient.defaultOptions.find(p=>p.value===e[A].recipient.selectedOption);return{vendorType:s===!0?void 0:e[A].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[A].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%;
-  flex-direction: column;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-  margin-top: ${e=>e.windowSize==="small"?n.sp3:0};
-`;export{ci as default,Xt as formUniqueName};

package/dist/assets/GlobalReviewListPage-DHn2Uk8R-Dz5cpAt1.js

@@ -1,291 +0,0 @@
-import{bM as Ke,x as _e,q as Y,c1 as Ee,cr as Ye,fk as Je,j as t,O as ue,dD as Qe,c4 as Ze,eV as Ce,o,n as ye,cF as T,e0 as Xe,eU as et,cZ as tt,gv as lt,e$ as ot,c2 as nt,Y as it,fJ as at,dI as Oe,cM as rt,y as N,bL as st,e1 as se,u as $,gB as Ie,c9 as we,f5 as dt,f8 as ct,fy as ht,lN as mt,g9 as je,fL as me,eh as _,hK as ke,cg as gt,lS as pt,cd as ut,df as wt,lT as We,eQ as xt,dv as bt,h as Fe,lU as vt}from"./index-kF4u7Flm.js";import{b as C,n as i,i as Se}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const ft=["tenants","originalVendor","recommended","requestedVendor"],yt=e=>Ke(e,ft),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 jt(e){const l=Y(),{button:{label:a,onClick:n},search:{isOpen:g,placeHolder:m,searchText:w,onTextChange:y}}=e;return t.jsxs(St,{children:[t.jsx($t,{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:y}):null}),l==="small"?t.jsx(Ce,{style:{position:"absolute",left:"5px",right:"unset",top:"44px",width:"98%"},placeholder:m,searchText:w,onSearchTextChanged:y,keepSearchBoxOpen:!0}):null,l==="small"?t.jsx(Mt,{style:{marginLeft:o.sp5}}):t.jsx(ye,{variant:"primary",onClick:n,label:a,size:"small",style:{marginLeft:o.sp3}})]})}const St=i.div`
-  display: flex;
-  flex-direction: row;
-  padding-right: ${o.sp0};
-`,$t=i.div`
-  display: flex;
-  justify-content: flex-end;
-  position: relative;
-  align-items: center;
-  width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,Mt=i(at)`
-  height: ${o.sp4};
-  width: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Ct=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,It=i(wt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,{headers:xe,strings:kt}=ue.getLocalizedStrings().common,Rt={key:"tenants",value:xe.tenants,sortOrder:"ascending",width:new N(15,15)},Nt={key:"requestedVendor",value:xe.requestedVendor,sortOrder:"ascending",width:new N(28,28)},Vt={key:"originalVendor",value:xe.originalVendor,sortOrder:"ascending",width:new N(15,15)},Lt={key:"recommended",value:xe.recommended,sortOrder:"ascending",width:new N(30,30),icon:t.jsx(Ct,{children:t.jsx(It,{})})},Gt={key:"action",value:kt.empty,sortOrder:"ascending",width:new N(12,12)},V=[Rt,Vt,Lt,Nt,Gt],fe={sortKey:"tenants",sortOrder:"ascending"},zt=88,De=53,At=1,Pt=["action"],Ve=e=>st(e,Pt),He=({sortConfig:e,isDisabled:l,onColumnSortConfigChanged:a})=>{const n=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 j=h;e.sortKey===c&&(j=h==="ascending"?"descending":"ascending"),a?.(c,j)},y=c=>{Ve(c.key)==null&&w(yt(c.key),c.sortOrder)};return t.jsx(Tt,{windowSize:n,children:g.map(c=>{const h=l!=null||Ve(c.key)!=null;return t.jsxs(Ot,{sortDataValue:e.sortKey,actualDataValue:c.key,wrapperWidth:c.width,isSortDisabled:h,windowSize:n,children:[t.jsxs(Ut,{onClick:()=>h?null:y(c),isSortDisabled:h,"data-testid":T("global-review-list-header-name-wrapper"),children:[c.icon,t.jsx(qt,{children:c.value}),h?null:t.jsx(Ft,{sortConfig:e,headerdata:c,children:t.jsx(Ht,{})})]}),h?null:t.jsx(Dt,{isSortDisabled:h,sortDataValue:e.sortKey,isVisible:e.sortKey===c.key&&e.sortKey!==fe.sortKey,children:t.jsx(Wt,{onClick:()=>{h||w(fe.sortKey,fe.sortOrder)},"data-testid":T("global-review-list-header-close-icon")})})]},c.key)})})},Tt=i.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  height: ${De}px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: ${o.sp0} ${o.sp4};
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-  margin: ${o.sp0} ${o.sp8};
-`,Ot=i.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
-
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  padding-left: ${o.sp0};
-  left: ${o.sp0};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: flex-start;
-  position: static;
-  z-index: 0;
-  box-sizing: border-box;
-`,Wt=i(ct)`
-  width: 12px;
-  height: 12px;
-`,Ft=i.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
-`,Dt=i.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,Ht=i(dt)`
-  width: 12px;
-  height: 12px;
-`,Ut=i.div`
-  display: flex;
-  cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
-  gap: 6px;
-  &:hover {
-    color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-  }
-`,qt=i(we)`
-  display: flex;
-`,{common:f,vendorReview:{globalReview:{globalMerchantList:Bt}}}=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])},Kt=({vendorGlobalReviewData:e,allGlobalMerchants:l,globalMerchantAutoCompleteView:a,sectionId:n,isDisabled:g,analytics:m,onLoadGlobalMerchants:w,onCreateGlobalMerchant:y,onApproveGlobalReview:c,onRejectGlobalReview:h,onClearGlobalMerchantAutoCompleteResults:j})=>{const d=Y(),{resetField:U,formState:q}=ht(),[L,I]=C.useState(!1),[G,O]=n.split("."),W=parseInt(O),F=q.dirtyFields[G]?.[W]?.originalVendor===!0&&e.selectedMerchantId!==e.merchant.tenantMerchantId,J=e.currentSelection!=null,{merchant:p,recommendations:B}=e,{fetchState:K}=a,oe=u=>{let S=u.websiteUrl?.toString();if(S){if(S=We(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")}},b=[];B.forEach((u,S)=>{const r=`recommended${mt(S)}`;b.push({label:{label:t.jsx(t.Fragment,{children:u.logo!=null?t.jsxs(ze,{children:[t.jsx(je,{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(X,{children:u.globalMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(X,{children:u.globalMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(n,H,r),checkBoxValue:ce(n,H,r),defaultChecked:e.currentSelection===r},tooltipProps:{text:t.jsx(Xt,{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(je,{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(X,{children:p.tenantMerchantName})})]}):t.jsx(M,{className:"global-review-row-item",windowSize:d,isLastItem:!1,children:t.jsx(X,{children:p.tenantMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:ce(n,H,ge),checkBoxValue:ce(n,H,ge),defaultChecked:e.currentSelection==="requested"},tooltipProps:{text:t.jsx(el,{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),j()},be=()=>{U(n)};return t.jsx(Ue,{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(gt,{onClickAway:ae,children:t.jsx(Jt,{children:t.jsx(pt,{name:de(n,"originalVendor"),defaultValue:k,isOptionsLoading:K==="In-Progress",addIconInCreateLabel:!0,autoFocus:!0,isDisabled:g,style:{marginRight:o.sp4},menuIsOpen:L,loadOptions:w,customStyleConfig:{valueContainer:(r,x)=>({justifyContent:"flex-start",margin:`${o.sp0} ${x.selectProps.menuIsOpen===!1?o.sp0:o.sp3}`}),menu:()=>({width:"150%"}),singleValue:()=>({display:"flex",alignItems:"center",color:"inherit"})},onCreateOptionClick:r=>{y(p.tenantMerchantId,r,p.websiteUrl)},onMenuClose:ae})})}):k.selectedOption!=null?Zt(k.selectedOption,p,l,d,S,F,I,be):t.jsxs(M,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:[Bt.selectPlaceholder,t.jsx(_,{display:"block",placement:"bottom",title:t.jsx(E,{children:f.tooltips.editName}),enterDelay:600,children:t.jsx($e,{onClick:()=>I(!0),"data-testid":T("global-review-list-row-edit-icon")})})]})},de(n,"originalVendor"));case"recommended":return t.jsx(t.Fragment,{children:t.jsx(P,{windowSize:d,wrapperWidth:u.width,gap:s.logoToValueGap,children:b.map((r,x)=>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})},x),x<b.length-1?t.jsxs(Et,{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(ye,{variant:"light_transparent",label:f.footer.reject,onClick:()=>h(p.tenantMerchantId),loading:e.rejectStatus.fetchState==="In-Progress",size:"small",style:{height:"100%"}}),t.jsx(Qt,{space:o.sp0,style:{display:"flex",alignItems:"center",height:o.sp4,width:o.sp3}}),t.jsx(ye,{label:f.footer.approve,onClick:()=>c(p.tenantMerchantId),disabled:!J,loading:e.approveStatus.fetchState==="In-Progress",size:"small",variant:"primary"})]})},`${n}.${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(n,"merchantId"));case"tenants":default:return t.jsx(P,{windowSize:d,wrapperWidth:u.width,children:t.jsx(Yt,{className:"global-review-row-item",windowSize:d,isLastItem:S===V.length-1,children:t.jsx(_,{display:"block",placement:"bottom-start",title:t.jsx(E,{children:p.tenantName}),children:t.jsx(X,{children:p.tenantName})})})},de(n,"tenantId"))}})})},_t=()=>{const e=Y();return t.jsx(Ue,{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)}})})},Ue=i.div`
-  display: flex;
-  margin-bottom: ${o.sp3};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-top: ${e=>s.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>s.containerPaddingTopBottom.valuePx(e.windowSize)};
-  margin: ${o.sp0} ${o.sp8} ${o.sp3} ${o.sp8};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-
-  ${e=>e.isActiveField?Se`
-        border-color: ${e.theme.colors.primary};
-        .global-review-row-item {
-          color: ${e.theme.colors.primary};
-        }
-        .entity-icon {
-          color: ${e.theme.colors.grey5};
-        }
-        .edit-icon {
-          visibility: visible;
-          :hover {
-            color: ${e.theme.colors.primary};
-          }
-        }
-      `:Se``};
-
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    .entity-icon {
-      color: ${e=>e.theme.colors.grey5};
-    }
-    .edit-icon {
-      visibility: visible;
-      :hover {
-        color: ${e=>e.theme.colors.primary};
-      }
-    }
-    .reset-icon {
-      :hover {
-        color: ${e=>e.theme.colors.primary};
-      }
-    }
-  }
-
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-between;
-`,P=i.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  gap: ${e=>e.gap?.valuePx(e.windowSize)};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  :last-of-type {
-    padding-right: ${o.sp0};
-  }
-`,Me=Se`
-  word-break: break-word;
-  white-space: nowrap;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Et=i.div``,X=i.div`
-  ${Me};
-`,M=i(ut)`
-  ${Me};
-  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
-  display: ${e=>e.isLastItem?"flex":"inline-block"};
-`,Yt=i(xt)`
-  ${Me};
-  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
-  display: ${e=>e.isLastItem?"flex":"inline-block"};
-`,E=i(we)`
-  padding: 2px ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${o.sp1};
-`,pe=i.div`
-  display: flex;
-`,$e=i(bt)`
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  height: ${o.sp3};
-  width: ${o.sp4};
-  margin-left: ${o.sp2};
-  display: flex;
-  align-items: center;
-  visibility: hidden;
-  cursor: pointer;
-`,Le=i(vt)`
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  height: ${o.sp3};
-  width: ${o.sp4};
-  margin-left: ${o.sp2};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,Ge=i.div`
-  display: flex;
-  text-align: center;
-  align-items: center;
-  overflow: hidden;
-`,Jt=i.div`
-  display: flex;
-  width: 100%;
-`,qe=i.div`
-  width: auto;
-  box-sizing: border-box;
-  max-height: ${e=>e.setMaxHeight===!0?o.sp10:"none"};
-  &:hover {
-    .websiteUrlTooltipText {
-      cursor: pointer;
-    }
-  }
-  margin-bottom: ${o.sp2};
-  padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
-`,ee=i.div`
-  display: flex;
-  gap: ${o.sp3};
-  justify-content: space-between;
-`,te=i(we)`
-  color: ${Fe.primaryDark};
-  overflow: hidden;
-  word-wrap: break-word;
-  white-space: initial;
-`,le=i(we)`
-  color: ${Fe.heroDark};
-  white-space: nowrap;
-`,Qt=i.div`
-  margin-right: ${e=>e.space};
-`,ze=i.div`
-  display: flex;
-  gap: ${o.sp2};
-`,Be=(e,l,a)=>{const n=a.find(m=>m.globalMerchantId===e),g=l.tenantMerchantId===e?{label:l.tenantMerchantName,value:l.tenantMerchantId}:n!=null?{label:n.globalMerchantName,value:n.globalMerchantId}:void 0;return g!=null?{defaultOptions:[g],selectedOption:e}:{defaultOptions:[],selectedOption:e}},Zt=(e,l,a,n,g,m,w,y)=>{const c=a.find(j=>j.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:n,isLastItem:!1,children:f.strings.hyphen}),t.jsxs(Ge,{children:[t.jsx(_,{display:"block",placement:"bottom",title:t.jsx(E,{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(_,{display:"block",placement:"bottom",title:t.jsx(E,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Le,{className:"reset-icon",onClick:y,"data-testid":T("global-review-list-row-undo-icon")})}):null]})]}):t.jsxs(t.Fragment,{children:[h.logo!=null?t.jsx(je,{photoUrl:h.logo.toString(),styles:{width:s.vendorNameLogoHeightAndWidth.valuePx(n),height:s.vendorNameLogoHeightAndWidth.valuePx(n),marginRight:s.logoToValueGap.valuePx(n)},placeholder:{width:s.vendorNameLogoHeightAndWidth.value(n),height:s.vendorNameLogoHeightAndWidth.value(n),style:{marginRight:s.logoToValueGap.valuePx(n)}},fallbackAvatar:t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(n)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(n)})})}):t.jsx(pe,{style:{marginRight:s.logoToValueGap.valuePx(n)},children:t.jsx(me,{name:h.name,size:s.vendorNameLogoHeightAndWidth.valuePx(n)})}),t.jsxs(Ge,{children:[t.jsx(M,{className:"global-review-row-item",windowSize:n,isLastItem:g===V.length-1,children:t.jsx(_,{display:"block",placement:"bottom-start",title:t.jsx(E,{children:h.name}),children:t.jsx(X,{children:h.name})})}),t.jsx(_,{display:"block",placement:"bottom",title:t.jsx(E,{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(_,{display:"block",placement:"bottom",title:t.jsx(E,{children:f.tooltips.reset}),enterDelay:600,children:t.jsx(Le,{className:"reset-icon",onClick:y})}):null]})]})},Xt=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:l})=>t.jsxs(qe,{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]}),el=({merchant:e})=>{let l=e.websiteUrl?.toString()??f.strings.empty;return t.jsxs(qe,{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=We(l)??l,window.open(l,"_blank"))},"data-testid":T("global-review-list-row-website-url-tooltip"),children:l})]}):null]})},tl=({sortConfig:e,fetchState:l,isDisabled:a,onColumnSortConfigChanged:n})=>{const g=Y();return t.jsxs(ll,{windowSize:g,children:[t.jsx(He,{sortConfig:e,isDisabled:l==="In-Progress"?"readonly":a,onColumnSortConfigChanged:n}),t.jsx(ol,{windowSize:g,children:[...Array(7)].map((m,w)=>t.jsx(_t,{},w))})]})},ll=i.div`
-  display: block;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,ol=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-`,{common:nl,vendorReview:{globalReview:{globalMerchantList:Ae}}}=ue.getLocalizedStrings(),il=({vendorGlobalReviewList:e,allGlobalMerchants:l,sectionId:a,listFetchState:n,globalMerchantAutoCompleteView:g,uiState:m,isDisabled:w,analytics:y,onLoadGlobalMerchants:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:j,onCreateGlobalMerchant:d,onApproveGlobalMerchantReview:U,onRejectGlobalMerchantReview:q,onClearGlobalMerchantAutoCompleteResults:L})=>{const I=Y(),G=C.useRef(null),[O,W]=C.useState(!1);C.useEffect(()=>{G.current?.resetAfterIndex(0)},[I,G]),C.useEffect(()=>{n==="Completed"&&W(!1)},[n]);const F=b=>zt,J=(b,v)=>{h({sortOrder:v,sortKey:b}),j(m.searchText,!1,null)},p=()=>{W(!0),j(m.searchText,!0,m.pageToken)},B=b=>b<e.length,K=()=>{m.pageToken!=null&&n==="Completed"&&p()},oe=b=>{const v=e.find(k=>k.merchant.tenantMerchantId===b),D=l.find(k=>k.globalMerchantId===v?.selectedMerchantId);v?.currentSelection!="requested"||D!=null&&v?.currentSelection=="requested"?U(b):v!=null&&d(b,v.merchant.tenantMerchantName,v.merchant.websiteUrl)};return t.jsxs(sl,{windowSize:I,children:[t.jsx(dl,{windowSize:I,children:n==="Error"?t.jsxs(hl,{windowSize:I,children:[t.jsx(ml,{"data-testid":T("global-review-list-table-reload-icon"),onClick:()=>j("",!1,null),children:t.jsx(Xe,{})}),t.jsx(gl,{children:nl.reloadPage.label})]}):n==="Completed"&&e.length===0?t.jsx(et,{message:m.searchText?Ae.noMatchedDataText:Ae.noDataText,style:{padding:o.sp0}}):n==="Not-Started"||n==="In-Progress"&&e.length===0?t.jsx(tl,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:w,fetchState:n,onColumnSortConfigChanged:J}):t.jsx(cl,{windowSize:I,children:t.jsx(tt,{children:({height:b,width:v})=>t.jsx(lt,{isItemLoaded:B,itemCount:e.length+1,loadMoreItems:K,children:({onItemsRendered:D})=>t.jsxs(ul,{style:{height:b,width:v},children:[t.jsx(rl,{children:t.jsx(He,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:n==="In-Progress"?"readonly":w,onColumnSortConfigChanged:J})}),t.jsx(ot,{ref:G,height:b-De,itemCount:e.length,itemData:{analytics:y,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:At,onScroll:({scrollOffset:k})=>{h({scrollYOffset:k})},initialScrollOffset:m.scrollYOffset,children:al})]})})})})}),t.jsx(nt,{controller:O===!0,children:t.jsx(wl,{children:t.jsx(it,{size:"Small",start:!0})})})]})},al=({index:e,style:l,data:a})=>{const{analytics:n,vendorGlobalReviewList:g,allGlobalMerchants:m,globalMerchantAutoCompleteView:w,sectionId:y,isDisabled:c,onLoadGlobalMerchants:h,onCreateGlobalMerchant:j,onApproveGlobalReview:d,onRejectGlobalMerchantReview:U,onClearGlobalMerchantAutoCompleteResults:q}=a,L=g[e];return t.jsx(pl,{style:{...l,width:"100%"},className:"global-review-list-item",children:t.jsx(Kt,{sectionId:`${y}.${e}`,isDisabled:L.approveStatus.fetchState==="In-Progress"?"readonly":c,globalMerchantAutoCompleteView:w,vendorGlobalReviewData:L,allGlobalMerchants:m,onLoadGlobalMerchants:h,onCreateGlobalMerchant:j,onApproveGlobalReview:d,onRejectGlobalReview:U,onClearGlobalMerchantAutoCompleteResults:q,analytics:n},L.merchant.tenantMerchantId)})},rl=i.div`
-  width: auto;
-`,sl=i.div`
-  display: block;
-  background-color: ${e=>e.theme.colors.grey4};
-  height: ${e=>`calc(100vh - ${Oe.valuePx(e.windowSize)} - ${o.sp4})`};
-  width: 100%;
-  margin-top: ${o.sp4};
-`,dl=i.div`
-  height: 100%;
-`,cl=i.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`,hl=i.div`
-  display: flex;
-  width: 100%;
-  height: ${e=>`calc(100% - ${Oe.valuePx(e.windowSize)})`};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,ml=i.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,gl=i(rt)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,pl=i.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  padding-bottom: ${o.sp3};
-  box-sizing: border-box;
-`,ul=i.div`
-  position: relative;
-`,wl=i.div`
-  display: flex;
-  width: 100%;
-  height: ${o.sp3};
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp3};
-`,{common:{sectionTitles:xl},vendorReview:{globalReview:{globalMerchantList:Pe}}}=ue.getLocalizedStrings(),bl="globalReviewListPage",he="globalReviewListTable",Ll=({vendorGlobalReviewView:e,globalMerchantAutoCompleteView:l,analytics:a,isDisabled:n,onUpdateSelectedGlobalMerchant:g,onApproveGlobalReview:m,onRejectGlobalReview:w,onCreateGlobalMerchant:y,onFetchGlobalMerchantAutoCompleteResults:c,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:j,onClearGlobalMerchantAutoCompleteResults:d,onBackClick:U,onClickMenuIcon:q})=>{const L=_e(),I=Y(),{vendorGlobalReviewData:G,allGlobalMerchants:O,uiState:W,fetchState:F}=e,{globalMerchants:J,fetchState:p}=l,B=Ee({mode:"all",reValidateMode:"onChange",defaultValues:Te(G,O),values:Te(G,O),resetOptions:{keepDirtyValues:!0}}),[K,oe]=C.useState(W.searchText),b=C.useRef(),v=r=>{j(r,!1,null)},D=r=>{const x=G.find(z=>z.merchant.tenantMerchantId===r);if(x!=null){const z=O.find(Z=>Z.globalMerchantId===x.selectedMerchantId),Q=x.recommendations,{tenantName:re,oldMerchantName:ne,tenantMerchantName:ie}=x.merchant,R=z?.globalMerchantName??ie,A=Q[0];a.trackVendorReviewApproveRequested({reviewSource:"global_review",tenantName:re,requestedVendorName:ie,originalVendorName:ne,approveVendorName:R,isGlobalVendorRequested:z!=null,isNewCreatedVendorRequested:!1,isVendorNameRecommendationSelected:x.currentSelection==="recommendedFirst"||x.currentSelection==="recommendedSecond",isVendorNameChangedAndSelected:R!==ie,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",W.totalCount)},[F]),C.useEffect(()=>{p==="Completed"&&b.current?.(jl(J))},[p]);const ae=(r,x)=>{c(r),b.current=x},be=()=>{},u=async(r,x,z)=>{const{globalReviewListTable:Q}=x,re=parseInt(r.split(".")[1]),ne=Q[re].merchantId;if(z==null){g(ne,{recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:!1},ne);return}if(r.includes(he)){const ie=parseInt(r.split(".")[1]),R={...x[he][ie]};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(ne,A,r.includes(ve)?Q[re][ve].selectedOption:Z)}};C.useEffect(()=>{const r=B.watch((x,{name:z,type:Q})=>{z!=null&&x!=null&&Je(()=>u(z,x,Q))});return()=>{r.unsubscribe()}});const S=t.jsx(jt,{button:{label:xl.newVendor,onClick:()=>y()},search:{searchText:K,hide:!1,isOpen:K.length>0,placeHolder:Pe.searchPlaceholder,onTextChange:r=>{oe(r),r.trim().length>=2?k(r):r.trim().length==0&&k("")}}});return t.jsxs(vl,{children:[t.jsx(Qe,{title:Pe.navBarTitle,backgroundColor:L.colors.grey4,onBackClick:U,rightSideComponent:S,showMenuIcon:I==="medium-compact"||I==="small",onClickMenuIcon:q,source:"GlobalReviewListPage"}),t.jsx(fl,{children:t.jsx(Ze,{...B,children:t.jsx("form",{id:yl(bl),onSubmit:B.handleSubmit(be),style:{width:"100%"},children:t.jsx(il,{vendorGlobalReviewList:G,allGlobalMerchants:O,globalMerchantAutoCompleteView:l,uiState:{...W,searchText:K},isDisabled:n,listFetchState:F,sectionId:he,onLoadGlobalMerchants:ae,onUpdateGlobalReviewUIState:h,onFetchGlobalReviewList:j,onCreateGlobalMerchant:y,onApproveGlobalMerchantReview:D,onRejectGlobalMerchantReview:w,onClearGlobalMerchantAutoCompleteResults:d,analytics:a})})})})]})},vl=i.div`
-  display: flex;
-  min-height: 100%;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,fl=i.div`
-  display: flex;
-`,yl=e=>`${e}_form`,Te=(e,l)=>({[he]:e.map(a=>{const{merchant:n}=a;let g=n.oldMerchantName;return a.currentSelection==="originalVendor"&&a.selectedMerchantId!=null&&(g=a.selectedMerchantId),{tenantId:n.tenantId,merchantId:n.tenantMerchantId,originalVendor:Be(g,n,l),recommendedFirst:a.recommendations[0],recommendedSecond:a.recommendations[1],currentSelection:{recommendedFirst:a.currentSelection==="recommendedFirst",recommendedSecond:a.currentSelection==="recommendedSecond",requested:a.currentSelection==="requested",originalVendor:a.currentSelection==="originalVendor"},requested:n.tenantMerchantId}})}),jl=e=>e.map(l=>({label:l.globalMerchantName,value:l.globalMerchantId})).sort((l,a)=>l.label.localeCompare(a.label));export{Ll as default,yl as uniqueFormName};

package/dist/assets/HelpButton-BNMy-6ce-CVlMGZqS.js

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