@zeniai/web-cockpit-ui 1.14.84-qa → 1.14.85-dev

package/dist/assets/{CashbackDetailPage-KRbsYA09-B4B21rSt.js → CashbackDetailPage-CZICE37r-CchxXOB0.js}

@@ -1,4 +1,4 @@
-import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as i,p as B,y as h,ak as v,di as oe,u as l,aV as re,aL as O,bO as ae,aK as z,ag as $,jb as X,jc as Z,iR as se,cv as ne,cy as de,al as T,iS as le,iT as ce}from"./index-DdsM_njZ.js";import{n as o}from"./mui-bYXq4XMS.js";import{g3 as f,bj as he}from"./zeni-epic-state-LPACxnXP.js";import{w as Y,a as K}from"./core-3dlyNYRL.js";import{q as pe}from"./InsightsSection-DuPqQb5Z-B1_CJ6S1.js";import{B as me,C as ge,X as xe,Y as we,T as ue,b as ye,j as be}from"./recharts-BHhx6CLo.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./lexical-DPEnH3HH.js";import"./NavigationDots-CT_oO_7z-ClcpkikJ.js";const fe=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(be,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(A,{children:W.month})," ",t.jsx(G,{children:f(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(A,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as i,p as B,y as h,ak as v,dj as oe,u as l,aV as re,aL as O,bO as ae,aK as z,ag as $,jc as U,jd as X,iS as se,cv as ne,cy as de,al as T,iT as le,iU as ce}from"./index-BS0RW8dr.js";import{n as o}from"./mui-bYXq4XMS.js";import{g3 as b,bj as he}from"./zeni-epic-state-LPACxnXP.js";import{w as Y,a as K}from"./core-3dlyNYRL.js";import{q as pe}from"./InsightsSection-Bauri5yR-CKFEflqf.js";import{B as me,C as ge,X as xe,Y as we,T as ue,b as ye,j as fe}from"./recharts-BHhx6CLo.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./lexical-DPEnH3HH.js";import"./NavigationDots-Bf66leAL-DWvE0Tr9.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(fe,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(A,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(A,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,je=o.div`
@@ -20,11 +20,11 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
 `,A=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,Se=Y.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:U}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Ie,{width:n,height:a,children:t.jsx(Q,{children:({height:c,width:p})=>t.jsxs(me,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>f(m).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>re("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(fe,{}),content:s}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>f(c.period),"asc"),r=Me(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Se,{active:c,payload:p,label:m}),width:s,height:n})}const Pe=e=>e.format(U),Me=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??he().subtract(1,"M").format(U);for(;s.length<12;){const r={amount:0,period:Pe(f(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};s.push(r),a=r.period}return s},Ie=o.div`
+`,Se=Y.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:Z}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Ie,{width:n,height:a,children:t.jsx(Q,{children:({height:c,width:p})=>t.jsxs(me,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>b(m).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>re("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:s}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>b(c.period),"asc"),r=Me(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Se,{active:c,payload:p,label:m}),width:s,height:n})}const Pe=e=>e.format(Z),Me=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??he().subtract(1,"M").format(Z);for(;s.length<12;){const r={amount:0,period:Pe(b(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};s.push(r),a=r.period}return s},Ie=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],y={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(le,ce)};function Be({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=b(),[r,c]=K.useState(ee());K.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let V=g;e.sortKey===d&&(V=g==="ascending"?"descending":"ascending"),s(d,V)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),R=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ke,{children:t.jsx(Ve,{})}),t.jsx(ae,{title:R.sortBy,placeholder:R.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ge,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(J,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Te,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(J,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Ye,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Oe=Y.memo(Be),q=o($)`
+`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],y={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(le,ce)};function Be({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=K.useState(ee());K.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let V=g;e.sortKey===d&&(V=g==="ascending"?"descending":"ascending"),s(d,V)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),R=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ke,{children:t.jsx(Ve,{})}),t.jsx(ae,{title:R.sortBy,placeholder:R.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ge,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(J,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Te,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(J,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Ye,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Oe=Y.memo(Be),q=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -94,7 +94,7 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ae}},dateFormat:{visual:qe}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=b(),r=ee(),c=X(e.period),p=Z(c);return t.jsx(Xe,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Ze,{children:t.jsxs(Ue,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:a,children:[f(e.period).format(qe.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Qe,{}),t.jsx(Je,{children:Ae.tillDate})]}):null]})}),t.jsx(tt,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Je=o(T)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ae}},dateFormat:{visual:qe}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=U(e.period),p=X(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Xe,{children:t.jsxs(Ze,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:a,children:[b(e.period).format(qe.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Qe,{}),t.jsx(Je,{children:Ae.tillDate})]}):null]})}),t.jsx(tt,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Je=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,Ne=o.div`
   display: flex;
@@ -105,7 +105,7 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Xe=o.div`
+`,Ue=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -125,10 +125,10 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Ze=o.div`
+`,Xe=o.div`
   display: block;
   width: 100%;
-`,Ue=o.div`
+`,Ze=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -175,7 +175,7 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=b(),r=X(e.period),c=Z(r);return t.jsx(lt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsxs(pt,{windowSize:a,children:[f(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(xt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(T)`
+`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=U(e.period),c=X(r);return t.jsx(lt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsxs(pt,{windowSize:a,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(xt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,nt=o.div`
   display: flex;
@@ -232,10 +232,10 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   flex-direction: column;
 `,xt=o(T)`
   color: ${e=>e.theme.colors.hero};
-`,N={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=b();return t.jsxs(bt,{children:[t.jsx(Oe,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(Y.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(ft,{windowSize:a})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=b()==="small"?at:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},yt=o.div``,bt=o.div`
+`,N={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(ft,{children:[t.jsx(Oe,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(Y.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?at:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},yt=o.div``,ft=o.div`
   display: block;
   height: 100%;
-`,ft=o.div`
+`,bt=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -243,7 +243,7 @@ import{e as k,Q as b,V as t,bz as te,F as w,fb as L,b as u,b1 as Q,bY as ie,o as
   max-height: 1px;
   margin-left: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
   margin-right: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Kt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=b();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:m,children:[t.jsxs(vt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(Q,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
+`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Kt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:m,children:[t.jsxs(vt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(Q,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};