@zeniai/web-cockpit-ui 1.14.98-qa → 1.14.99-dev

package/dist/assets/{CashbackDetailPage-DvA_0POP-zs6KXs-G.js → CashbackDetailPage-D-kXy6LW-CbbkR_T0.js}

@@ -1,4 +1,4 @@
-import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as w,p as B,y as h,al as v,df as oe,d as l,aW as re,aL as T,bP as ae,ai as $,aN as L,jd as Q,je as U,iU as se,cw as ne,cz as de,am as O,iV as le,iW as ce}from"./index-DL_zrSsq.js";import{n as o}from"./mui-ByF8ZmHV.js";import{G4 as b,bh as he}from"./zeni-epic-state-BiQIJCwr.js";import{S as R,a as Y}from"./sentry-DdXOXL3j.js";import{q as pe}from"./InsightsSection-9xZ9BN4e-DNtCiXCr.js";import{H as ge,I as me,X as xe,Y as we,J as ue,K as ye,V as fe}from"./recharts-C9z9JCsM.js";import"./liveblocks-BOlC_Koo.js";import"./core-cG0U1y2d.js";import"./lottie-DQ5EyuJ6.js";import"./analytics-GoB8GGlk.js";import"./lexical-CUq6kk0g.js";import"./utils-BMrfBn9K.js";import"./NavigationDots-CautbD-g-BZ85pLrg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="1a36e0d0-82eb-418e-acd8-92cdbd549609",e._sentryDebugIdIdentifier="sentry-dbid-1a36e0d0-82eb-418e-acd8-92cdbd549609")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=j();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:a,width:n,height:s})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:a,label:n})=>e===!0&&(a?.[0].payload).showTooltip===!0?t.jsx(ke,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(_,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(_,{children:W.cashback}),t.jsx(G,{children:T("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{d as j,q as f,V as t,bz as te,fc as L,b as u,b1 as Z,bY as ie,o as i,F as w,p as B,y as h,ak as v,de as oe,c as l,aV as re,aK as T,bO as ae,ag as $,aM as z,jd as N,je as U,iT as se,cv as ne,cy as de,al as O,iU as le,iV as ce}from"./index-BqVFY7NZ.js";import{n as o}from"./mui-BdKs9UwT.js";import{FY as b,bh as he}from"./zeni-epic-state-DcbIZGFH.js";import{w as R,a as K}from"./sentry-DfYwagp9.js";import{q as pe}from"./InsightsSection-BTXj5WUe-ByTIWrkc.js";import{H as ge,I as me,X as xe,Y as we,J as ue,K as ye,V as fe}from"./recharts-CU0wfbyQ.js";import"./liveblocks-DBgNWxtT.js";import"./core-DbjebHB2.js";import"./lottie-DbNQVAcx.js";import"./analytics-DHoFVrJa.js";import"./lexical-B-aBuW2Y.js";import"./utils-DTmuLq6q.js";import"./NavigationDots-B0_dDbgu-D0YfkCXB.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="3b315d47-4e1a-487d-af7f-153af36664a2",e._sentryDebugIdIdentifier="sentry-dbid-3b315d47-4e1a-487d-af7f-153af36664a2")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=j();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:a,width:n,height:s})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:a,label:n})=>e===!0&&(a?.[0].payload).showTooltip===!0?t.jsx(ke,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(q,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(q,{children:W.cashback}),t.jsx(G,{children:T("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,ke=o.div`
@@ -17,14 +17,14 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   min-width: ${i.sp8};
   display: flex;
   justify-content: flex-end;
-`,_=o($)`
+`,q=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:X}},common:{currency:M}}=w.getLocalizedStrings(),ze=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=j();return t.jsx(Me,{width:n,height:s,children:t.jsx(J,{children:({height:c,width:p})=>t.jsxs(ge,{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(me,{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:g=>b(g).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>re("0,0.[00]a",g,e?.[0].currencySymbol??M.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:a}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Le({cashbackByPeriod:e,width:a,height:n}){const s=oe(e,c=>b(c.period),"asc"),r=Ie(s);return t.jsx(ze,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>t.jsx(Se,{active:c,payload:p,label:g}),width:a,height:n})}const Pe=e=>e.format(X),Ie=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??he().subtract(1,"M").format(X);for(;a.length<12;){const r={amount:0,period:Pe(b(s).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??M.currencyCode,currencySymbol:n?.currencySymbol??M.currencySymbol};a.push(r),s=r.period}return a},Me=o.div`
+`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:X}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=j();return t.jsx(Ie,{width:n,height:s,children:t.jsx(Z,{children:({height:c,width:p})=>t.jsxs(ge,{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(me,{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:g=>b(g).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>re("0,0.[00]a",g,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:a}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:a,height:n}){const s=oe(e,c=>b(c.period),"asc"),r=Me(s);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>t.jsx(Se,{active:c,payload:p,label:g}),width:a,height:n})}const Pe=e=>e.format(X),Me=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??he().subtract(1,"M").format(X);for(;a.length<12;){const r={amount:0,period:Pe(b(s).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};a.push(r),s=r.period}return a},Ie=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,Z=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,De={key:"month",value:Z.month,sortOrder:"ascending",width:new h(50,50)},Fe={key:"cashback",value:Z.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[De,Fe],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:a}){const n=j(),s=f(),[r,c]=Y.useState(ee());Y.useEffect(()=>{const d=[...r];for(const m of d)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,m)=>{let K=m;e.sortKey===d&&(K=m==="ascending"?"descending":"ascending"),a(d,K)},g=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(m=>m.key===d)?.value??"",C=r.map(d=>d.key),V=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(q,{windowSize:s,children:[t.jsxs(Ve,{children:[t.jsx(Ye,{children:t.jsx(Ke,{})}),t.jsx(ae,{title:V.sortBy,placeholder:V.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(g.key,g.sortOrder),"data-testid":L("cashback-list-header-mobile",g.value),children:[t.jsx($,{children:g.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(H,{})})]})]}):t.jsx(q,{windowSize:s,children:r.map((d,m)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(H,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}const Te=R.memo(Be),q=o($)`
+`,Q=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:Q.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:Q.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:a}){const n=j(),s=f(),[r,c]=K.useState(ee());K.useEffect(()=>{const d=[...r];for(const m of d)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,m)=>{let Y=m;e.sortKey===d&&(Y=m==="ascending"?"descending":"ascending"),a(d,Y)},g=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(m=>m.key===d)?.value??"",C=r.map(d=>d.key),V=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(J,{windowSize:s,children:[t.jsxs(Ve,{children:[t.jsx(Ke,{children:t.jsx(Ye,{})}),t.jsx(ae,{title:V.sortBy,placeholder:V.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(g.key,g.sortOrder),"data-testid":z("cashback-list-header-mobile",g.value),children:[t.jsx($,{children:g.value}),t.jsx(_,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(A,{})})]})]}):t.jsx(J,{windowSize:s,children:r.map((d,m)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,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(_,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(A,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Te=R.memo(Be),J=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -55,12 +55,12 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,A=o.div`
+`,_=o.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"}
-`,H=o(ne)`
+`,A=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -68,11 +68,11 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
 `,Ve=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ke=o(se)`
+`,Ye=o(se)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ye=o.div`
+`,Ke=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
@@ -94,18 +94,18 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F 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:_e}},dateFormat:{visual:qe}}=w.getLocalizedStrings(),Ae=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=ee(),c=Q(e.period),p=U(c);return t.jsx(Qe,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(Ue,{children:t.jsxs(Xe,{children:[t.jsx(Ze,{windowSize:s,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:s,children:[b(e.period).format(qe.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Je,{}),t.jsx(He,{children:_e.tillDate})]}):null]})}),t.jsx(tt,{windowSize:s,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:s,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},He=o(O)`
+`,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:qe}},dateFormat:{visual:Je}}=w.getLocalizedStrings(),_e=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=ee(),c=N(e.period),p=U(c);return t.jsx(Ne,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(Ue,{children:t.jsxs(Xe,{children:[t.jsx(Qe,{windowSize:s,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:s,children:[b(e.period).format(Je.MMMMYYYYFormat),p?t.jsxs(He,{children:[t.jsx(Ze,{}),t.jsx(Ae,{children:qe.tillDate})]}):null]})}),t.jsx(tt,{windowSize:s,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:s,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,Ne=o.div`
+`,He=o.div`
   display: flex;
   align-items: center;
-`,Je=o.div`
+`,Ze=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Qe=o.div`
+`,Ne=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -133,7 +133,7 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Ze=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
@@ -175,7 +175,7 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   width: 100%;
   display: flex;
   justify-content: end;
-`,D={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:a,isLastItem:n})=>{const s=f(),r=Q(e.period),c=U(r);return t.jsx(lt,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(gt,{children:t.jsxs(pt,{windowSize:s,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(xt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(O)`
+`,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:a,isLastItem:n})=>{const s=f(),r=N(e.period),c=U(r);return t.jsx(lt,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(gt,{children:t.jsxs(pt,{windowSize:s,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(xt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(O)`
   color: ${e=>e.theme.colors.grey1};
 `,nt=o.div`
   display: flex;
@@ -198,8 +198,8 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   border-top-left-radius: ${e=>e.isFirstItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
-  margin-right: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
 `,ct=o.div`
   display: block;
   width: 100%;
@@ -212,7 +212,7 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>D.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>F.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -232,7 +232,7 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   flex-direction: column;
 `,xt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,N={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=f();return t.jsxs(ft,{children:[t.jsx(Te,{onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:s})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f()==="small"?at:Ae;return t.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},yt=o.div``,ft=o.div`
+`,H={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=f();return t.jsxs(ft,{children:[t.jsx(Te,{onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:s})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f()==="small"?at:_e;return t.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},yt=o.div``,ft=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,26 +241,26 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,F={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},k=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Yt=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=j(),g=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:k.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:g,children:[t.jsxs(vt,{windowSize:g,children:[t.jsxs(P,{children:[t.jsx(I,{children:k.totalEarned}),t.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(I,{children:k.redeemed}),t.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(I,{children:k.available}),t.jsx(z,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(kt,{children:t.jsx(J,{children:({height:S,width:C})=>t.jsx(Le,{cashbackByPeriod:a,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
+  margin-left: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},k=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Kt=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=j(),g=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:k.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:g,children:[t.jsxs(vt,{windowSize:g,children:[t.jsxs(P,{children:[t.jsx(M,{children:k.totalEarned}),t.jsx(L,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:k.redeemed}),t.jsx(L,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:k.available}),t.jsx(L,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(kt,{children:t.jsx(Z,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:a,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>F.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>F.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+  padding-left: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
 `,P=o.div`
   min-width: 103px;
   display: flex;
   flex-direction: column;
   align-items: center;
-`,I=o(v)`
+`,M=o(v)`
   display: flex;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
 `,vt=o.div`
   display: flex;
-  gap: ${e=>F.cashbackSummaryContainerGap.valuePx(e.windowSize)};
+  gap: ${e=>D.cashbackSummaryContainerGap.valuePx(e.windowSize)};
   justify-content: center;
   margin-top: ${i.sp3};
 `,kt=o.div`
@@ -282,4 +282,4 @@ import{f as j,q as f,V as t,bA as te,fd as z,b as u,b2 as J,bZ as ie,o as i,F as
   flex-direction: column;
   width: 100%;
   height: 100%;
-`;export{Yt as default};
+`;export{Kt as default};