@zeniai/web-components 3.16.40 → 3.16.42

package/dist/GlobalReviewListPage-DjAYXdaA.cjs

@@ -0,0 +1,291 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),y=require("react"),r=require("@emotion/styled"),n=require("./index-BP5gPMlL.cjs"),Ee=require("@zeniai/client-epic-state"),xe=require("@emotion/react"),Te=require("./undo-JzYndd3s.cjs"),he="recommendedFirst",ge="recommendedSecond",H="currentSelection",de="originalVendor",ie="requested",oe=(e,s)=>`${e}.${s}`,se=(e,s,c)=>c!=null?`${e}.${s}.${c}`:`${e}.${s}`;function Ne(e){const s=n.useWindowSizeContext(),{button:{label:c,onClick:o},search:{isOpen:u,placeHolder:x,searchText:j,onTextChange:S}}=e;return t.jsxRuntimeExports.jsxs(Me,{children:[t.jsxRuntimeExports.jsx(Ve,{isSearchOpen:u&&s==="small",windowsize:s,children:s!=="small"?t.jsxRuntimeExports.jsx(n.ListPageSearchInputBox,{style:{position:"absolute",left:"unset",right:n.Space.sp0},placeholder:x,searchText:j,onSearchTextChanged:S}):null}),s==="small"?t.jsxRuntimeExports.jsx(n.ListPageSearchInputBox,{style:{position:"absolute",left:"5px",right:"unset",top:"44px",width:"98%"},placeholder:x,searchText:j,onSearchTextChanged:S,keepSearchBoxOpen:!0}):null,s==="small"?t.jsxRuntimeExports.jsx(Ae,{style:{marginLeft:n.Space.sp5}}):t.jsxRuntimeExports.jsx(n.Button,{variant:"primary",onClick:o,label:c,size:"small",style:{marginLeft:n.Space.sp3}})]})}const Me=r.div`
+  display: flex;
+  flex-direction: row;
+  padding-right: ${n.Space.sp0};
+`,Ve=r.div`
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
+  align-items: center;
+  width: ${e=>e.isSearchOpen?"100%":"unset"};
+`,Ae=r(n.SvgAddRound)`
+  height: ${n.Space.sp4};
+  width: ${n.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,We=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Pe=r(n.SvgAutofill1)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: ${n.Space.sp3};
+  height: ${n.Space.sp3};
+`,{headers:ae,strings:Oe}=n.appLocale.getLocalizedStrings().common,He={key:"tenants",value:ae.tenants,sortOrder:"ascending",width:new n.ResponsiveSized(15,15)},ze={key:"requestedVendor",value:ae.requestedVendor,sortOrder:"ascending",width:new n.ResponsiveSized(28,28)},Fe={key:"originalVendor",value:ae.originalVendor,sortOrder:"ascending",width:new n.ResponsiveSized(15,15)},Be={key:"recommended",value:ae.recommended,sortOrder:"ascending",width:new n.ResponsiveSized(30,30),icon:t.jsxRuntimeExports.jsx(We,{children:t.jsxRuntimeExports.jsx(Pe,{})})},qe={key:"action",value:Oe.empty,sortOrder:"ascending",width:new n.ResponsiveSized(12,12)},I=[He,Fe,Be,ze,qe],pe={sortKey:"tenants",sortOrder:"ascending"},_e=88,ye=53,Ue=1,Ge=["action"],je=e=>Ee.stringToUnionStrict(e,Ge),$e=({sortConfig:e,isDisabled:s,onColumnSortConfigChanged:c})=>{const o=n.useWindowSizeContext(),[u,x]=y.useState(I);y.useEffect(()=>{const d=[...u];for(const p of d)p.key===e.sortKey?p.sortOrder=e.sortOrder:p.sortOrder="ascending";x(d)},[e.sortKey,e.sortOrder]);const j=(d,p)=>{let f=p;e.sortKey===d&&(f=p==="ascending"?"descending":"ascending"),c?.(d,f)},S=d=>{je(d.key)==null&&j(Ee.toVendorGlobalReviewColumnSortKeyType(d.key),d.sortOrder)};return t.jsxRuntimeExports.jsx(Ke,{windowSize:o,children:u.map(d=>{const p=s!=null||je(d.key)!=null;return t.jsxRuntimeExports.jsxs(De,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isSortDisabled:p,windowSize:o,children:[t.jsxRuntimeExports.jsxs(Ze,{onClick:()=>p?null:S(d),isSortDisabled:p,"data-testid":n.generateDataTestId("global-review-list-header-name-wrapper"),children:[d.icon,t.jsxRuntimeExports.jsx(et,{children:d.value}),p?null:t.jsxRuntimeExports.jsx(Je,{sortConfig:e,headerdata:d,children:t.jsxRuntimeExports.jsx(Xe,{})})]}),p?null:t.jsxRuntimeExports.jsx(Qe,{isSortDisabled:p,sortDataValue:e.sortKey,isVisible:e.sortKey===d.key&&e.sortKey!==pe.sortKey,children:t.jsxRuntimeExports.jsx(Ye,{onClick:()=>{p||j(pe.sortKey,pe.sortOrder)},"data-testid":n.generateDataTestId("global-review-list-header-close-icon")})})]},d.key)})})},Ke=r.div`
+  top: ${n.Space.sp0};
+  left: ${n.Space.sp0};
+  height: ${ye}px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${n.Space.sp0} ${n.Space.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  margin: ${n.Space.sp0} ${n.Space.sp8};
+`,De=r.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: ${n.Space.sp0};
+  left: ${n.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-start;
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,Ye=r(n.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+`,Je=r.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"};
+`,Qe=r.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};
+  }
+`,Xe=r(n.SvgArrowTailTop)`
+  width: 12px;
+  height: 12px;
+`,Ze=r.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};
+  }
+`,et=r(n.SmallRegular)`
+  display: flex;
+`,{common:w,vendorReview:{globalReview:{globalMerchantList:tt}}}=n.appLocale.getLocalizedStrings(),l={containerPaddingLeftRight:new n.ResponsiveSized(n.sp[3],n.sp[4]),containerPaddingTopBottom:new n.ResponsiveSized(n.sp[2],n.sp[3]),logoHeightAndWidth:new n.ResponsiveSized(n.sp[3],n.sp[4]),vendorNameLogoHeightAndWidth:new n.ResponsiveSized(n.sp[4],n.sp[6]),logoToValueGap:new n.ResponsiveSized(n.sp[2],n.sp[2]),smallLogoToValueGap:new n.ResponsiveSized(n.sp[1],n.sp[1])},nt=({vendorGlobalReviewData:e,allGlobalMerchants:s,globalMerchantAutoCompleteView:c,sectionId:o,isDisabled:u,analytics:x,onLoadGlobalMerchants:j,onCreateGlobalMerchant:S,onApproveGlobalReview:d,onRejectGlobalReview:p,onClearGlobalMerchantAutoCompleteResults:f})=>{const a=n.useWindowSizeContext(),{resetField:z,formState:F}=t.useFormContext(),[k,$]=y.useState(!1),[T,A]=o.split("."),W=parseInt(A),P=F.dirtyFields[T]?.[W]?.originalVendor===!0&&e.selectedMerchantId!==e.merchant.tenantMerchantId,U=e.currentSelection!=null,{merchant:h,recommendations:B}=e,{fetchState:q}=c,X=g=>{let v=g.websiteUrl?.toString();if(v){if(v=n.toAbsoluteUrl(v)??v,e.selectedMerchantId!=null){const i=g.globalMerchantName??null;x.trackVendorReviewWebsiteOpened({reviewSource:"global_review",vendorName:e.merchant.tenantMerchantName,wasRecommendationAvailable:!!i,recommendedVendorName:i,recommendedVendorReason:g.reason??null,vendorWebsite:v})}window.open(v,"_blank")}},R=[];B.forEach((g,v)=>{const m=`recommended${n.mapIndexToString(v)}`;R.push({label:{label:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:g.logo!=null?t.jsxRuntimeExports.jsxs(we,{children:[t.jsxRuntimeExports.jsx(n.EntityLogoAvatarWithCustomFallback,{photoUrl:g.logo.toString(),styles:{width:l.logoHeightAndWidth.valuePx(a),height:l.logoHeightAndWidth.valuePx(a)},placeholder:{width:l.logoHeightAndWidth.value(a),height:l.logoHeightAndWidth.value(a)},fallbackAvatar:t.jsxRuntimeExports.jsx(le,{children:t.jsxRuntimeExports.jsx(n.EntityAvatar,{name:g.globalMerchantName,size:l.logoHeightAndWidth.valuePx(a)})})}),t.jsxRuntimeExports.jsx(E,{className:"global-review-row-item",windowSize:a,isLastItem:!1,children:t.jsxRuntimeExports.jsx(D,{children:g.globalMerchantName})})]}):t.jsxRuntimeExports.jsx(E,{className:"global-review-row-item",windowSize:a,isLastItem:!1,children:t.jsxRuntimeExports.jsx(D,{children:g.globalMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:se(o,H,m),checkBoxValue:se(o,H,m),defaultChecked:e.currentSelection===m},tooltipProps:{text:t.jsxRuntimeExports.jsx(ct,{recommendation:g,onRedirectionToRecommendedMerchantWebsiteUrl:()=>X(g)}),maxWidth:"360px"},fieldName:m})});const b=h!=null?{label:{label:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:h.logo!=null?t.jsxRuntimeExports.jsxs(we,{children:[t.jsxRuntimeExports.jsx(n.EntityLogoAvatarWithCustomFallback,{photoUrl:h.logo.toString(),styles:{width:l.logoHeightAndWidth.valuePx(a),height:l.logoHeightAndWidth.valuePx(a)},placeholder:{width:l.logoHeightAndWidth.value(a),height:l.logoHeightAndWidth.value(a)},fallbackAvatar:t.jsxRuntimeExports.jsx(le,{children:t.jsxRuntimeExports.jsx(n.EntityAvatar,{name:h.tenantMerchantName,size:l.logoHeightAndWidth.valuePx(a)})})}),t.jsxRuntimeExports.jsx(E,{className:"global-review-row-item",windowSize:a,isLastItem:!1,children:t.jsxRuntimeExports.jsx(D,{children:h.tenantMerchantName})})]}):t.jsxRuntimeExports.jsx(E,{className:"global-review-row-item",windowSize:a,isLastItem:!1,children:t.jsxRuntimeExports.jsx(D,{children:h.tenantMerchantName})})}),style:{display:"block",overflow:"hidden",textOverflow:"ellipsis"}},checkBoxField:{name:se(o,H,ie),checkBoxValue:se(o,H,ie),defaultChecked:e.currentSelection==="requested"},tooltipProps:{text:t.jsxRuntimeExports.jsx(dt,{merchant:h}),maxWidth:"360px"}}:void 0;let O=h.oldMerchantName;e.currentSelection==="originalVendor"&&e.selectedMerchantId!=null&&(O=e.selectedMerchantId);const C=y.useMemo(()=>Ie(O,e.merchant,s),[e,s]),te=()=>{$(!1),f()},ce=()=>{z(o)};return t.jsxRuntimeExports.jsx(Ce,{windowSize:a,isActiveField:P,children:I.map((g,v)=>{switch(g.key){case"originalVendor":return t.jsxRuntimeExports.jsx(V,{windowSize:a,wrapperWidth:g.width,children:k===!0?t.jsxRuntimeExports.jsx(t.ClickAwayListener,{onClickAway:te,children:t.jsxRuntimeExports.jsx(it,{children:t.jsxRuntimeExports.jsx(n.CreatableAutoCompleteSingleSelectField,{name:oe(o,"originalVendor"),defaultValue:C,isOptionsLoading:q==="In-Progress",addIconInCreateLabel:!0,autoFocus:!0,isDisabled:u,style:{marginRight:n.Space.sp4},menuIsOpen:k,loadOptions:j,customStyleConfig:{valueContainer:(i,m)=>({justifyContent:"flex-start",margin:`${n.Space.sp0} ${m.selectProps.menuIsOpen===!1?n.Space.sp0:n.Space.sp3}`}),menu:()=>({width:"150%"}),singleValue:()=>({display:"flex",alignItems:"center",color:"inherit"})},onCreateOptionClick:i=>{S(h.tenantMerchantId,i,h.websiteUrl)},onMenuClose:te})})}):C.selectedOption!=null?at(C.selectedOption,h,s,a,v,P,$,ce):t.jsxRuntimeExports.jsxs(E,{className:"global-review-row-item",windowSize:a,isLastItem:v===I.length-1,children:[tt.selectPlaceholder,t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom",title:t.jsxRuntimeExports.jsx(_,{children:w.tooltips.editName}),enterDelay:600,children:t.jsxRuntimeExports.jsx(ue,{onClick:()=>$(!0),"data-testid":n.generateDataTestId("global-review-list-row-edit-icon")})})]})},oe(o,"originalVendor"));case"recommended":return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsx(V,{windowSize:a,wrapperWidth:g.width,gap:l.logoToValueGap,children:R.map((i,m)=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(E,{windowSize:a,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsxRuntimeExports.jsx(n.BorderedCheckBoxField,{isHighlighted:!0,label:i.label,checkBoxField:i.checkBoxField,tooltipProps:i.tooltipProps,defaultChecked:e.currentSelection===i.fieldName})},m),m<R.length-1?t.jsxRuntimeExports.jsxs(st,{children:[" ",w.texts.or]}):null]}))})});case"action":return t.jsxRuntimeExports.jsx(V,{windowSize:a,wrapperWidth:g.width,gap:l.smallLogoToValueGap,children:t.jsxRuntimeExports.jsxs(E,{className:"global-review-row-button",windowSize:a,isLastItem:v===I.length-1,children:[t.jsxRuntimeExports.jsx(n.Button,{variant:"light_transparent",label:w.footer.reject,onClick:()=>p(h.tenantMerchantId),loading:e.rejectStatus.fetchState==="In-Progress",size:"small",style:{height:"100%"}}),t.jsxRuntimeExports.jsx(lt,{space:n.Space.sp0,style:{display:"flex",alignItems:"center",height:n.Space.sp4,width:n.Space.sp3}}),t.jsxRuntimeExports.jsx(n.Button,{label:w.footer.approve,onClick:()=>d(h.tenantMerchantId),disabled:!U,loading:e.approveStatus.fetchState==="In-Progress",size:"small",variant:"primary"})]})},`${o}.${g.key}`);case"requestedVendor":return t.jsxRuntimeExports.jsx(V,{windowSize:a,wrapperWidth:g.width,gap:l.smallLogoToValueGap,children:h.tenantMerchantName&&b!=null?t.jsxRuntimeExports.jsx(E,{windowSize:a,className:"vendor-global-review-row-item",isLastItem:!1,children:t.jsxRuntimeExports.jsx(n.BorderedCheckBoxField,{isHighlighted:!0,label:b.label,checkBoxField:b.checkBoxField,tooltipProps:b.tooltipProps,defaultChecked:e.currentSelection==="requested"})}):t.jsxRuntimeExports.jsx(E,{className:"vendor-global-review-row-item",windowSize:a,isLastItem:!1,children:w.strings.hyphen})},oe(o,"merchantId"));case"tenants":default:return t.jsxRuntimeExports.jsx(V,{windowSize:a,wrapperWidth:g.width,children:t.jsxRuntimeExports.jsx(rt,{className:"global-review-row-item",windowSize:a,isLastItem:v===I.length-1,children:t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom-start",title:t.jsxRuntimeExports.jsx(_,{children:h.tenantName}),children:t.jsxRuntimeExports.jsx(D,{children:h.tenantName})})})},oe(o,"tenantId"))}})})},ot=()=>{const e=n.useWindowSizeContext();return t.jsxRuntimeExports.jsx(Ce,{windowSize:e,isActiveField:!1,children:I.map((s,c)=>{switch(s.key){case"originalVendor":case"recommended":return t.jsxRuntimeExports.jsxs(V,{windowSize:e,wrapperWidth:s.width,gap:l.smallLogoToValueGap,children:[t.jsxRuntimeExports.jsx(n.CircularContentLoader,{width:l.logoHeightAndWidth.value(e),height:l.logoHeightAndWidth.value(e)}),t.jsxRuntimeExports.jsx(E,{windowSize:e,isLastItem:c===I.length-1,children:t.jsxRuntimeExports.jsx(n.RectangularContentLoader,{width:120,height:l.logoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},s.key);case"requestedVendor":return t.jsxRuntimeExports.jsxs(V,{windowSize:e,wrapperWidth:s.width,gap:l.logoToValueGap,children:[t.jsxRuntimeExports.jsx(n.CircularContentLoader,{width:l.vendorNameLogoHeightAndWidth.value(e),height:l.vendorNameLogoHeightAndWidth.value(e)}),t.jsxRuntimeExports.jsx(E,{windowSize:e,isLastItem:c===I.length-1,children:t.jsxRuntimeExports.jsx(n.RectangularContentLoader,{width:120,height:l.vendorNameLogoHeightAndWidth.value(e),style:{display:"flex",alignItems:"center"}})})]},s.key);case"tenants":return t.jsxRuntimeExports.jsx(V,{windowSize:e,wrapperWidth:s.width,children:t.jsxRuntimeExports.jsx(E,{windowSize:e,isLastItem:c===I.length-1,children:t.jsxRuntimeExports.jsx(n.RectangularContentLoader,{width:100,height:n.sp[4],style:{display:"flex",alignItems:"center"}})})},s.key);case"action":default:return t.jsxRuntimeExports.jsx(V,{windowSize:e,wrapperWidth:s.width,children:t.jsxRuntimeExports.jsx(E,{windowSize:e,isLastItem:c===I.length-1,children:t.jsxRuntimeExports.jsx(n.RectangularContentLoader,{width:n.sp[11],height:n.sp[5],style:{display:"flex",alignItems:"center"}})})},s.key)}})})},Ce=r.div`
+  display: flex;
+  margin-bottom: ${n.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>l.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>l.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-top: ${e=>l.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>l.containerPaddingTopBottom.valuePx(e.windowSize)};
+  margin: ${n.Space.sp0} ${n.Space.sp8} ${n.Space.sp3} ${n.Space.sp8};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${n.Space.sp0} 2px ${n.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+
+  ${e=>e.isActiveField?xe.css`
+        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};
+          }
+        }
+      `:xe.css``};
+
+  &: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;
+`,V=r.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: ${n.Space.sp0};
+  }
+`,me=xe.css`
+  word-break: break-word;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,st=r.div``,D=r.div`
+  ${me};
+`,E=r(n.StandardRegular)`
+  ${me};
+  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
+  display: ${e=>e.isLastItem?"flex":"inline-block"};
+`,rt=r(n.StandardMedium)`
+  ${me};
+  justify-content: ${e=>e.isLastItem?"flex-end":"unset"};
+  display: ${e=>e.isLastItem?"flex":"inline-block"};
+`,_=r(n.SmallRegular)`
+  padding: 2px ${n.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${n.Space.sp1};
+`,le=r.div`
+  display: flex;
+`,ue=r(n.SvgEdit)`
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+  height: ${n.Space.sp3};
+  width: ${n.Space.sp4};
+  margin-left: ${n.Space.sp2};
+  display: flex;
+  align-items: center;
+  visibility: hidden;
+  cursor: pointer;
+`,Re=r(Te.SvgUndo)`
+  color: ${e=>e.theme.colors.hero};
+  align-items: center;
+  height: ${n.Space.sp3};
+  width: ${n.Space.sp4};
+  margin-left: ${n.Space.sp2};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,be=r.div`
+  display: flex;
+  text-align: center;
+  align-items: center;
+  overflow: hidden;
+`,it=r.div`
+  display: flex;
+  width: 100%;
+`,Le=r.div`
+  width: auto;
+  box-sizing: border-box;
+  max-height: ${e=>e.setMaxHeight===!0?n.Space.sp10:"none"};
+  &:hover {
+    .websiteUrlTooltipText {
+      cursor: pointer;
+    }
+  }
+  margin-bottom: ${n.Space.sp2};
+  padding: ${n.Space.sp2} ${n.Space.sp3} ${n.Space.sp2} ${n.Space.sp3};
+`,Y=r.div`
+  display: flex;
+  gap: ${n.Space.sp3};
+  justify-content: space-between;
+`,J=r(n.SmallRegular)`
+  color: ${n.Colors.primaryDark};
+  overflow: hidden;
+  word-wrap: break-word;
+  white-space: initial;
+`,Q=r(n.SmallRegular)`
+  color: ${n.Colors.heroDark};
+  white-space: nowrap;
+`,lt=r.div`
+  margin-right: ${e=>e.space};
+`,we=r.div`
+  display: flex;
+  gap: ${n.Space.sp2};
+`,Ie=(e,s,c)=>{const o=c.find(x=>x.globalMerchantId===e),u=s.tenantMerchantId===e?{label:s.tenantMerchantName,value:s.tenantMerchantId}:o!=null?{label:o.globalMerchantName,value:o.globalMerchantId}:void 0;return u!=null?{defaultOptions:[u],selectedOption:e}:{defaultOptions:[],selectedOption:e}},at=(e,s,c,o,u,x,j,S)=>{const d=c.find(f=>f.globalMerchantId===e),p=s.tenantMerchantId===e?{logo:s.logo,name:s.tenantMerchantName}:d!=null?{logo:d.logo,name:d.globalMerchantName}:e.length>0?{logo:void 0,name:e}:void 0;return p==null?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(E,{className:"vendor-global-review-row-item",windowSize:o,isLastItem:!1,children:w.strings.hyphen}),t.jsxRuntimeExports.jsxs(be,{children:[t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom",title:t.jsxRuntimeExports.jsx(_,{children:w.tooltips.editName}),enterDelay:600,children:t.jsxRuntimeExports.jsx(ue,{className:"edit-icon",onClick:()=>j(!0),"data-testid":n.generateDataTestId("global-review-list-row-edit-icon")})}),x?t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom",title:t.jsxRuntimeExports.jsx(_,{children:w.tooltips.reset}),enterDelay:600,children:t.jsxRuntimeExports.jsx(Re,{className:"reset-icon",onClick:S,"data-testid":n.generateDataTestId("global-review-list-row-undo-icon")})}):null]})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[p.logo!=null?t.jsxRuntimeExports.jsx(n.EntityLogoAvatarWithCustomFallback,{photoUrl:p.logo.toString(),styles:{width:l.vendorNameLogoHeightAndWidth.valuePx(o),height:l.vendorNameLogoHeightAndWidth.valuePx(o),marginRight:l.logoToValueGap.valuePx(o)},placeholder:{width:l.vendorNameLogoHeightAndWidth.value(o),height:l.vendorNameLogoHeightAndWidth.value(o),style:{marginRight:l.logoToValueGap.valuePx(o)}},fallbackAvatar:t.jsxRuntimeExports.jsx(le,{style:{marginRight:l.logoToValueGap.valuePx(o)},children:t.jsxRuntimeExports.jsx(n.EntityAvatar,{name:p.name,size:l.vendorNameLogoHeightAndWidth.valuePx(o)})})}):t.jsxRuntimeExports.jsx(le,{style:{marginRight:l.logoToValueGap.valuePx(o)},children:t.jsxRuntimeExports.jsx(n.EntityAvatar,{name:p.name,size:l.vendorNameLogoHeightAndWidth.valuePx(o)})}),t.jsxRuntimeExports.jsxs(be,{children:[t.jsxRuntimeExports.jsx(E,{className:"global-review-row-item",windowSize:o,isLastItem:u===I.length-1,children:t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom-start",title:t.jsxRuntimeExports.jsx(_,{children:p.name}),children:t.jsxRuntimeExports.jsx(D,{children:p.name})})}),t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom",title:t.jsxRuntimeExports.jsx(_,{children:w.tooltips.editName}),enterDelay:600,children:t.jsxRuntimeExports.jsx(ue,{className:"edit-icon",onClick:()=>j(!0),"data-testid":n.generateDataTestId("global-review-list-row-edit-icon-tooltip")})}),x?t.jsxRuntimeExports.jsx(n.Tooltip,{display:"block",placement:"bottom",title:t.jsxRuntimeExports.jsx(_,{children:w.tooltips.reset}),enterDelay:600,children:t.jsxRuntimeExports.jsx(Re,{className:"reset-icon",onClick:S})}):null]})]})},ct=({recommendation:e,onRedirectionToRecommendedMerchantWebsiteUrl:s})=>t.jsxRuntimeExports.jsxs(Le,{setMaxHeight:!0,children:[t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.vendor}),t.jsxRuntimeExports.jsx(J,{children:e.globalMerchantName})]}),e.websiteUrl?t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.websiteURL}),t.jsxRuntimeExports.jsx(J,{className:"websiteUrlTooltipText",onClick:()=>s(e),"data-testid":n.generateDataTestId("global-review-list-row-website-url-tooltip-website-url"),children:e.websiteUrl?.toString()})]}):null]}),dt=({merchant:e})=>{let s=e.websiteUrl?.toString()??w.strings.empty;return t.jsxRuntimeExports.jsxs(Le,{children:[t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.name}),t.jsxRuntimeExports.jsx(J,{children:e.tenantMerchantName})]}),e.accountName.length?t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.category}),t.jsxRuntimeExports.jsx(J,{children:e.accountName})]}):null,e.accountName.length?t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.class}),t.jsxRuntimeExports.jsx(J,{children:e.className})]}):null,s?t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsx(Q,{children:w.labels.websiteURL}),t.jsxRuntimeExports.jsx(J,{className:"websiteUrlTooltipText",onClick:()=>{s&&(s=n.toAbsoluteUrl(s)??s,window.open(s,"_blank"))},"data-testid":n.generateDataTestId("global-review-list-row-website-url-tooltip"),children:s})]}):null]})},pt=({sortConfig:e,fetchState:s,isDisabled:c,onColumnSortConfigChanged:o})=>{const u=n.useWindowSizeContext();return t.jsxRuntimeExports.jsxs(xt,{windowSize:u,children:[t.jsxRuntimeExports.jsx($e,{sortConfig:e,isDisabled:s==="In-Progress"?"readonly":c,onColumnSortConfigChanged:o}),t.jsxRuntimeExports.jsx(ut,{windowSize:u,children:[...Array(7)].map((x,j)=>t.jsxRuntimeExports.jsx(ot,{},j))})]})},xt=r.div`
+  display: block;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,ut=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,{common:mt,vendorReview:{globalReview:{globalMerchantList:Se}}}=n.appLocale.getLocalizedStrings(),ht=({vendorGlobalReviewList:e,allGlobalMerchants:s,sectionId:c,listFetchState:o,globalMerchantAutoCompleteView:u,uiState:x,isDisabled:j,analytics:S,onLoadGlobalMerchants:d,onUpdateGlobalReviewUIState:p,onFetchGlobalReviewList:f,onCreateGlobalMerchant:a,onApproveGlobalMerchantReview:z,onRejectGlobalMerchantReview:F,onClearGlobalMerchantAutoCompleteResults:k})=>{const $=n.useWindowSizeContext(),T=y.useRef(null),[A,W]=y.useState(!1);y.useEffect(()=>{T.current?.resetAfterIndex(0)},[$,T]),y.useEffect(()=>{o==="Completed"&&W(!1)},[o]);const P=R=>_e,U=(R,b)=>{p({sortOrder:b,sortKey:R}),f(x.searchText,!1,null)},h=()=>{W(!0),f(x.searchText,!0,x.pageToken)},B=R=>R<e.length,q=()=>{x.pageToken!=null&&o==="Completed"&&h()},X=R=>{const b=e.find(C=>C.merchant.tenantMerchantId===R),O=s.find(C=>C.globalMerchantId===b?.selectedMerchantId);b?.currentSelection!="requested"||O!=null&&b?.currentSelection=="requested"?z(R):b!=null&&a(R,b.merchant.tenantMerchantName,b.merchant.websiteUrl)};return t.jsxRuntimeExports.jsxs(Rt,{windowSize:$,children:[t.jsxRuntimeExports.jsx(bt,{windowSize:$,children:o==="Error"?t.jsxRuntimeExports.jsxs(St,{windowSize:$,children:[t.jsxRuntimeExports.jsx(ft,{"data-testid":n.generateDataTestId("global-review-list-table-reload-icon"),onClick:()=>f("",!1,null),children:t.jsxRuntimeExports.jsx(n.SvgReload,{})}),t.jsxRuntimeExports.jsx(vt,{children:mt.reloadPage.label})]}):o==="Completed"&&e.length===0?t.jsxRuntimeExports.jsx(n.NoListDataPage,{message:x.searchText?Se.noMatchedDataText:Se.noDataText,style:{padding:n.Space.sp0}}):o==="Not-Started"||o==="In-Progress"&&e.length===0?t.jsxRuntimeExports.jsx(pt,{sortConfig:{sortKey:x.sortKey,sortOrder:x.sortOrder},isDisabled:j,fetchState:o,onColumnSortConfigChanged:U}):t.jsxRuntimeExports.jsx(wt,{windowSize:$,children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:R,width:b})=>t.jsxRuntimeExports.jsx(t.InfiniteLoader,{isItemLoaded:B,itemCount:e.length+1,loadMoreItems:q,children:({onItemsRendered:O})=>t.jsxRuntimeExports.jsxs(yt,{style:{height:R,width:b},children:[t.jsxRuntimeExports.jsx(jt,{children:t.jsxRuntimeExports.jsx($e,{sortConfig:{sortKey:x.sortKey,sortOrder:x.sortOrder},isDisabled:o==="In-Progress"?"readonly":j,onColumnSortConfigChanged:U})}),t.jsxRuntimeExports.jsx(t.VariableSizeList,{ref:T,height:R-ye,itemCount:e.length,itemData:{analytics:S,vendorGlobalReviewList:e,sectionId:c,allGlobalMerchants:s,globalMerchantAutoCompleteView:u,isDisabled:j,onLoadGlobalMerchants:d,onApproveGlobalReview:X,onRejectGlobalMerchantReview:F,onCreateGlobalMerchant:a,onClearGlobalMerchantAutoCompleteResults:k},onItemsRendered:O,itemSize:P,width:b,style:{willChange:"auto"},overscanCount:Ue,onScroll:({scrollOffset:C})=>{p({scrollYOffset:C})},initialScrollOffset:x.scrollYOffset,children:gt})]})})})})}),t.jsxRuntimeExports.jsx(n.ControlledComponent,{controller:A===!0,children:t.jsxRuntimeExports.jsx($t,{children:t.jsxRuntimeExports.jsx(n.ActivityIndicator,{size:"Small",start:!0})})})]})},gt=({index:e,style:s,data:c})=>{const{analytics:o,vendorGlobalReviewList:u,allGlobalMerchants:x,globalMerchantAutoCompleteView:j,sectionId:S,isDisabled:d,onLoadGlobalMerchants:p,onCreateGlobalMerchant:f,onApproveGlobalReview:a,onRejectGlobalMerchantReview:z,onClearGlobalMerchantAutoCompleteResults:F}=c,k=u[e];return t.jsxRuntimeExports.jsx(Et,{style:{...s,width:"100%"},className:"global-review-list-item",children:t.jsxRuntimeExports.jsx(nt,{sectionId:`${S}.${e}`,isDisabled:k.approveStatus.fetchState==="In-Progress"?"readonly":d,globalMerchantAutoCompleteView:j,vendorGlobalReviewData:k,allGlobalMerchants:x,onLoadGlobalMerchants:p,onCreateGlobalMerchant:f,onApproveGlobalReview:a,onRejectGlobalReview:z,onClearGlobalMerchantAutoCompleteResults:F,analytics:o},k.merchant.tenantMerchantId)})},jt=r.div`
+  width: auto;
+`,Rt=r.div`
+  display: block;
+  background-color: ${e=>e.theme.colors.grey4};
+  height: ${e=>`calc(100vh - ${n.navBarHeight.valuePx(e.windowSize)} - ${n.Space.sp4})`};
+  width: 100%;
+  margin-top: ${n.Space.sp4};
+`,bt=r.div`
+  height: 100%;
+`,wt=r.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,St=r.div`
+  display: flex;
+  width: 100%;
+  height: ${e=>`calc(100% - ${n.navBarHeight.valuePx(e.windowSize)})`};
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,ft=r.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,vt=r(n.SmallRegularSp)`
+  margin-top: ${n.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Et=r.div`
+  top: ${n.Space.sp0};
+  left: ${n.Space.sp0};
+  padding-bottom: ${n.Space.sp3};
+  box-sizing: border-box;
+`,yt=r.div`
+  position: relative;
+`,$t=r.div`
+  display: flex;
+  width: 100%;
+  height: ${n.Space.sp3};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: ${n.Space.sp3};
+  margin-bottom: ${n.Space.sp3};
+`,{common:{sectionTitles:Ct},vendorReview:{globalReview:{globalMerchantList:fe}}}=n.appLocale.getLocalizedStrings(),Lt="globalReviewListPage",re="globalReviewListTable",It=({vendorGlobalReviewView:e,globalMerchantAutoCompleteView:s,analytics:c,isDisabled:o,onUpdateSelectedGlobalMerchant:u,onApproveGlobalReview:x,onRejectGlobalReview:j,onCreateGlobalMerchant:S,onFetchGlobalMerchantAutoCompleteResults:d,onUpdateGlobalReviewUIState:p,onFetchGlobalReviewList:f,onClearGlobalMerchantAutoCompleteResults:a,onBackClick:z,onClickMenuIcon:F})=>{const k=t.useTheme(),$=n.useWindowSizeContext(),{vendorGlobalReviewData:T,allGlobalMerchants:A,uiState:W,fetchState:P}=e,{globalMerchants:U,fetchState:h}=s,B=t.useForm({mode:"all",reValidateMode:"onChange",defaultValues:ve(T,A),values:ve(T,A),resetOptions:{keepDirtyValues:!0}}),[q,X]=y.useState(W.searchText),R=y.useRef(),b=i=>{f(i,!1,null)},O=i=>{const m=T.find(N=>N.merchant.tenantMerchantId===i);if(m!=null){const N=A.find(K=>K.globalMerchantId===m.selectedMerchantId),G=m.recommendations,{tenantName:ne,oldMerchantName:Z,tenantMerchantName:ee}=m.merchant,L=N?.globalMerchantName??ee,M=G[0];c.trackVendorReviewApproveRequested({reviewSource:"global_review",tenantName:ne,requestedVendorName:ee,originalVendorName:Z,approveVendorName:L,isGlobalVendorRequested:N!=null,isNewCreatedVendorRequested:!1,isVendorNameRecommendationSelected:m.currentSelection==="recommendedFirst"||m.currentSelection==="recommendedSecond",isVendorNameChangedAndSelected:L!==ee,wasRecommendationAvailable:!!M?.globalMerchantName,approveVendorReason:N?.reason??null,approveVendorNameSelectionSource:L===M?.globalMerchantName?"recommendation":"text_edit",recommendedVendorName:M?.globalMerchantName??null,recommendedVendorReason:M?.reason??null})}x(i)},C=y.useRef(t.debounce(i=>b(i),500,{trailing:!0})).current;y.useEffect(()=>{P==="Completed"&&c.trackVendorReviewPage("global_review",W.totalCount)},[P]),y.useEffect(()=>{h==="Completed"&&R.current?.(Nt(U))},[h]);const te=(i,m)=>{d(i),R.current=m},ce=()=>{},g=async(i,m,N)=>{const{globalReviewListTable:G}=m,ne=parseInt(i.split(".")[1]),Z=G[ne].merchantId;if(N==null){u(Z,{recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:!1},Z);return}if(i.includes(re)){const ee=parseInt(i.split(".")[1]),L={...m[re][ee]};let M=L[H],K;L.merchantId!=null&&(i.includes(he)?(M={recommendedFirst:L[H].recommendedFirst,recommendedSecond:!1,originalVendor:!1,requested:!1},K=L[he]?.globalMerchantId):i.includes(ge)?(M={recommendedFirst:!1,recommendedSecond:L[H].recommendedSecond,originalVendor:!1,requested:!1},K=L[ge]?.globalMerchantId):i.includes(ie)?(M={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!1,requested:L[H].requested},K=L[ie]):i.includes(de)&&(M={recommendedFirst:!1,recommendedSecond:!1,originalVendor:!0,requested:!1})),u(Z,M,i.includes(de)?G[ne][de].selectedOption:K)}};y.useEffect(()=>{const i=B.watch((m,{name:N,type:G})=>{N!=null&&m!=null&&t.defer(()=>g(N,m,G))});return()=>{i.unsubscribe()}});const v=t.jsxRuntimeExports.jsx(Ne,{button:{label:Ct.newVendor,onClick:()=>S()},search:{searchText:q,hide:!1,isOpen:q.length>0,placeHolder:fe.searchPlaceholder,onTextChange:i=>{X(i),i.trim().length>=2?C(i):i.trim().length==0&&C("")}}});return t.jsxRuntimeExports.jsxs(kt,{children:[t.jsxRuntimeExports.jsx(n.NavBar,{title:fe.navBarTitle,backgroundColor:k.colors.grey4,onBackClick:z,rightSideComponent:v,showMenuIcon:$==="medium-compact"||$==="small",onClickMenuIcon:F,source:"GlobalReviewListPage"}),t.jsxRuntimeExports.jsx(Tt,{children:t.jsxRuntimeExports.jsx(t.FormProvider,{...B,children:t.jsxRuntimeExports.jsx("form",{id:ke(Lt),onSubmit:B.handleSubmit(ce),style:{width:"100%"},children:t.jsxRuntimeExports.jsx(ht,{vendorGlobalReviewList:T,allGlobalMerchants:A,globalMerchantAutoCompleteView:s,uiState:{...W,searchText:q},isDisabled:o,listFetchState:P,sectionId:re,onLoadGlobalMerchants:te,onUpdateGlobalReviewUIState:p,onFetchGlobalReviewList:f,onCreateGlobalMerchant:S,onApproveGlobalMerchantReview:O,onRejectGlobalMerchantReview:j,onClearGlobalMerchantAutoCompleteResults:a,analytics:c})})})})]})},kt=r.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Tt=r.div`
+  display: flex;
+`,ke=e=>`${e}_form`,ve=(e,s)=>({[re]:e.map(o=>{const{merchant:u}=o;let x=u.oldMerchantName;return o.currentSelection==="originalVendor"&&o.selectedMerchantId!=null&&(x=o.selectedMerchantId),{tenantId:u.tenantId,merchantId:u.tenantMerchantId,originalVendor:Ie(x,u,s),recommendedFirst:o.recommendations[0],recommendedSecond:o.recommendations[1],currentSelection:{recommendedFirst:o.currentSelection==="recommendedFirst",recommendedSecond:o.currentSelection==="recommendedSecond",requested:o.currentSelection==="requested",originalVendor:o.currentSelection==="originalVendor"},requested:u.tenantMerchantId}})}),Nt=e=>e.map(c=>({label:c.globalMerchantName,value:c.globalMerchantId})).sort((c,o)=>c.label.localeCompare(o.label));exports.default=It;exports.uniqueFormName=ke;