@zeniai/web-components 3.16.41 → 3.16.43

package/dist/CashbackDetailPage-D0JK_gI7.cjs

@@ -1,285 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),s=require("@emotion/styled"),t=require("./index-DiGCN0Sk.cjs"),h=require("@zeniai/client-epic-state"),g=require("react"),H=require("./InsightsSection-DMvD4Q6O.cjs"),E=require("./common-Cg5QFlS0.cjs"),B=({x:e,y:n,width:a,height:i,payload:r})=>{const c=o.useTheme();return o.jsxRuntimeExports.jsx(o.Rectangle,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:n,width:a,height:i})},k=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Y=t.appLocale.getLocalizedStrings().dateFormat.visual.MMMMFormat,V=({active:e,payload:n,label:a})=>e===!0&&(n?.[0].payload).showTooltip===!0?o.jsxRuntimeExports.jsx(A,{children:o.jsxRuntimeExports.jsx(K,{children:o.jsxRuntimeExports.jsxs("div",{children:[o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(P,{children:k.month})," ",o.jsxRuntimeExports.jsx(L,{children:h.getZeniDateFromPeriod(a).format(Y)})]}),o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(P,{children:k.cashback}),o.jsxRuntimeExports.jsx(L,{children:t.amountToString("0,0.[00]",{amount:n?.[0].value??0,currencyCode:(n?.[0].payload).currencyCode,currencySymbol:(n?.[0].payload).currencySymbol})})]})]})})}):null,z=s.div`
-  display: flex;
-  gap: ${t.Space.sp1};
-`,A=s.div`
-  display: flex;
-  position: relative;
-  left: 11px;
-`,K=s.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${t.Space.sp1};
-  flex-direction: column;
-  padding: ${t.Space.sp2} 12px;
-  background-color: ${e=>e.theme.colors.black};
-`,L=s(t.SmallRegular)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-  min-width: ${t.Space.sp8};
-  display: flex;
-  justify-content: flex-end;
-`,P=s(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  min-width: 107px;
-`,q=g.memo(V),{dateFormat:{visual:{MMMYYFormat:G,YYYYDashMMFormat:F}},common:{currency:b}}=t.appLocale.getLocalizedStrings(),Z=({chartData:e,customToolTipContent:n,width:a,height:i})=>{const r=o.useTheme();return o.jsxRuntimeExports.jsx(X,{width:a,height:i,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:c,width:d})=>o.jsxRuntimeExports.jsxs(o.BarChart,{width:d,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[o.jsxRuntimeExports.jsx(o.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),o.jsxRuntimeExports.jsx(o.XAxis,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...t.textStyles.extraSmallRegular.cssObject},tickFormatter:p=>h.getZeniDateFromPeriod(p).format(G)}),o.jsxRuntimeExports.jsx(o.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...t.textStyles.extraSmallRegular.cssObject},tickFormatter:p=>t.amountValueToString("0,0.[00]a",p,e?.[0].currencySymbol??b.currencySymbol)}),o.jsxRuntimeExports.jsx(o.Tooltip$1,{cursor:o.jsxRuntimeExports.jsx(B,{}),content:n}),o.jsxRuntimeExports.jsx(o.Bar,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function N({cashbackByPeriod:e,width:n,height:a}){const i=o.orderBy(e,c=>h.getZeniDateFromPeriod(c.period),"asc"),r=J(i);return o.jsxRuntimeExports.jsx(Z,{chartData:r,customToolTipContent:({active:c,payload:d,label:p})=>o.jsxRuntimeExports.jsx(q,{active:c,payload:d,label:p}),width:n,height:a})}const _=e=>e.format(F),J=e=>{const n=e.map(r=>({...r,showTooltip:!0})),a=e[e.length-1];let i=a?.period??h.dateNow().subtract(1,"M").format(F);for(;n.length<12;){const r={amount:0,period:_(h.getZeniDateFromPeriod(i).add(1,"M")),showTooltip:!1,currencyCode:a?.currencyCode??b.currencyCode,currencySymbol:a?.currencySymbol??b.currencySymbol};n.push(r),i=r.period}return n},X=s.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-  background: ${e=>e.theme.colors.grey5};
-`,O=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Q={key:"month",value:O.month,sortOrder:"ascending",width:new t.ResponsiveSized(50,50)},U={key:"cashback",value:O.cashback,sortOrder:"ascending",width:new t.ResponsiveSized(50,50)},W=()=>[Q,U],u={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerHeight:new t.ResponsiveSized(E.HEADER_HEIGHT_MOBILE,E.HEADER_HEIGHT)};function ee({sortConfig:e,onColumnSortConfigChanged:n}){const a=o.useTheme(),i=t.useWindowSizeContext(),[r,c]=g.useState(W());g.useEffect(()=>{const l=[...r];for(const x of l)x.key===e.sortKey?x.sortOrder=e.sortOrder:x.sortOrder="ascending";c(l)},[e.sortKey,e.sortOrder]);const d=(l,x)=>{let C=x;e.sortKey===l&&(C=x==="ascending"?"descending":"ascending"),n(l,C)},p=r.find(l=>l.key===e.sortKey)??r[0],w=l=>r.find(x=>x.key===l)?.value??"",j=r.map(l=>l.key),v=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList;return i==="small"?o.jsxRuntimeExports.jsxs(M,{windowSize:i,children:[o.jsxRuntimeExports.jsxs(re,{children:[o.jsxRuntimeExports.jsx(ne,{children:o.jsxRuntimeExports.jsx(ie,{})}),o.jsxRuntimeExports.jsx(t.Picker$1,{title:v.sortBy,placeholder:v.sortBy,pickerValues:j,valueToLabel:w,selectedValue:e.sortKey,onPickerSelectionChanged:l=>{d(l,"ascending")},optionTextStyle:t.textStyles.smallRegular,titleTextStyle:t.textStyles.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),o.jsxRuntimeExports.jsxs(ce,{onClick:()=>d(p.key,p.sortOrder),"data-testid":t.generateDataTestId("cashback-list-header-mobile",p.value),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:p.value}),o.jsxRuntimeExports.jsx(T,{sortDataValue:e.sortKey,headerdata:p,children:o.jsxRuntimeExports.jsx(I,{})})]})]}):o.jsxRuntimeExports.jsx(M,{windowSize:i,children:r.map((l,x)=>o.jsxRuntimeExports.jsxs(oe,{sortDataValue:e.sortKey,actualDataValue:l.key,wrapperWidth:l.width,isLastItem:x===r.length-1,windowSize:i,children:[o.jsxRuntimeExports.jsxs(le,{onClick:()=>d(l.key,l.sortOrder),"data-testid":t.generateDataTestId("cashback-list-header",l.value),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:l.value}),o.jsxRuntimeExports.jsx(T,{sortDataValue:e.sortKey,headerdata:l,children:o.jsxRuntimeExports.jsx(I,{})})]}),o.jsxRuntimeExports.jsx(ae,{sortDataValue:e.sortKey,windowSize:i,isVisible:e.sortKey===l.key&&l.key!=="month",children:o.jsxRuntimeExports.jsx(se,{onClick:()=>d("month","ascending"),"data-testid":t.generateDataTestId("cashback-list-close-sort",l.key)})})]},l.key))})}const te=g.memo(ee),M=s(t.SmallRegular)`
-  top: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  min-height: ${e=>u.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>u.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${u.headerLastColumnTopPadding.valuePx(e.windowSize)} ${u.headerLastColumnRightPadding.valuePx(e.windowSize)} ${u.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${u.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,oe=s.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?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: ${t.Space.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  left: ${t.Space.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,se=s(t.SvgCloseRound)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,T=s.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,I=s(t.SvgArrowTailTop)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: inherit;
-`,re=s.div`
-  gap: ${t.Space.sp1};
-  display: flex;
-`,ie=s(t.SvgSortBy)`
-  width: 12px;
-  height: 12px;
-  color: inherit;
-`,ne=s.div`
-  margin-right: ${t.Space.sp1};
-  display: flex;
-  align-items: center;
-`,ae=s.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,le=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ce=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,m={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],16),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],16),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:de}},dateFormat:{visual:pe}}=t.appLocale.getLocalizedStrings(),xe=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const i=t.useWindowSizeContext(),r=W(),c=t.toYearMonthPeriodOrThrow(e.period),d=t.isCurrentMonthPeriod(c);return o.jsxRuntimeExports.jsx(ge,{windowSize:i,isFirstItem:n,isLastItem:a,children:o.jsxRuntimeExports.jsx(Se,{children:o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsx(je,{windowSize:i,responsiveWidth:r[0].width,children:o.jsxRuntimeExports.jsxs(ye,{windowSize:i,children:[h.getZeniDateFromPeriod(e.period).format(pe.MMMMYYYYFormat),d?o.jsxRuntimeExports.jsxs(he,{children:[o.jsxRuntimeExports.jsx(ue,{}),o.jsxRuntimeExports.jsx(me,{children:de.tillDate})]}):null]})}),o.jsxRuntimeExports.jsx(Re,{windowSize:i,responsiveWidth:r[1].width,children:o.jsxRuntimeExports.jsx(be,{windowSize:i,children:t.amountToString("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},me=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey1};
-`,he=s.div`
-  display: flex;
-  align-items: center;
-`,ue=s.div`
-  height: ${t.Space.sp1};
-  width: ${t.Space.sp1};
-  margin-right: ${t.Space.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,ge=s.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>m.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>m.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>m.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>m.containerPaddingBottom.valuePx(e.windowSize)};
-
-  border-top-right-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-top-width: ${e=>e.isFirstItem?"1px":t.Space.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.Space.sp0};
-  box-shadow: ${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation};
-  margin-right: ${e=>m.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>m.containerMarginLeft.valuePx(e.windowSize)};
-  box-sizing: border-box;
-  align-items: center;
-`,Se=s.div`
-  display: block;
-  width: 100%;
-`,we=s.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`,je=s.div`
-  display: flex;
-  flex-direction: column;
-  column-gap: 12px;
-  align-items: flex-start;
-  width: ${e=>`calc(${e.responsiveWidth.valuePercentage(e.windowSize)} - ${t.Space.sp7})`};
-`,ye=s(t.StandardRegular)`
-  margin-right: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>m.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-  display: flex;
-  gap: ${t.Space.sp2};
-`,Re=s(t.StandardRegular)`
-  display: flex;
-  flex-direction: column;
-  align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
-  color: ${e=>e.theme.colors.hero};
-  justify-content: flex-end;
-  align-items: flex-start;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,be=s(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>m.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  display: flex;
-  justify-content: end;
-`,f={containerMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:fe}},dateFormat:{visual:$e}}=t.appLocale.getLocalizedStrings(),ve=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const i=t.useWindowSizeContext(),r=t.toYearMonthPeriodOrThrow(e.period),c=t.isCurrentMonthPeriod(r);return o.jsxRuntimeExports.jsx(ze,{windowSize:i,isFirstItem:n,isLastItem:a,children:o.jsxRuntimeExports.jsx(Le,{children:o.jsxRuntimeExports.jsxs(Pe,{children:[o.jsxRuntimeExports.jsx(Te,{children:o.jsxRuntimeExports.jsxs(Me,{windowSize:i,children:[h.getZeniDateFromPeriod(e.period).format($e.MMMMYYYYFormat),c?o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsx(ke,{}),o.jsxRuntimeExports.jsx(Ce,{children:fe.tillDate})]}):null]})}),o.jsxRuntimeExports.jsx(Ie,{children:o.jsxRuntimeExports.jsx(De,{children:t.amountToString("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ce=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey1};
-`,Ee=s.div`
-  display: flex;
-  align-items: center;
-`,ke=s.div`
-  height: ${t.Space.sp1};
-  width: ${t.Space.sp1};
-  margin-right: ${t.Space.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,ze=s.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
-  border-top-width: ${e=>e.isFirstItem?"1px":t.Space.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.Space.sp0};
-  padding: ${t.Space.sp3};
-  box-shadow: ${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation};
-  border-top-right-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  margin-right: ${e=>f.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>f.containerMarginLeft.valuePx(e.windowSize)};
-`,Le=s.div`
-  display: block;
-  width: 100%;
-`,Pe=s.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`,Me=s(t.StandardRegular)`
-  margin-right: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  display: -webkit-box;
-  -webkit-line-clamp: ${e=>f.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-  display: flex;
-  gap: ${t.Space.sp2};
-`,Te=s.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${t.Space.sp2};
-`,Ie=s.div`
-  display: flex;
-  flex-direction: column;
-`,De=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-`,D={separatorMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8])},Fe=({cashbackByPeriod:e,uiState:n,onColumnSortConfigChanged:a})=>{const i=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(He,{children:[o.jsxRuntimeExports.jsx(te,{onColumnSortConfigChanged:a,sortConfig:{sortKey:n.sortKey,sortOrder:n.sortOrder}}),o.jsxRuntimeExports.jsx(We,{children:e.map((r,c)=>o.jsxRuntimeExports.jsxs(g.Fragment,{children:[o.jsxRuntimeExports.jsx(Oe,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:o.jsxRuntimeExports.jsx(Be,{windowSize:i})]},r.period))})]})},Oe=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const r=t.useWindowSizeContext()==="small"?ve:xe;return o.jsxRuntimeExports.jsx(r,{cashbackPeriod:e,isFirstItem:n,isLastItem:a})},We=s.div``,He=s.div`
-  display: block;
-  height: 100%;
-`,Be=s.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin-left: ${e=>D.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>D.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,$={pageContentPaddingLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),cashbackSummaryContainerGap:new t.ResponsiveSized(t.sp[3],96)},S=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Ye=({insightsData:e,cashbackByPeriod:n,uiState:a,cashbackSummary:i,onBackClick:r,onColumnSortConfigChanged:c})=>{const d=o.useTheme(),p=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(Ze,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:S.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:d.colors.grey5,source:"CashbackDetailPage"}),o.jsxRuntimeExports.jsxs(Ve,{windowSize:p,children:[o.jsxRuntimeExports.jsxs(Ae,{windowSize:p,children:[o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.totalEarned}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackEarned,style:{color:d.colors.brandColorJadeDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]}),o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.redeemed}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackRedeemed,style:{color:d.colors.brandColorOpalDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]}),o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.available}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackAvailable,style:{color:d.colors.brandColorGoldDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]})]}),o.jsxRuntimeExports.jsx(Ke,{children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:w,width:j})=>o.jsxRuntimeExports.jsx(N,{cashbackByPeriod:n,width:j,height:w})})}),o.jsxRuntimeExports.jsx(qe,{children:o.jsxRuntimeExports.jsx(H.InsightsSection,{insights:[{...e}],summaryTextStyles:{fontWeight:t.FontWeight.regular,color:d.colors.primary}})})]}),o.jsxRuntimeExports.jsx(Ge,{children:o.jsxRuntimeExports.jsx(Fe,{cashbackByPeriod:n,uiState:a,onColumnSortConfigChanged:c})})]})},Ve=s.div`
-  position: relative;
-  box-shadow: ${t.Colors.dropShadowNormalLight} 2px 2px ${t.Space.sp1};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>$.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>$.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-`,y=s.div`
-  min-width: 103px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,R=s(t.StandardRegular)`
-  display: flex;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ae=s.div`
-  display: flex;
-  gap: ${e=>$.cashbackSummaryContainerGap.valuePx(e.windowSize)};
-  justify-content: center;
-  margin-top: ${t.Space.sp3};
-`,Ke=s.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 242px;
-  margin: ${t.Space.sp5} ${t.Space.sp0};
-`,qe=s.div`
-  margin-bottom: ${t.Space.sp5};
-`,Ge=s.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${t.Space.sp4};
-  padding-bottom: ${t.Space.sp8};
-  height: 100%;
-`,Ze=s.div`
-  display: flex;
-  min-height: ${`calc(100vh - ${t.Space.sp9})`};
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`;exports.default=Ye;