@zeniai/web-components 3.16.99 → 3.17.2

package/dist/GlobalReviewListPage-UhQe1Oc-.cjs

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

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),C=require("react"),w=require("@zeniai/client-analytics"),i=require("./index-gTpRqqAW.cjs"),D=require("./SummaryCard-DtvjtrUw.cjs"),c=require("@emotion/styled"),x=require("./NavigationArrow-BIUoaeHi.cjs"),S=require("./NavigationDots-EM-eD3SH.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;

package/dist/InformationCardStack-CcsIeCQb.js

@@ -0,0 +1,219 @@
+import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
+import * as t from "react";
+import h, { useState as D } from "react";
+import { Event as S } from "@zeniai/client-analytics";
+import { S as I, F as W, e as M, ez as j, eu as T, ev as H, a as C, et as Z } from "./index-BEMjPEfs.js";
+import { S as A } from "./SummaryCard-DarORzrj.js";
+import l from "@emotion/styled";
+import { N as B } from "./NavigationArrow-DcuTIkar.js";
+import { N as V } from "./NavigationDots-B12vMe1C.js";
+const b = l.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`, _ = l(W)`
+  color: ${(e) => e.theme.colors.champion};
+  text-align: center;
+`, z = l(W)`
+  color: ${(e) => e.theme.colors.hero};
+  text-align: center;
+`, E = l.div`
+  margin-bottom: ${I.sp3};
+`;
+function N({
+  informationCardContent: e
+}) {
+  const { title: a, summary: s, Icon: n } = e;
+  return /* @__PURE__ */ r.jsxs(b, { children: [
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(_, { children: a }) }),
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(n, { height: 90, width: 90 }) }),
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(z, { children: s }) })
+  ] });
+}
+const O = l(T)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`, R = l(H)`
+  flex-direction: row;
+  justify-content: space-between;
+`, g = l.div`
+  display: flex;
+  flex-direction: column;
+`;
+function $({
+  card: e,
+  data: a,
+  handleCardNavigation: s,
+  activeCardIndex: n
+}) {
+  const [c, m] = h.useState(0), [i, k] = h.useState(0), [v, p] = h.useState("left"), f = (o, d) => {
+    o.stopPropagation(), p(d);
+    const y = d == "left" ? n + 1 : n - 1;
+    s(u(y), d);
+  };
+  function x(o) {
+    m(o.targetTouches[0].clientX);
+  }
+  function w(o) {
+    k(o.targetTouches[0].clientX);
+  }
+  function u(o) {
+    return o < 0 ? a.length + o : o % a.length;
+  }
+  function L() {
+    c - i > 50 && i !== 0 ? (s(u(n + 1), "left"), p("left"), m(0), k(0)) : c - i < -50 && i !== 0 && (s(u(n - 1), "right"), p("right"), m(0), k(0));
+  }
+  return /* @__PURE__ */ r.jsx(
+    O,
+    {
+      style: { cursor: "default" },
+      dimension: e.dimension,
+      onTouchStart: (o) => x(o),
+      onTouchMove: (o) => w(o),
+      onTouchEnd: () => L(),
+      "data-testid": M("dashboard", e.cardType),
+      children: /* @__PURE__ */ r.jsxs(R, { children: [
+        /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsx(
+          B,
+          {
+            navType: "left",
+            handleClick: f,
+            "data-testid": M(
+              "dashboard-navigation-arrow-left",
+              e.cardType
+            )
+          }
+        ) }),
+        /* @__PURE__ */ r.jsxs(
+          g,
+          {
+            style: {
+              height: "100%",
+              position: "relative",
+              alignItems: "center"
+            },
+            children: [
+              a.map((o, d) => /* @__PURE__ */ r.jsx(
+                j,
+                {
+                  activeCardIndex: n,
+                  currentIndex: d,
+                  which: v,
+                  children: /* @__PURE__ */ r.jsx(
+                    N,
+                    {
+                      informationCardContent: o
+                    }
+                  )
+                },
+                d
+              )),
+              /* @__PURE__ */ r.jsx(
+                V,
+                {
+                  numberOfDots: a.length,
+                  activeIndex: n,
+                  style: {
+                    position: "absolute",
+                    bottom: 0,
+                    cursor: "default"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsx(
+          B,
+          {
+            navType: "right",
+            handleClick: f,
+            "data-testid": M(
+              "dashboard-navigation-arrow-right",
+              e.cardType
+            )
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const X = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.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" }), /* @__PURE__ */ 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 }), /* @__PURE__ */ t.createElement("path", { d: "M45 66.7874V80.7586", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M45 9.24146V23.2127", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M23.2127 45H9.24139", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M80.7586 45H66.7874", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M29.6121 60.3879L21.2586 68.7414", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M68.7414 21.2587L60.3879 29.6121", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M29.6121 29.6121L21.2586 21.2587", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M68.7414 68.7415L60.2414 60.2415", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Y = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.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" }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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" }), /* @__PURE__ */ t.createElement("path", { d: "M11.6232 25.8455H39.0754", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ t.createElement("path", { d: "M75.4857 60.5632H48.0335", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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" }), /* @__PURE__ */ t.createElement("path", { d: "M11.6232 25.8455H39.0754", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ t.createElement("path", { d: "M75.4857 60.5632H48.0335", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" })), F = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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 }), /* @__PURE__ */ t.createElement("path", { opacity: 0.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" }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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 })), q = [
+  {
+    key: "how_it_works_customer_summary",
+    title: C.getLocalizedStrings().informationCard.howItWorks,
+    summary: C.getLocalizedStrings().informationCard.howItWorksSummary,
+    Icon: Y
+  },
+  {
+    key: "how_it_works_customer_insights",
+    title: C.getLocalizedStrings().informationCard.howItWorks,
+    summary: C.getLocalizedStrings().informationCard.howItWorksInsight,
+    Icon: X
+  },
+  {
+    key: "thank_you",
+    title: C.getLocalizedStrings().informationCard.thankYou,
+    summary: C.getLocalizedStrings().informationCard.youAreAwesome,
+    Icon: F
+  }
+];
+function G({
+  card: e,
+  analytics: a,
+  dndProps: s
+}) {
+  const [n, c] = D(0), m = (i) => {
+    c(i), a?.trackPageLoaded(S.howItWorks);
+  };
+  return /* @__PURE__ */ r.jsx(
+    Z,
+    {
+      isDragging: s?.draggedCardType != null,
+      isDragOver: s?.dragOverCard === e.cardType,
+      draggable: !0,
+      onDragStart: (i) => s?.onDragStart(e.cardType, i),
+      onDragOver: (i) => s?.onDragOver(i, e.cardType),
+      onDragLeave: (i) => s?.onDragLeave(i),
+      onDrop: (i) => s?.onDrop(i, e.cardType),
+      dimension: e.dimension,
+      children: /* @__PURE__ */ r.jsx(
+        A,
+        {
+          card: e,
+          actions: {
+            onCardClick: () => {
+            },
+            onReloadData: () => {
+            }
+          },
+          children: /* @__PURE__ */ r.jsx(
+            $,
+            {
+              card: e,
+              data: q,
+              handleCardNavigation: m,
+              activeCardIndex: n
+            }
+          )
+        }
+      )
+    },
+    e.cardIndex
+  );
+}
+const ot = h.memo(G);
+export {
+  ot as MemoInformationCardStack,
+  G as default,
+  q as informationCardData
+};