@zeniai/web-components 3.17.1 → 3.17.2

package/dist/components/spendManagement/chargeCard/sections/CreditCardPaymentReviewPage.d.ts

@@ -2,10 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
 import { CardProductInformation, CashbackInformation, CreditAccountInformation, DebitAccountInformation, PaymentSourceInformation } from '@zeniai/client-analytics';
 import { ChargeCardRepaymentDetailSelectorView, FundingAccount, ID, Logo } from '@zeniai/client-epic-state';
 export interface CreditCardPaymentReviewPageProps {
-    cashbackInformation: CashbackInformation;
     controllerEmails: string[];
-    creditAccountInformation: CreditAccountInformation;
-    debitAccountInformation: DebitAccountInformation;
     isCashbackInfoFetchStateCompleted: boolean;
     isCompleteOutstandingBalanceBeingPaid: boolean;
     isCreditCardInfoFetchStateCompleted: boolean;
@@ -14,6 +11,9 @@ export interface CreditCardPaymentReviewPageProps {
     paymentSourceInformation: PaymentSourceInformation;
     productInformation: CardProductInformation;
     setShowReviewContent: Dispatch<SetStateAction<boolean>>;
+    cashbackInformation?: CashbackInformation;
+    creditAccountInformation?: CreditAccountInformation;
+    debitAccountInformation?: DebitAccountInformation;
     onTransferClick: () => void;
 }
 export interface FormData {

package/dist/detailCommon-CKyQETJi.cjs

@@ -0,0 +1,38 @@
+"use strict";const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),x=require("react"),g=require("@emotion/react"),r=require("@emotion/styled"),o=require("./index-gTpRqqAW.cjs"),S=require("./CollapsableReportTable-BGzk86Qy.cjs"),p={tooltipLeftPosition:new o.ResponsiveSized(o.sp[0],-156),tooltipTopPosition:new o.ResponsiveSized(o.sp[3],o.sp[4]),tooltipWidth:new o.ResponsiveSized(300,350)},u=g.css`
+  position: relative;
+`,f=r.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>e.windowSize==="small"?u:null}
+`,$=r(o.H5RegularSp)``,w=r.div`
+  display: inline-block;
+  padding-left: ${o.Space.sp2};
+  vertical-align: middle;
+  ${e=>e.windowSize!=="small"?u:null}
+`,R=r(o.LargeMediumSp)`
+  padding-left: ${o.Space.sp3};
+`,T=r(o.SvgInfo)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.champion};
+  }
+`,j=r(o.SvgInfo)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+
+  fill: ${e=>e.theme.colors.primary};
+`,v=r.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  position: absolute;
+  padding: ${o.Space.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${o.Space.sp0} 2px ${o.Space.sp1} ${e=>e.theme.colors.dropShadowNormal};
+  border-radius: ${o.Space.sp1};
+  z-index: 1;
+  left: ${e=>p.tooltipLeftPosition.valuePx(e.windowSize)};
+  width: ${e=>p.tooltipWidth.valuePx(e.windowSize)};
+  top: calc(100% + ${e=>p.tooltipTopPosition.valuePx(e.windowSize)});
+`,I=r(o.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,P=e=>{const{infotipDescription:t,windowSize:n,isToolTipOpen:i}=e;return i===!1?null:s.jsxRuntimeExports.jsx(v,{windowSize:n,children:s.jsxRuntimeExports.jsx(I,{children:t})})};function M({balance:e,dateText:t,showInfotip:n,infotipDescription:i}){const a=o.useWindowSizeContext(),[h,d]=x.useState(!1),m=()=>h?s.jsxRuntimeExports.jsx(j,{onClick:()=>{d(c=>!c)}}):s.jsxRuntimeExports.jsx(T,{onClick:()=>{d(c=>!c)}});return s.jsxRuntimeExports.jsxs(f,{windowSize:a,children:[s.jsxRuntimeExports.jsx($,{children:S.balanceToAmountString(e)}),s.jsxRuntimeExports.jsx(R,{children:t}),n===!0?s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>d(!1),children:s.jsxRuntimeExports.jsxs(w,{windowSize:a,children:[s.jsxRuntimeExports.jsx(m,{}),s.jsxRuntimeExports.jsx(P,{isToolTipOpen:h,infotipDescription:i,windowSize:a})]})}):null]})}const{dateFormat:l}=o.appLocale.getLocalizedStrings(),C=(e,t)=>{const{startDate:n,endDate:i}=e;return t&&n.month()!==i.month()?`in ${n.format(l.visual.MMMYYFormat)} - ${i.format(l.visual.MMMYYFormat)}`:n.month()===i.month()?`in ${n.format(l.visual.MMMDFormat)} - ${i.format(l.visual.MMMDCommaYYFormat)}`:`in ${n.format(l.visual.MMMDCommaYYFormat)} - ${i.format(l.visual.MMMDCommaYYFormat)}`},D=(e,t)=>{if(t.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let n=e.length-1;return t.thisPeriod!=null&&(n=e.findIndex(a=>a.startDate.isSame(t.thisPeriod.startDate,"date")&&a.endDate.isSameOrBefore(t.thisPeriod.endDate))),{startIndex:Math.max(n+1-t.numberOfPeriods,0),length:t.numberOfPeriods}},y=(e,t)=>{const n=e.length-1-t.offsetFromEnd;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}},O=(e,t)=>{const n=t.startIndex+t.length-1>e.length?e.length-1:t.startIndex+t.length-1;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}};exports.BalancesInsightWithToolTip=M;exports.getAmountSectionDateString=C;exports.mapCOABalancesRangeToTimeframeTicksRange=D;exports.mapTimeframeTicksRangeToHighlightedCOABalancesRange=O;exports.mapTimeframeTicksRangeToSelectedCOABalancesRange=y;

package/dist/detailCommon-DsmJoDVU.js

@@ -0,0 +1,124 @@
+import { j as i, C as $ } from "./vendor-.pnpm-B2klaOGU.js";
+import { useState as w } from "react";
+import { css as S } from "@emotion/react";
+import r from "@emotion/styled";
+import { u as M, eW as P, S as s, eM as I, ag as g, R as p, o as v, D as h, a as C } from "./index-BEMjPEfs.js";
+import { d as D } from "./CollapsableReportTable-6xuk8-VZ.js";
+const m = {
+  tooltipLeftPosition: new p(h[0], -156),
+  tooltipTopPosition: new p(h[3], h[4]),
+  tooltipWidth: new p(300, 350)
+}, f = S`
+  position: relative;
+`, y = r.div`
+  color: ${(o) => o.theme.colors.primary};
+  ${(o) => o.windowSize === "small" ? f : null}
+`, j = r(P)``, T = r.div`
+  display: inline-block;
+  padding-left: ${s.sp2};
+  vertical-align: middle;
+  ${(o) => o.windowSize !== "small" ? f : null}
+`, z = r(I)`
+  padding-left: ${s.sp3};
+`, O = r(g)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${(o) => o.theme.colors.grey1};
+  &:hover {
+    color: ${(o) => o.theme.colors.champion};
+  }
+`, Y = r(g)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+
+  fill: ${(o) => o.theme.colors.primary};
+`, B = r.div`
+  background-color: ${(o) => o.theme.colors.grey5};
+  position: absolute;
+  padding: ${s.sp4};
+  border: 1px solid ${(o) => o.theme.colors.grey3};
+  box-shadow: ${s.sp0} 2px ${s.sp1} ${(o) => o.theme.colors.dropShadowNormal};
+  border-radius: ${s.sp1};
+  z-index: 1;
+  left: ${(o) => m.tooltipLeftPosition.valuePx(o.windowSize)};
+  width: ${(o) => m.tooltipWidth.valuePx(o.windowSize)};
+  top: calc(100% + ${(o) => m.tooltipTopPosition.valuePx(o.windowSize)});
+`, A = r(v)`
+  color: ${(o) => o.theme.colors.hero};
+`, b = (o) => {
+  const { infotipDescription: t, windowSize: e, isToolTipOpen: n } = o;
+  return n === !1 ? null : /* @__PURE__ */ i.jsx(B, { windowSize: e, children: /* @__PURE__ */ i.jsx(A, { children: t }) });
+};
+function H({
+  balance: o,
+  dateText: t,
+  showInfotip: e,
+  infotipDescription: n
+}) {
+  const a = M(), [u, d] = w(!1), x = () => u ? /* @__PURE__ */ i.jsx(
+    Y,
+    {
+      onClick: () => {
+        d((c) => !c);
+      }
+    }
+  ) : /* @__PURE__ */ i.jsx(
+    O,
+    {
+      onClick: () => {
+        d((c) => !c);
+      }
+    }
+  );
+  return /* @__PURE__ */ i.jsxs(y, { windowSize: a, children: [
+    /* @__PURE__ */ i.jsx(j, { children: D(o) }),
+    /* @__PURE__ */ i.jsx(z, { children: t }),
+    e === !0 ? /* @__PURE__ */ i.jsx($, { onClickAway: () => d(!1), children: /* @__PURE__ */ i.jsxs(T, { windowSize: a, children: [
+      /* @__PURE__ */ i.jsx(x, {}),
+      /* @__PURE__ */ i.jsx(
+        b,
+        {
+          isToolTipOpen: u,
+          infotipDescription: n,
+          windowSize: a
+        }
+      )
+    ] }) }) : null
+  ] });
+}
+const { dateFormat: l } = C.getLocalizedStrings(), N = (o, t) => {
+  const { startDate: e, endDate: n } = o;
+  return t && e.month() !== n.month() ? `in ${e.format(l.visual.MMMYYFormat)} - ${n.format(l.visual.MMMYYFormat)}` : e.month() === n.month() ? `in ${e.format(
+    l.visual.MMMDFormat
+  )} - ${n.format(l.visual.MMMDCommaYYFormat)}` : `in ${e.format(
+    l.visual.MMMDCommaYYFormat
+  )} - ${n.format(l.visual.MMMDCommaYYFormat)}`;
+}, k = (o, t) => {
+  if (t.orderBy !== "ascending_date")
+    throw new Error("Invalid ordering of dates!!");
+  let e = o.length - 1;
+  return t.thisPeriod != null && (e = o.findIndex(
+    (a) => a.startDate.isSame(t.thisPeriod.startDate, "date") && a.endDate.isSameOrBefore(t.thisPeriod.endDate)
+  )), { startIndex: Math.max(e + 1 - t.numberOfPeriods, 0), length: t.numberOfPeriods };
+}, q = (o, t) => {
+  const e = o.length - 1 - t.offsetFromEnd;
+  return {
+    thisPeriod: o[e],
+    numberOfPeriods: t.length,
+    orderBy: "ascending_date"
+  };
+}, G = (o, t) => {
+  const e = t.startIndex + t.length - 1 > o.length ? o.length - 1 : t.startIndex + t.length - 1;
+  return {
+    thisPeriod: o[e],
+    numberOfPeriods: t.length,
+    orderBy: "ascending_date"
+  };
+};
+export {
+  H as B,
+  q as a,
+  G as b,
+  N as g,
+  k as m
+};

package/dist/downloadPdf-3u48yAJC.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),s=require("./index-gTpRqqAW.cjs");async function d(n,o,t,r,a=!1){r?.(!0);try{const e=await s.fetchRequest({urlEndPoint:n,authParams:t,fileType:"pdf"});if(e.ok){const i=s.getFileNameFromResponseHeaders(e.headers,o),f=await e.arrayBuffer();c.fileDownload(f,a?i:o),r?.(!1)}else console.error(`${o} download Failed with ${e.statusText}`),r?.(!1)}catch(e){console.error(`${o} download Failed with ${JSON.stringify(e)}`),r?.(!1)}}exports.downloadPdf=d;

package/dist/downloadPdf-CPsXQUbt.js

@@ -0,0 +1,32 @@
+import { f as i } from "./vendor-.pnpm-B2klaOGU.js";
+import { f as l, g as c } from "./index-BEMjPEfs.js";
+async function w(s, e, a, r, f = !1) {
+  r?.(!0);
+  try {
+    const o = await l({
+      urlEndPoint: s,
+      authParams: a,
+      fileType: "pdf"
+    });
+    if (o.ok) {
+      const t = c(
+        o.headers,
+        e
+      ), n = await o.arrayBuffer();
+      i(
+        n,
+        f ? t : e
+      ), r?.(!1);
+    } else
+      console.error(
+        `${e} download Failed with ${o.statusText}`
+      ), r?.(!1);
+  } catch (o) {
+    console.error(
+      `${e} download Failed with ${JSON.stringify(o)}`
+    ), r?.(!1);
+  }
+}
+export {
+  w as d
+};