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

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

@@ -1,168 +0,0 @@
-import{d as Be,q as K,O as Y,aa as Ge,aP as De,cS as Ke,l as A,j as t,bF as et,ad as tt,aQ as it,y as x,o as n,kN as at,kO as nt,kP as lt,cY as Re,cV as ot,dm as rt,fP as dt,fQ as st,cX as ke,gm as ct,kQ as pt,c$ as mt,fj as Ve,d0 as ut,fk as Oe,ft as Ae,C as ge,fx as ht,u,b9 as yt,b6 as be,h as Ee,an as gt,as as We}from"./index-sAOH0Fje.js";import{b as X,n as d}from"./vendor-Bs1fkIUX.js";import{Y as xt}from"./LabeledDocumentField-ED03S2kQ-wbMhlpMQ.js";import{S as ie}from"./LabeledText-BESSkt5Z-DvRhicFs.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const ft={progressBarWidth:new x(343,726)},bt=({pageIndex:e})=>{const i=K(),a=Be(),s=Y.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};
-  position: relative;
-  width: ${e=>ft.progressBarWidth.valuePx(e.windowSize)};
-`,vt=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;
-`,St=d.div`
-  display: flex;
-  margin: ${n.sp3} ${n.sp0};
-  justify-content: space-between;
-  height: ${n.sp6};
-`,jt=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(yt)``,Ct=d.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  margin: -${n.sp2} ${n.sp3} ${n.sp3} ${n.sp3};
-  justify-content: space-between;
-  height: 186px;
-`,$t=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])},V=(e,i)=>`${e}.${i}`,Pt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:I,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=K(),{spendManagement:D,dateFormat:y,common:C}=Y.getLocalizedStrings(),$=D.billPay.billDetails,J=y.visual.defaultInput,re=D.zeniAccounts.expressPay,de=C.documents,U=T.largeLabelWidth.value(o),[g,Z]=X.useState(!1),H=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(A.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=Y.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(Tt,{children:$.paymentDetailsTitle}),t.jsxs(It,{windowSize:o,children:[t.jsx(rt,{label:{label:$.withdrawFrom,width:U,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: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(Q,{}),t.jsx(ct,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:U},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(Q,{}),t.jsx(pt,{label:{label:$.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:H,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(Q,{}),t.jsx(mt,{label:{label:$.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:J,autoComplete:"off",minDate:A.dateNow(),registerOptions:{required:!0}}}),t.jsx(Q,{}),t.jsx(Re,{label:{label:$.paymentTo,width:U},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(Q,{}),t.jsx(xt,{name:V(e,"receipt"),sizeLimit:ut,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:U},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=>Z(r),isOptional:!0,style:I!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),I==null?t.jsx(Ft,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(Q,{})]})]})},Tt=d(be)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${n.sp3};
-`,It=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)};
-`,Q=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,E=d.div`
-  box-sizing: border-box;
-  text-align: left;
-  flex: 1 0 50%;
-  color: ${Ee.heroDark};
-`,W=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};
-`,q=d.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-`,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};
-`,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=K(),l=Y.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,I=Dt.largeLabelWidth.value(p),P=X.useRef();X.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(Ot(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(At,{children:l.recipientSectionTitle}),t.jsx(Lt,{children:t.jsxs(Nt,{children:[t.jsx(lt,{label:{label:l.recipientName,width:I},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:I},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:I},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??""}]:[]},Ot=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],At=d(be)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${n.sp3};
-`,Lt=d.div`
-  display: flex;
-  flex-direction: column;
-`,Nt=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])},Mt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=K(),p=oe.largeLabelWidth.value(h),{billPay:l}=Y.getLocalizedStrings().spendManagement,{dateFormat:I,common:P}=Y.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=Ve(a.find(J=>J.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Oe(w?.method??"");return t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,style:s,children:[t.jsxs(Ut,{children:[t.jsx(ne,{children:f.pay}),t.jsx(ne,{children:t.jsx(Ae,{amount:D,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ne,{children:f.to}),t.jsx(ne,{children:e})]}),t.jsxs(Yt,{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:Oe(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}${A.zeniDate(A.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(Rt,{windowSize:h,children:[t.jsx(Vt,{children:t.jsx(zt,{children:l.paymentDetails.total})}),t.jsx(Et,{children:t.jsx(Ae,{amount:A.toAmount(D.amount,D.currencyCode,D.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},zt=d.div``,Bt=d.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,Rt=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};
-`,Vt=d(We)`
-  gap: ${n.sp1};
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-`,Et=d(We)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,Wt=d.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,qt=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)};
-`,Yt=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;
-`,Ut=d.div`
-  display: flex;
-`,ne=d(be)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,Me="expressPayPage",Ht=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:I,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:D,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:J,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:U,expressPayLocalData:g,vendorTypeList:Z,allPaymentMethods:H,paymentToOptions:k,withdrawFromList:N,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:_}=e,[v,ee]=X.useState(0),Ye=Be(),G=K(),{common:we,spendManagement:Ue}=Y.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=Ue.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=U,M=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),He=M?.vendorName,$e=N.find(c=>c.id===s),te=Ge({mode:"onBlur",reValidateMode:"onChange",defaultValues:ze(Z,N,k,$e,H,M,g,j,C?.entityAutoCompleteView),values:ze(Z,N,k,$e,H,M,g,j,C?.entityAutoCompleteView)}),Pe=De(Ce.saveStatus?.fetchState),Te=De(m);X.useEffect(()=>{const c=te.watch((S,{name:b})=>{b!=null&&S!=null&&Ke(()=>_e(b,S))});return()=>{c.unsubscribe()}}),X.useEffect(()=>{Pe==="In-Progress"&&_==="Completed"&&(v===0?(ee(1),o?.(g?.vendorId)):v===1&&ee(2)),Te==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,_,v,o,g?.vendorId,Te,m,P]);const _e=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[L].recipient.selectedOption,O=C?.entityAutoCompleteView.vendor.find(z=>z.zeniId===b);Qe(S),y(),M?.vendorId!==b&&O!=null&&(l?.(b),he(S,!1,k,b))}else if(c.includes("recipient"))ue(S);else{const b=S[F].paymentMethod?.method,O=g?.paymentType?.method,z=b!=null&&O!=null&&(b.toLowerCase().includes("ach")&&O.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&O.toLowerCase().includes("ach"));he(S,z,k,g?.vendorId)}},Qe=c=>{const S=c[L].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(O=>O.id===S)!=null;if(S!=null&&b===!0){I?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const b=M?.vendorId,O=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,z=_t(c,O===!0?b:void 0,M,S);f?.(z,b)},he=(c,S,b,O)=>{const z=(()=>{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),Ze={vendorId:O,amount:{amount:c[F].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[F].paymentDate?A.zeniDate(c[F].paymentDate.toString()):A.dateNow(),paymentType:c[F]?.paymentMethod!=null?c[F]?.paymentMethod:void 0,paymentToAccountId:S?z[0]:ye?.id,withdrawFrom:N.find(B=>B.id===c[F]?.withdrawFrom?.selectedOption),receiptFileId:c[F].receipt?.fileId};w?.(Ze)},Ie=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()}),Xe=()=>{v===2?ee(1):P(g?.vendorId)},Je=()=>{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??H?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(et,{title:me.pageTitle,onBackClick:Je,backgroundColor:Ye.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Qt,{windowSize:G,children:[t.jsx(bt,{pageIndex:v}),t.jsx(tt,{...te,children:t.jsx("form",{id:Me,onSubmit:Ie,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:H,withdrawFromList:N,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:J,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:He}):null})})]}),t.jsx(it,{formId:Ht(Me),style:{width:"100%"},primaryBtn:{label:v===2?A.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:()=>{Ie()}},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}})]})},ze=(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{[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()??A.getNextNthWorkingDay(A.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:I}}};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 Qt=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{oi as default,Ht as formUniqueName};

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

@@ -1,291 +0,0 @@
-import{d as Ee,q as Y,aa as _e,az as Ye,cS as Je,j as t,O as ue,bF as Ze,ad as Qe,cB as Ce,o,n as je,aM as T,bZ as Xe,cA as et,b3 as tt,dG as lt,cH as ot,ab as it,P as nt,dd as at,bJ as We,aS as rt,y as N,l as Oe,b_ as se,u as $,dL as ke,ai as we,cM as st,cP as dt,d3 as ct,id as ht,dC as ye,df as me,c5 as E,eN as Ie,ap as mt,ij as gt,am as pt,bl as ut,ik as Fe,cw as wt,bx as bt,h as De,il as xt}from"./index-sAOH0Fje.js";import{b as C,n,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-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.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};
-`,jt=n.div`
-  display: flex;
-  justify-content: flex-end;
-  position: relative;
-  align-items: center;
-  width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,yt=n(at)`
-  height: ${o.sp4};
-  width: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,St=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,$t=n(ut)`
-  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)},kt={key:"requestedVendor",value:be.requestedVendor,sortOrder:"ascending",width:new N(28,28)},It={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,It,Rt,kt,Nt],fe={sortKey:"tenants",sortOrder:"ascending"},Vt=88,He=53,Lt=1,zt=["action"],Ve=e=>Oe.stringToUnionStrict(e,zt),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(Gt,{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)})})},Gt=n.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  height: ${He}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};
-`,At=n.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;
-`,Pt=n(dt)`
-  width: 12px;
-  height: 12px;
-`,Tt=n.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"};
-`,Wt=n.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};
-  }
-`,Ot=n(st)`
-  width: 12px;
-  height: 12px;
-`,Ft=n.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};
-  }
-`,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(),[L,k]=C.useState(!1),[z,W]=i.split("."),O=parseInt(W),F=q.dirtyFields[z]?.[O]?.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=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=[];B.forEach((u,S)=>{const r=`recommended${ht(S)}`;x.push({label:{label:t.jsx(t.Fragment,{children:u.logo!=null?t.jsxs(Ge,{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(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(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(Ge,{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(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(i,H,ge),checkBoxValue:ce(i,H,ge),defaultChecked:e.currentSelection==="requested"},tooltipProps:{text:t.jsx(Zt,{merchant:p}),maxWidth:"360px"}}:void 0;let D=p.oldMerchantName;e.currentSelection==="originalVendor"&&e.selectedMerchantId!=null&&(D=e.selectedMerchantId);const I=C.useMemo(()=>Ke(D,e.merchant,l),[e,l]),ae=()=>{k(!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:I,isOptionsLoading:K==="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})})}):I.selectedOption!=null?Yt(I.selectedOption,p,l,d,S,F,k,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:()=>k(!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(Ie,{isHighlighted:!0,label:r.label,checkBoxField:r.checkBoxField,tooltipProps:r.tooltipProps,defaultChecked:e.currentSelection===r.fieldName})},b),b<x.length-1?t.jsxs(Bt,{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(Ie,{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(Kt,{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(X,{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(ke,{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(ke,{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};
-  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=n.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;
-`,Bt=n.div``,X=n.div`
-  ${Me};
-`,M=n(pt)`
-  ${Me};
-  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
-  display: ${e=>e.isLastItem?"flex":"inline-block"};
-`,Kt=n(wt)`
-  ${Me};
-  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
-  display: ${e=>e.isLastItem?"flex":"inline-block"};
-`,_=n(we)`
-  padding: 2px ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${o.sp1};
-`,pe=n.div`
-  display: flex;
-`,$e=n(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=n(xt)`
-  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;
-`,ze=n.div`
-  display: flex;
-  text-align: center;
-  align-items: center;
-  overflow: hidden;
-`,Et=n.div`
-  display: flex;
-  width: 100%;
-`,Be=n.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=n.div`
-  display: flex;
-  gap: ${o.sp3};
-  justify-content: space-between;
-`,te=n(we)`
-  color: ${De.primaryDark};
-  overflow: hidden;
-  word-wrap: break-word;
-  white-space: initial;
-`,le=n(we)`
-  color: ${De.heroDark};
-  white-space: nowrap;
-`,_t=n.div`
-  margin-right: ${e=>e.space};
-`,Ge=n.div`
-  display: flex;
-  gap: ${o.sp2};
-`,Ke=(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(ze,{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(ze,{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(X,{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(Be,{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]}),Zt=({merchant:e})=>{let l=e.websiteUrl?.toString()??f.strings.empty;return t.jsxs(Be,{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]})},Qt=({sortConfig:e,fetchState:l,isDisabled:a,onColumnSortConfigChanged:i})=>{const g=Y();return t.jsxs(Xt,{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))})]})},Xt=n.div`
-  display: block;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,el=n.div`
-  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:L})=>{const k=Y(),z=C.useRef(null),[W,O]=C.useState(!1);C.useEffect(()=>{z.current?.resetAfterIndex(0)},[k,z]),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)},B=x=>x<e.length,K=()=>{m.pageToken!=null&&i==="Completed"&&p()},oe=x=>{const v=e.find(I=>I.merchant.tenantMerchantId===x),D=l.find(I=>I.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:k,children:[t.jsx(al,{windowSize:k,children:i==="Error"?t.jsxs(sl,{windowSize:k,children:[t.jsx(dl,{"data-testid":T("global-review-list-table-reload-icon"),onClick:()=>y("",!1,null),children:t.jsx(Xe,{})}),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(Qt,{sortConfig:{sortKey:m.sortKey,sortOrder:m.sortOrder},isDisabled:w,fetchState:i,onColumnSortConfigChanged:J}):t.jsx(rl,{windowSize:k,children:t.jsx(tt,{children:({height:x,width:v})=>t.jsx(lt,{isItemLoaded:B,itemCount:e.length+1,loadMoreItems:K,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:z,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:I})=>{h({scrollYOffset:I})},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;
-  background-color: ${e=>e.theme.colors.grey4};
-  height: ${e=>`calc(100vh - ${We.valuePx(e.windowSize)} - ${o.sp4})`};
-  width: 100%;
-  margin-top: ${o.sp4};
-`,al=n.div`
-  height: 100%;
-`,rl=n.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`,sl=n.div`
-  display: flex;
-  width: 100%;
-  height: ${e=>`calc(100% - ${We.valuePx(e.windowSize)})`};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,dl=n.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};
-    }
-  }
-`,cl=n(rt)`
-  margin-top: ${o.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,hl=n.div`
-  top: ${o.sp0};
-  left: ${o.sp0};
-  padding-bottom: ${o.sp3};
-  box-sizing: border-box;
-`,ml=n.div`
-  position: relative;
-`,gl=n.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: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(),k=Y(),{vendorGlobalReviewData:z,allGlobalMerchants:W,uiState:O,fetchState:F}=e,{globalMerchants:J,fetchState:p}=l,B=_e({mode:"all",reValidateMode:"onChange",defaultValues:Te(z,W),values:Te(z,W),resetOptions:{keepDirtyValues:!0}}),[K,oe]=C.useState(O.searchText),x=C.useRef(),v=r=>{y(r,!1,null)},D=r=>{const b=z.find(G=>G.merchant.tenantMerchantId===r);if(b!=null){const G=W.find(Q=>Q.globalMerchantId===b.selectedMerchantId),Z=b.recommendations,{tenantName:re,oldMerchantName:ie,tenantMerchantName:ne}=b.merchant,R=G?.globalMerchantName??ne,A=Z[0];a.trackVendorReviewApproveRequested({reviewSource:"global_review",tenantName:re,requestedVendorName:ne,originalVendorName:ie,approveVendorName:R,isGlobalVendorRequested:G!=null,isNewCreatedVendorRequested:!1,isVendorNameRecommendationSelected:b.currentSelection==="recommendedFirst"||b.currentSelection==="recommendedSecond",isVendorNameChangedAndSelected:R!==ne,wasRecommendationAvailable:!!A?.globalMerchantName,approveVendorReason:G?.reason??null,approveVendorNameSelectionSource:R===A?.globalMerchantName?"recommendation":"text_edit",recommendedVendorName:A?.globalMerchantName??null,recommendedVendorReason:A?.reason??null})}m(r)},I=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,G)=>{const{globalReviewListTable:Z}=b,re=parseInt(r.split(".")[1]),ie=Z[re].merchantId;if(G==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],Q;R.merchantId!=null&&(r.includes(Re)?(A={recommendedFirst:R[H].recommendedFirst,recommendedSecond:!1,originalVendor:!1,requested:!1},Q=R[Re]?.globalMerchantId):r.includes(Ne)?(A={recommendedFirst:!1,recommendedSecond:R[H].recommendedSecond,originalVendor:!1,requested:!1},Q=R[Ne]?.globalMerchantId):r.includes(ge)?(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:R[H].requested},Q=R[ge]):r.includes(ve)&&(A={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!0,requested:!1})),g(ie,A,r.includes(ve)?Z[re][ve].selectedOption:Q)}};C.useEffect(()=>{const r=B.watch((b,{name:G,type:Z})=>{G!=null&&b!=null&&Je(()=>u(G,b,Z))});return()=>{r.unsubscribe()}});const S=t.jsx(vt,{button:{label:pl.newVendor,onClick:()=>j()},search:{searchText:K,hide:!1,isOpen:K.length>0,placeHolder:Pe.searchPlaceholder,onTextChange:r=>{oe(r),r.trim().length>=2?I(r):r.trim().length==0&&I("")}}});return t.jsxs(wl,{children:[t.jsx(Ze,{title:Pe.navBarTitle,backgroundColor:L.colors.grey4,onBackClick:U,rightSideComponent:S,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:q,source:"GlobalReviewListPage"}),t.jsx(bl,{children:t.jsx(Qe,{...B,children:t.jsx("form",{id:xl(ul),onSubmit:B.handleSubmit(xe),style:{width:"100%"},children:t.jsx(ll,{vendorGlobalReviewList:z,allGlobalMerchants:W,globalMerchantAutoCompleteView:l,uiState:{...O,searchText:K},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%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,bl=n.div`
-  display: flex;
-`,xl=e=>`${e}_form`,Te=(e,l)=>({[he]:e.map(a=>{const{merchant:i}=a;let g=i.oldMerchantName;return a.currentSelection==="originalVendor"&&a.selectedMerchantId!=null&&(g=a.selectedMerchantId),{tenantId:i.tenantId,merchantId:i.tenantMerchantId,originalVendor:Ke(g,i,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:i.tenantMerchantId}})}),vl=e=>e.map(l=>({label:l.globalMerchantName,value:l.globalMerchantId})).sort((l,a)=>l.label.localeCompare(a.label));export{Rl as default,xl as uniqueFormName};

package/dist/assets/HelpButton-BNMy-6ce-WFq-iELy.js

@@ -1,28 +0,0 @@
-import{q as $,j as o,aM as w,O as n,o as t,y as j,I as y,b9 as S,aT as v}from"./index-sAOH0Fje.js";import{b as a,n as r}from"./vendor-Bs1fkIUX.js";import{x as b}from"./MeetingCalenderPopup-BxV_UIXP-B9VDTxkT.js";const z={helpButtonBottom:new j(138,96,96)};function M({isFooterRendered:e,meetingUrl:h,analytics:u,productType:s,setShowPopup:i}){const x=$(),[l,m]=a.useState(!1),[g,d]=a.useState(!1),p=()=>{m(f=>!f)};return o.jsxs(o.Fragment,{children:[g===!0?o.jsx(b,{onCancelClick:()=>{d(!1),i?.(!1)},meetingUrl:h}):null,o.jsxs(H,{"data-testid":w("help-button",s),isFooterRendered:e,windowSize:x,onMouseEnter:p,onMouseLeave:p,onClick:()=>{s!=null&&u?.trackNeedHelp(s),d(!0),i?.(!0)},children:[o.jsx(k,{}),o.jsx(B,{helpTextHover:l,children:l?o.jsxs(c,{children:[n.getLocalizedStrings().common.needHelp.hoverPrefix,o.jsx(R,{children:n.getLocalizedStrings().common.needHelp.hoverSuffix})]}):o.jsx(c,{children:n.getLocalizedStrings().common.needHelp.text})})]})]})}const H=r.div`
-  position: fixed;
-  right: ${t.sp4};
-  bottom: ${e=>e.isFooterRendered?z.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};
-`,c=r(S)`
-  color: ${e=>e.theme.colors.grey5};
-  overflow-x: hidden;
-  white-space: nowrap;
-`,R=r(v)`
-  color: ${e=>e.theme.colors.grey5};
-  cursor: pointer;
-`,k=r(y)`
-  cursor: pointer;
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${e=>e.theme.colors.grey5};
-`;export{M as D};