@zeniai/web-components 3.16.79 → 3.16.80

package/dist/ChargeCardStatementsPage-BVPpCjEY.cjs

@@ -1,60 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),i=require("@emotion/styled"),e=require("./index-B_9e_5dM.cjs"),L=require("./BoxItem-D_MPdUZN.cjs"),B=require("react"),N=require("./downloadPdf-B2zgg9c9.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;

package/dist/ChargeCardStatementsPage-COowwmie.js

@@ -1,243 +0,0 @@
-import { j as t, u as A } from "./vendor-.pnpm-DtFedGku.js";
-import n from "@emotion/styled";
-import { dD as O, u as R, a as E, jj as q, j as F, A as J, S as h, p as W, R as u, f9 as U, D as l, aE as G, y as H } from "./index-D8643Kw5.js";
-import { B as K, b as Q } from "./BoxItem-DaDiWKc1.js";
-import { useState as X } from "react";
-import { d as Z } from "./downloadPdf-Cp8KkOdZ.js";
-const I = E.getLocalizedStrings().months, L = {
-  downloadButtonSize: new u(l[4], 20)
-}, _ = n.div`
-  display: flex;
-  padding: ${h.sp3} ${h.sp4};
-  flex-direction: row;
-  width: 100%;
-`, V = n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`, ee = n(W)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${h.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`, te = n.div`
-  cursor: pointer;
-`, oe = n(U)`
-  width: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
-  height: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
-  min-height: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.grey1};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`;
-function ne({
-  currentTenantCompanyName: e,
-  data: i,
-  index: r,
-  controllerEmails: c,
-  isDebitCardFeatureEnabled: g,
-  isDebitCardSetupEnabled: o,
-  chargeCardCashbackDetailState: a,
-  depositAccountListWithDebitCardIssued: s,
-  debitCardSummary: y,
-  productInformation: C,
-  creditAccountInformation: j,
-  debitAccountInformation: $,
-  cashbackInformation: x,
-  creditAccountRepayment: v,
-  authParams: P,
-  downloadEndPoint: Y,
-  boxType: b
-}) {
-  const M = O().analytics, [T, m] = X(!1), k = R(), f = I[i.monthYearPeriod.month - 1], d = `${e}-Credit-Card-Monthly-Statement-${I[i.monthYearPeriod.month - 1]}-${i.monthYearPeriod.year}.pdf`, p = {
-    period: `${i.monthYearPeriod.year}-${q(
-      i.monthYearPeriod.month
-    )}`,
-    format: "pdf"
-  }, w = /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsxs(V, { children: [
-    /* @__PURE__ */ t.jsx(ee, { children: f }),
-    /* @__PURE__ */ t.jsx(
-      te,
-      {
-        "data-testid": F("download-card-statement"),
-        onClick: () => {
-          a.fetchState === "Completed" && v.fetchState === "Completed" && (!(g && o) || s.fetchState === "Completed" && y?.fetchState === "Completed") && x != null && M.trackCardsDownloadClick(
-            c,
-            C,
-            x,
-            {
-              fileCategory: "Credit Card Statement",
-              fileType: "pdf",
-              fileName: d,
-              fileMonthYear: `${I[i.monthYearPeriod.month - 1]} ${i.monthYearPeriod.year}`
-            },
-            "Credit Card Statements",
-            r + 1,
-            //position need to be 1 based index
-            j,
-            $
-          ), Z(
-            `${Y}/statements?query=${encodeURIComponent(
-              JSON.stringify(p)
-            )}`,
-            d,
-            P,
-            m
-          );
-        },
-        children: T ? /* @__PURE__ */ t.jsx(J, { size: "Small", start: !0 }) : /* @__PURE__ */ t.jsx(oe, { windowSize: k })
-      }
-    )
-  ] }) });
-  return /* @__PURE__ */ t.jsx(
-    K,
-    {
-      content: w,
-      boxType: b,
-      isDisabled: !1,
-      isNotClickable: !0
-    }
-  );
-}
-const B = E.getLocalizedStrings().spendManagement.chargeCard.statements, S = {
-  listItemMarginLeftRight: new u(l[3], l[8]),
-  containerMarginTop: new u(l[0], l[2]),
-  titleMarginLeftRight: new u(l[3], l[8])
-}, ue = ({
-  currentTenantCompanyName: e,
-  authParams: i,
-  controllerEmails: r,
-  productInformation: c,
-  cashbackInformation: g,
-  creditAccountInformation: o,
-  debitAccountInformation: a,
-  isChargeCardFeatureEnabled: s,
-  isDebitCardFeatureEnabled: y,
-  isDebitCardSetupEnabled: C,
-  isChargeCardSetupEnabled: j,
-  chargeCardCashbackDetailState: $,
-  depositAccountListWithDebitCardIssued: x,
-  creditAccountRepayment: v,
-  debitCardSummary: P,
-  creditAccount: Y,
-  downloadEndPoint: b,
-  statementListView: z,
-  onBackClick: M
-}) => {
-  const T = A(), m = R(), { sortedYear: k, monthsByYearWithSortedMonth: f } = me(
-    z.statements
-  );
-  return /* @__PURE__ */ t.jsxs(de, { children: [
-    /* @__PURE__ */ t.jsx(
-      G,
-      {
-        title: B.title,
-        backgroundColor: T.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: M,
-        source: "ChargeCardStatementsPage"
-      }
-    ),
-    /* @__PURE__ */ t.jsx(ce, { windowSize: m, children: z.statements.length === 0 ? /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsx(se, { children: /* @__PURE__ */ t.jsx(N, { windowSize: m, children: /* @__PURE__ */ t.jsx(le, { children: B.noStatements }) }) }) }) : /* @__PURE__ */ t.jsx(ie, { children: k.map((d) => /* @__PURE__ */ t.jsxs(re, { children: [
-      /* @__PURE__ */ t.jsx(ae, { windowSize: m, children: d }),
-      /* @__PURE__ */ t.jsx(D, { children: f[d].map((p, w) => /* @__PURE__ */ t.jsx(
-        N,
-        {
-          windowSize: m,
-          children: /* @__PURE__ */ t.jsx(
-            ne,
-            {
-              productInformation: c,
-              creditAccountInformation: o,
-              debitAccountInformation: a,
-              cashbackInformation: g,
-              creditAccountRepayment: v,
-              depositAccountListWithDebitCardIssued: x,
-              debitCardSummary: P,
-              controllerEmails: r,
-              isChargeCardFeatureEnabled: s,
-              isDebitCardFeatureEnabled: y,
-              isDebitCardSetupEnabled: C,
-              isChargeCardSetupEnabled: j,
-              chargeCardCashbackDetailState: $,
-              creditAccount: Y,
-              currentTenantCompanyName: e,
-              index: w,
-              data: p,
-              authParams: i,
-              downloadEndPoint: b,
-              boxType: Q(
-                w,
-                f[d].length
-              )
-            },
-            p.id
-          )
-        },
-        p.id
-      )) })
-    ] }, d)) }) })
-  ] });
-}, ie = n.div``, re = n.div`
-  margin-bottom: ${h.sp6};
-`, D = n.div``, ae = n(H)`
-  margin-left: ${(e) => S.titleMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${h.sp3};
-`, N = n.div`
-  margin-left: ${(e) => S.listItemMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${(e) => S.listItemMarginLeftRight.valuePx(e.windowSize)};
-`, se = n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`, de = n.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${h.sp7};
-`, le = n(W)`
-  display: flex;
-  color: ${(e) => e.theme.colors.grey2};
-`, ce = n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${(e) => S.containerMarginTop.valuePx(e.windowSize)};
-`, me = (e) => {
-  const i = e.map((o) => {
-    const [a, s] = o.period.split("-");
-    return {
-      id: o.id,
-      monthYearPeriod: {
-        year: parseInt(a),
-        month: parseInt(s)
-      }
-    };
-  }), r = {};
-  i.forEach((o) => {
-    r[o.monthYearPeriod.year] != null ? r[o.monthYearPeriod.year].push(o) : r[o.monthYearPeriod.year] = [o];
-  });
-  const c = {};
-  return Object.keys(r).forEach((o) => {
-    c[Number(o)] = r[Number(o)].sort(
-      (a, s) => s.monthYearPeriod.month - a.monthYearPeriod.month
-    );
-  }), {
-    sortedYear: Object.keys(r).sort((o, a) => Number(a) - Number(o)).map((o) => Number(o)),
-    monthsByYearWithSortedMonth: c
-  };
-};
-export {
-  ue as default
-};