@zeniai/web-components 3.17.22 → 3.17.23

package/dist/ChargeCardStatementsPage-CF-wIXAP.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DLVCFIC_.cjs"),i=require("@emotion/styled"),e=require("./index-DU9PIUCs.cjs"),L=require("./BoxItem-CbmwnjCE.cjs"),B=require("react"),N=require("./downloadPdf-BC2OCPV9.cjs"),z=e.appLocale.getLocalizedStrings().months,M={downloadButtonSize:new e.ResponsiveSized(e.sp[4],20)},q=i.div`
+  display: flex;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,D=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,W=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${e.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,O=i.div`
+  cursor: pointer;
+`,A=i(e.SvgDownload)`
+  width: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function _({currentTenantCompanyName:t,data:r,index:s,controllerEmails:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:a,depositAccountListWithDebitCardIssued:d,debitCardSummary:w,productInformation:f,creditAccountInformation:j,debitAccountInformation:y,cashbackInformation:h,creditAccountRepayment:C,authParams:R,downloadEndPoint:v,boxType:P}){const b=e.useToolkitContext().analytics,[E,m]=B.useState(!1),Y=e.useWindowSizeContext(),u=z[r.monthYearPeriod.month-1],l=`${t}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,p={period:`${r.monthYearPeriod.year}-${e.toMonthStr(r.monthYearPeriod.month)}`,format:"pdf"},g=o.jsxRuntimeExports.jsx(q,{children:o.jsxRuntimeExports.jsxs(D,{children:[o.jsxRuntimeExports.jsx(W,{children:u}),o.jsxRuntimeExports.jsx(O,{"data-testid":e.generateDataTestId("download-card-statement"),onClick:()=>{a.fetchState==="Completed"&&C.fetchState==="Completed"&&(!(x&&n)||d.fetchState==="Completed"&&w?.fetchState==="Completed")&&h!=null&&b.trackCardsDownloadClick(c,f,h,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:l,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",s+1,j,y),N.downloadPdf(`${v}/statements?query=${encodeURIComponent(JSON.stringify(p))}`,l,R,m)},children:E?o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0}):o.jsxRuntimeExports.jsx(A,{windowSize:Y})})]})});return o.jsxRuntimeExports.jsx(L.BoxItem,{content:g,boxType:P,isDisabled:!1,isNotClickable:!0})}const T=e.appLocale.getLocalizedStrings().spendManagement.chargeCard.statements,S={listItemMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),containerMarginTop:new e.ResponsiveSized(e.sp[0],e.sp[2]),titleMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8])},F=({currentTenantCompanyName:t,authParams:r,controllerEmails:s,productInformation:c,cashbackInformation:x,creditAccountInformation:n,debitAccountInformation:a,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,depositAccountListWithDebitCardIssued:h,creditAccountRepayment:C,debitCardSummary:R,creditAccount:v,downloadEndPoint:P,statementListView:$,onBackClick:b})=>{const E=o.useTheme(),m=e.useWindowSizeContext(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=Z($.statements);return o.jsxRuntimeExports.jsxs(K,{children:[o.jsxRuntimeExports.jsx(e.NavBar,{title:T.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:b,source:"ChargeCardStatementsPage"}),o.jsxRuntimeExports.jsx(X,{windowSize:m,children:$.statements.length===0?o.jsxRuntimeExports.jsx(k,{children:o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(I,{windowSize:m,children:o.jsxRuntimeExports.jsx(Q,{children:T.noStatements})})})}):o.jsxRuntimeExports.jsx(J,{children:Y.map(l=>o.jsxRuntimeExports.jsxs(U,{children:[o.jsxRuntimeExports.jsx(G,{windowSize:m,children:l}),o.jsxRuntimeExports.jsx(k,{children:u[l].map((p,g)=>o.jsxRuntimeExports.jsx(I,{windowSize:m,children:o.jsxRuntimeExports.jsx(_,{productInformation:c,creditAccountInformation:n,debitAccountInformation:a,cashbackInformation:x,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:h,debitCardSummary:R,controllerEmails:s,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,creditAccount:v,currentTenantCompanyName:t,index:g,data:p,authParams:r,downloadEndPoint:P,boxType:L.boxType(g,u[l].length)},p.id)},p.id))})]},l))})})]})},J=i.div``,U=i.div`
+  margin-bottom: ${e.Space.sp6};
+`,k=i.div``,G=i(e.LargeMedium)`
+  margin-left: ${t=>S.titleMarginLeftRight.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp3};
+`,I=i.div`
+  margin-left: ${t=>S.listItemMarginLeftRight.valuePx(t.windowSize)};
+  margin-right: ${t=>S.listItemMarginLeftRight.valuePx(t.windowSize)};
+`,H=i.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,K=i.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,Q=i(e.StandardRegular)`
+  display: flex;
+  color: ${t=>t.theme.colors.grey2};
+`,X=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${t=>S.containerMarginTop.valuePx(t.windowSize)};
+`,Z=t=>{const r=t.map(n=>{const[a,d]=n.period.split("-");return{id:n.id,monthYearPeriod:{year:parseInt(a),month:parseInt(d)}}}),s={};r.forEach(n=>{s[n.monthYearPeriod.year]!=null?s[n.monthYearPeriod.year].push(n):s[n.monthYearPeriod.year]=[n]});const c={};return Object.keys(s).forEach(n=>{c[Number(n)]=s[Number(n)].sort((a,d)=>d.monthYearPeriod.month-a.monthYearPeriod.month)}),{sortedYear:Object.keys(s).sort((n,a)=>Number(a)-Number(n)).map(n=>Number(n)),monthsByYearWithSortedMonth:c}};exports.default=F;