@zeniai/web-components 3.16.53 → 3.16.55

package/dist/GlobalReviewListPage-C-FC0oGy.cjs

@@ -0,0 +1,291 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-BW93Fnli.cjs"),y=require("react"),r=require("@emotion/styled"),n=require("./index-DWk0ezoc.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;

package/dist/HelpButton-C9dySN1g.cjs

@@ -0,0 +1,28 @@
+"use strict";const o=require("./vendor-.pnpm-BW93Fnli.cjs"),c=require("react"),n=require("@emotion/styled"),e=require("./index-DWk0ezoc.cjs"),g=require("./MeetingCalenderPopup-D81jNP3u.cjs"),j={helpButtonBottom:new e.ResponsiveSized(138,96,96)};function H({isFooterRendered:t,meetingUrl:d,analytics:u,productType:s,setShowPopup:r}){const x=e.useWindowSizeContext(),[i,m]=c.useState(!1),[h,p]=c.useState(!1),l=()=>{m(S=>!S)};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[h===!0?o.jsxRuntimeExports.jsx(g.MeetingCalenderPopup,{onCancelClick:()=>{p(!1),r?.(!1)},meetingUrl:d}):null,o.jsxRuntimeExports.jsxs(f,{"data-testid":e.generateDataTestId("help-button",s),isFooterRendered:t,windowSize:x,onMouseEnter:l,onMouseLeave:l,onClick:()=>{s!=null&&u?.trackNeedHelp(s),p(!0),r?.(!0)},children:[o.jsxRuntimeExports.jsx($,{}),o.jsxRuntimeExports.jsx(v,{helpTextHover:i,children:i?o.jsxRuntimeExports.jsxs(a,{children:[e.appLocale.getLocalizedStrings().common.needHelp.hoverPrefix,o.jsxRuntimeExports.jsx(R,{children:e.appLocale.getLocalizedStrings().common.needHelp.hoverSuffix})]}):o.jsxRuntimeExports.jsx(a,{children:e.appLocale.getLocalizedStrings().common.needHelp.text})})]})]})}const f=n.div`
+  position: fixed;
+  right: ${e.Space.sp4};
+  bottom: ${t=>t.isFooterRendered?j.helpButtonBottom.valuePx(t.windowSize):e.Space.sp4};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: ${t=>t.theme.colors.primary};
+  padding: ${e.Space.sp2} ${e.Space.sp3} ${e.Space.sp2} ${e.Space.sp2};
+  border-radius: 20px;
+  cursor: default;
+`,v=n.div`
+  width: ${t=>t.helpTextHover===!0?"265px":"75px"};
+  transition: width 0.3s;
+  padding-left: ${e.Space.sp1};
+`,a=n(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.grey5};
+  overflow-x: hidden;
+  white-space: nowrap;
+`,R=n(e.StandardMediumSp)`
+  color: ${t=>t.theme.colors.grey5};
+  cursor: pointer;
+`,$=n(e.SvgQueryRound)`
+  cursor: pointer;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.grey5};
+`;exports.HelpButton=H;

package/dist/HelpButton-jlgjodRn.js

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

package/dist/InformationCardStack-B3F6dDpd.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-BW93Fnli.cjs"),C=require("react"),w=require("@zeniai/client-analytics"),i=require("./index-DWk0ezoc.cjs"),D=require("./SummaryCard-zSDd_LEj.cjs"),c=require("@emotion/styled"),x=require("./NavigationArrow-ClzWbson.cjs"),S=require("./NavigationDots-YzeIzlIl.cjs");function I(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const t=I(C),T=c.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`,R=c(i.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`,A=c(i.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,E=c.div`
+  margin-bottom: ${i.Space.sp3};
+`;function H({informationCardContent:e}){const{title:l,summary:o,Icon:a}=e;return r.jsxRuntimeExports.jsxs(T,{children:[r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(R,{children:l})}),r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(a,{height:90,width:90})}),r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(A,{children:o})})]})}const Z=c(i.Card)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`,b=c(i.CardContentBox)`
+  flex-direction: row;
+  justify-content: space-between;
+`,g=c.div`
+  display: flex;
+  flex-direction: column;
+`;function V({card:e,data:l,handleCardNavigation:o,activeCardIndex:a}){const[h,m]=C.useState(0),[s,k]=C.useState(0),[v,p]=C.useState("left"),M=(n,d)=>{n.stopPropagation(),p(d);const L=d=="left"?a+1:a-1;o(u(L),d)};function B(n){m(n.targetTouches[0].clientX)}function W(n){k(n.targetTouches[0].clientX)}function u(n){return n<0?l.length+n:n%l.length}function y(){h-s>50&&s!==0?(o(u(a+1),"left"),p("left"),m(0),k(0)):h-s<-50&&s!==0&&(o(u(a-1),"right"),p("right"),m(0),k(0))}return r.jsxRuntimeExports.jsx(Z,{style:{cursor:"default"},dimension:e.dimension,onTouchStart:n=>B(n),onTouchMove:n=>W(n),onTouchEnd:()=>y(),"data-testid":i.generateDataTestId("dashboard",e.cardType),children:r.jsxRuntimeExports.jsxs(b,{children:[r.jsxRuntimeExports.jsx(g,{children:r.jsxRuntimeExports.jsx(x.NavigationArrow,{navType:"left",handleClick:M,"data-testid":i.generateDataTestId("dashboard-navigation-arrow-left",e.cardType)})}),r.jsxRuntimeExports.jsxs(g,{style:{height:"100%",position:"relative",alignItems:"center"},children:[l.map((n,d)=>r.jsxRuntimeExports.jsx(i.CardContentAnimatedWrapper,{activeCardIndex:a,currentIndex:d,which:v,children:r.jsxRuntimeExports.jsx(H,{informationCardContent:n})},d)),r.jsxRuntimeExports.jsx(S.NavigationDots,{numberOfDots:l.length,activeIndex:a,style:{position:"absolute",bottom:0,cursor:"default"}})]}),r.jsxRuntimeExports.jsx(g,{children:r.jsxRuntimeExports.jsx(x.NavigationArrow,{navType:"right",handleClick:M,"data-testid":i.generateDataTestId("dashboard-navigation-arrow-right",e.cardType)})})]})})}const _=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M47.8333 69.0834C59.8661 69.0834 69.6207 59.3288 69.6207 47.296C69.6207 35.2632 59.8661 25.5087 47.8333 25.5087C35.8005 25.5087 26.046 35.2632 26.046 47.296C26.046 59.3288 35.8005 69.0834 47.8333 69.0834Z",fill:"#97C3B9"}),t.createElement("path",{d:"M45 66.7874C57.0328 66.7874 66.7874 57.0328 66.7874 45C66.7874 32.9672 57.0328 23.2126 45 23.2126C32.9672 23.2126 23.2126 32.9672 23.2126 45C23.2126 57.0328 32.9672 66.7874 45 66.7874Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 66.7874V80.7586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 9.24146V23.2127",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M23.2127 45H9.24139",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M80.7586 45H66.7874",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M29.6121 60.3879L21.2586 68.7414",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M68.7414 21.2587L60.3879 29.6121",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M29.6121 29.6121L21.2586 21.2587",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M68.7414 68.7415L60.2414 60.2415",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 9.24138C46.8615 9.24138 48.3706 7.73227 48.3706 5.87069C48.3706 4.00911 46.8615 2.5 45 2.5C43.1384 2.5 41.6293 4.00911 41.6293 5.87069C41.6293 7.73227 43.1384 9.24138 45 9.24138Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 87.4999C46.8615 87.4999 48.3706 85.9908 48.3706 84.1292C48.3706 82.2677 46.8615 80.7585 45 80.7585C43.1384 80.7585 41.6293 82.2677 41.6293 84.1292C41.6293 85.9908 43.1384 87.4999 45 87.4999Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M84.1293 48.3706C85.9909 48.3706 87.5 46.8615 87.5 45C87.5 43.1384 85.9909 41.6293 84.1293 41.6293C82.2677 41.6293 80.7586 43.1384 80.7586 45C80.7586 46.8615 82.2677 48.3706 84.1293 48.3706Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M5.87069 48.3706C7.73227 48.3706 9.24138 46.8615 9.24138 45C9.24138 43.1384 7.73227 41.6293 5.87069 41.6293C4.00911 41.6293 2.5 43.1384 2.5 45C2.5 46.8615 4.00911 48.3706 5.87069 48.3706Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M70.9885 22.1868C72.7422 22.1868 74.1638 20.7651 74.1638 19.0115C74.1638 17.2578 72.7422 15.8362 70.9885 15.8362C69.2349 15.8362 67.8132 17.2578 67.8132 19.0115C67.8132 20.7651 69.2349 22.1868 70.9885 22.1868Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M19.0115 74.1638C20.7651 74.1638 22.1868 72.7422 22.1868 70.9885C22.1868 69.2349 20.7651 67.8132 19.0115 67.8132C17.2578 67.8132 15.8362 69.2349 15.8362 70.9885C15.8362 72.7422 17.2578 74.1638 19.0115 74.1638Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M70.9885 74.1638C72.7422 74.1638 74.1638 72.7422 74.1638 70.9885C74.1638 69.2349 72.7422 67.8132 70.9885 67.8132C69.2349 67.8132 67.8132 69.2349 67.8132 70.9885C67.8132 72.7422 69.2349 74.1638 70.9885 74.1638Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M19.0115 22.1868C20.7651 22.1868 22.1868 20.7651 22.1868 19.0115C22.1868 17.2578 20.7651 15.8362 19.0115 15.8362C17.2578 15.8362 15.8362 17.2578 15.8362 19.0115C15.8362 20.7651 17.2578 22.1868 19.0115 22.1868Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M30.1494 55.1609C45.2931 56.5287 48.7126 37.7701 58.385 32.885",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M34.3017 59.6552C48.1264 59.3621 51.5459 41.2874 61.2184 37.0374",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M42.7529 62.9281C51.546 58.6781 55.3075 46.2212 62.8305 42.1666",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),O=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M85.5584 16.6396H7.12354C6.00894 16.6396 5.14203 17.5478 5.14203 18.6212V73.6081C5.14203 74.7227 6.05022 75.5897 7.12354 75.5897H85.5172C86.6318 75.5897 87.4987 74.6815 87.4987 73.6081V18.6212C87.5399 17.5478 86.6318 16.6396 85.5584 16.6396Z",fill:"#97C3B9"}),t.createElement("path",{d:"M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M11.6232 25.8455H39.0754",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M75.4857 60.5632H48.0335",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M11.6232 25.8455H39.0754",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M75.4857 60.5632H48.0335",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),q=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{opacity:.2,d:"M46.3135 81.9491L33.5169 72.6695C32.8813 72.2034 27.2881 68.1356 21.5254 62.5847C14.4915 55.8474 5.12708 45.2966 5.12708 31.9067C5.12708 19.8728 14.8728 10.1271 26.9067 10.1271C35.3389 10.1271 42.6695 14.9152 46.3135 21.9491C49.9152 14.9152 57.2457 10.1271 65.7203 10.1271C77.7542 10.1271 87.5 19.8728 87.5 31.9067C87.5 45.2966 78.1356 55.805 71.1017 62.5847C65.339 68.0932 59.7457 72.2034 59.1525 72.6695L46.3135 81.9491Z",fill:"#97C3B9"}),t.createElement("path",{d:"M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M63.0932 11.822C72.7118 11.822 80.5508 19.661 80.5508 29.2796C80.5508 41.0169 71.9491 50.5932 65.5084 56.822C59.9576 62.161 54.5762 66.1017 53.983 66.5254L43.7288 73.983",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M61.8433 15.2118C69.5975 15.2118 75.9535 21.5254 75.9535 29.322C75.9535 39.7457 67.945 48.644 61.928 54.4491C56.5043 59.6186 51.3348 63.4321 50.784 63.8559L42.4789 69.8304",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M22.839 35.6356L20.5933 33.983C20.4661 33.8983 19.4916 33.1779 18.4746 32.2034C17.2458 31.0169 15.5933 29.1525 15.5933 26.7796C15.5933 24.661 17.3305 22.9237 19.4492 22.9237C20.9322 22.9237 22.2458 23.7712 22.8814 25C23.517 23.7712 24.7882 22.9237 26.3136 22.9237C28.4322 22.9237 30.1695 24.661 30.1695 26.7796C30.1695 29.1525 28.517 30.9746 27.2882 32.161C26.2712 33.1356 25.2967 33.8559 25.1695 33.9407L22.839 35.6356Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10})),f=[{key:"how_it_works_customer_summary",title:i.appLocale.getLocalizedStrings().informationCard.howItWorks,summary:i.appLocale.getLocalizedStrings().informationCard.howItWorksSummary,Icon:O},{key:"how_it_works_customer_insights",title:i.appLocale.getLocalizedStrings().informationCard.howItWorks,summary:i.appLocale.getLocalizedStrings().informationCard.howItWorksInsight,Icon:_},{key:"thank_you",title:i.appLocale.getLocalizedStrings().informationCard.thankYou,summary:i.appLocale.getLocalizedStrings().informationCard.youAreAwesome,Icon:q}];function j({card:e,analytics:l,dndProps:o}){const[a,h]=C.useState(0),m=s=>{h(s),l?.trackPageLoaded(w.Event.howItWorks)};return r.jsxRuntimeExports.jsx(i.DraggedDiv,{isDragging:o?.draggedCardType!=null,isDragOver:o?.dragOverCard===e.cardType,draggable:!0,onDragStart:s=>o?.onDragStart(e.cardType,s),onDragOver:s=>o?.onDragOver(s,e.cardType),onDragLeave:s=>o?.onDragLeave(s),onDrop:s=>o?.onDrop(s,e.cardType),dimension:e.dimension,children:r.jsxRuntimeExports.jsx(D.SummaryCard,{card:e,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:r.jsxRuntimeExports.jsx(V,{card:e,data:f,handleCardNavigation:m,activeCardIndex:a})})},e.cardIndex)}const z=C.memo(j);exports.MemoInformationCardStack=z;exports.default=j;exports.informationCardData=f;