@zeniai/web-cockpit-ui 1.14.18-qa → 1.14.19-dev

package/dist/assets/{CashbackDetailPage-HtjAmPa8-CinbzV-Y.js → CashbackDetailPage-Cj26I5CB-DNKm6NdF.js}

@@ -1,4 +1,4 @@
-import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as i,g as B,C as h,e as v,de as oe,l as y,q as l,b6 as re,b7 as ae,aw as se,av as ne,ab as de,b8 as le,ba as ce,ip as he,a0 as T,bm as pe,_ as L,v as $,iq as U,ir as X,i7 as me,bZ as ge,c0 as xe,m as O,i8 as we,i9 as ue}from"./index-CbZTLtvs.js";import{n as o,f as R,b as Y}from"./vendor-CnQcJ2Lu.js";import{B as ye}from"./InsightsSection-BZNwdoG4-DFSwQ90v.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./NavigationDots-HukimDRY-D9Wp9S6c.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{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,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(G,{children:W.month})," ",t.jsx(Z,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(G,{children:W.cashback}),t.jsx(Z,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{u as k,e as f,j as t,aW as te,M as w,cS as P,v as u,aj as U,bF as ie,o as i,c as B,C as h,n as v,dh as oe,l as y,q as l,b6 as re,b7 as ae,aw as se,av as ne,ab as de,b8 as le,ba as ce,is as he,a0 as T,bm as pe,_ as z,d as $,it as q,iu as _,ia as me,c0 as ge,c3 as xe,B as O,ib as we,ic as ue}from"./index-CyJdCOlu.js";import{n as o,f as R,b as V}from"./vendor-CnQcJ2Lu.js";import{B as ye}from"./InsightsSection-DtBq9eII-CGUvYjY9.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./NavigationDots-CFjUchuX-BbVX67wD.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{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,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(Z,{children:W.month})," ",t.jsx(G,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(Z,{children:W.cashback}),t.jsx(G,{children:T("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};
 `,ve=o.div`
@@ -12,19 +12,19 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   flex-direction: column;
   padding: ${i.sp2} 12px;
   background-color: ${e=>e.theme.colors.black};
-`,Z=o($)`
+`,G=o($)`
   color: ${e=>e.theme.colors.brandColorPearl};
   min-width: ${i.sp8};
   display: flex;
   justify-content: flex-end;
-`,G=o($)`
+`,Z=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:_}},common:{currency:D}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(N,{children:({height:c,width:p})=>t.jsxs(re,{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(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??D.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=ze(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const Le=e=>e.format(_),ze=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(_);for(;s.length<12;){const r={amount:0,period:Le(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??D.currencyCode,currencySymbol:n?.currencySymbol??D.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
+`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:Q}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(U,{children:({height:c,width:p})=>t.jsxs(re,{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(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const ze=e=>e.format(Q),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(Q);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,Q=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,De={key:"month",value:Q.month,sortOrder:"ascending",width:new h(50,50)},Fe={key:"cashback",value:Q.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[De,Fe],b={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(we,ue)};function Ie({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=Y.useState(ee());Y.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),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(A,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ve,{children:t.jsx(Ke,{})}),t.jsx(pe,{title:K.sortBy,placeholder:K.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(Ee,{onClick:()=>p(m.key,m.sortOrder),"data-testid":L("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(q,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(H,{})})]})]}):t.jsx(A,{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(We,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(q,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(H,{})})]}),t.jsx(Ye,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Oe,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),A=o($)`
+`,X=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:X.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:X.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],b={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(we,ue)};function Ie({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.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 K=g;e.sortKey===d&&(K=g==="ascending"?"descending":"ascending"),s(d,K)},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),Y=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(A,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ke,{children:t.jsx(Ye,{})}),t.jsx(pe,{title:Y.sortBy,placeholder:Y.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(Ee,{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(A,{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(We,{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(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Oe,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),A=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
@@ -55,12 +55,12 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,q=o.div`
+`,H=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(ge)`
+`,J=o(ge)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -68,15 +68,15 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
 `,Re=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ke=o(me)`
+`,Ye=o(me)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ve=o.div`
+`,Ke=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,Ye=o.div`
+`,Ve=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
@@ -94,18 +94,18 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC 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:Ze}},dateFormat:{visual:Ge}}=w.getLocalizedStrings(),Ae=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=U(e.period),p=X(c);return t.jsx(Ne,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Ue,{children:t.jsxs(Xe,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(Qe,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ge.MMMMYYYYFormat),p?t.jsxs(He,{children:[t.jsx(Je,{}),t.jsx(qe,{children:Ze.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},qe=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:Ge}},dateFormat:{visual:Ze}}=w.getLocalizedStrings(),Ae=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=q(e.period),p=_(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(qe,{children:t.jsxs(_e,{children:[t.jsx(Qe,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(Xe,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ze.MMMMYYYYFormat),p?t.jsxs(Je,{children:[t.jsx(Ne,{}),t.jsx(He,{children:Ge.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},He=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,He=o.div`
+`,Je=o.div`
   display: flex;
   align-items: center;
-`,Je=o.div`
+`,Ne=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Ne=o.div`
+`,Ue=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -125,21 +125,21 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Ue=o.div`
+`,qe=o.div`
   display: block;
   width: 100%;
-`,Xe=o.div`
+`,_e=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,_e=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
   width: ${e=>`calc(${e.responsiveWidth.valuePercentage(e.windowSize)} - ${i.sp7})`};
-`,Qe=o(v)`
+`,Xe=o(v)`
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
@@ -175,7 +175,7 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC 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:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=U(e.period),c=X(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(O)`
+`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=q(e.period),c=_(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(O)`
   color: ${e=>e.theme.colors.grey1};
 `,st=o.div`
   display: flex;
@@ -198,8 +198,8 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o 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=>F.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
 `,lt=o.div`
   display: block;
   width: 100%;
@@ -212,7 +212,7 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>F.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>D.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -232,7 +232,7 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   flex-direction: column;
 `,gt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,J={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:Ae;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
+`,N={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:Ae;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,15 +241,15 @@ import{u as k,X as f,j as t,aW as te,M as w,cP as P,f as u,aj as N,bC as ie,o as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(z,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(z,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(z,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(N,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
+  margin-left: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(U,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-`,z=o.div`
+`,L=o.div`
   min-width: 103px;
   display: flex;
   flex-direction: column;