@zeniai/web-components 3.16.43 → 3.16.45

package/dist/StatementItem-BOgmKBTq.js

@@ -0,0 +1,81 @@
+import { j as o } from "./vendor-.pnpm-BZbZ6JJC.js";
+import { useState as u } from "react";
+import i from "@emotion/styled";
+import { u as y, a as g, j5 as v, A as z, S as n, p as j, R as b, f7 as k, D as L } from "./index-CvyHeUzo.js";
+import { B } from "./BoxItem-imggFWL_.js";
+import { d as C } from "./downloadPdf-DZ5WQt0r.js";
+const d = g.getLocalizedStrings().months, r = {
+  downloadButtonSize: new b(L[4], 20)
+}, D = i.div`
+  display: flex;
+  padding: ${n.sp3} ${n.sp4};
+  flex-direction: row;
+  width: 100%;
+`, I = i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`, R = i(j)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${n.sp2};
+  max-height: ${n.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`, P = i.div`
+  cursor: pointer;
+`, q = i(k)`
+  width: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${(t) => t.theme.colors.hero};
+  &:hover {
+    color: ${(t) => t.theme.colors.primary};
+  }
+`;
+function O({
+  accountLast4: t,
+  currentTenantCompanyName: a,
+  data: e,
+  authParams: m,
+  downloadEndPoint: l,
+  documentType: s = "statement",
+  boxType: c
+}) {
+  const [w, p] = u(!1), x = y(), h = s === "taxLetter" ? `${e.title.year}` : `${d[e.title.month - 1]} ${e.title.year}`, S = s === "taxLetter" ? `${a}-treasury-tax-letter-${e.title.year}.pdf` : `${a}-${t}-monthly-statement-${d[e.title.month - 1]}-${e.title.year}.pdf`, f = {
+    period: `${e.title.year}-${v(e.title.month)}`,
+    format: "pdf"
+  }, $ = /* @__PURE__ */ o.jsx(D, { children: /* @__PURE__ */ o.jsxs(I, { children: [
+    /* @__PURE__ */ o.jsx(R, { children: h }),
+    /* @__PURE__ */ o.jsx(
+      P,
+      {
+        onClick: () => C(
+          s === "treasuryStatement" || s === "taxLetter" ? `${l}/statements/${e.id}` : `${l}/statements?query=${encodeURIComponent(
+            JSON.stringify(f)
+          )}`,
+          S,
+          m,
+          p
+        ),
+        children: w ? /* @__PURE__ */ o.jsx(z, { size: "Small", start: !0 }) : /* @__PURE__ */ o.jsx(q, { windowSize: x })
+      }
+    )
+  ] }) });
+  return /* @__PURE__ */ o.jsx(
+    B,
+    {
+      content: $,
+      boxType: c,
+      isDisabled: !1,
+      isNotClickable: !0
+    }
+  );
+}
+export {
+  O as S
+};

package/dist/StatementItem-Cx3BNxHx.cjs

@@ -0,0 +1,31 @@
+"use strict";const i=require("./vendor-.pnpm-DHyNpoQL.cjs"),f=require("react"),n=require("@emotion/styled"),t=require("./index-8_ku3pKD.cjs"),j=require("./BoxItem-Cl49qpaE.cjs"),y=require("./downloadPdf-BeRP_stD.cjs"),c=t.appLocale.getLocalizedStrings().months,r={downloadButtonSize:new t.ResponsiveSized(t.sp[4],20)},v=n.div`
+  display: flex;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,g=n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,z=n(t.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${t.Space.sp2};
+  max-height: ${t.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,R=n.div`
+  cursor: pointer;
+`,b=n(t.SvgDownload)`
+  width: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function q({accountLast4:e,currentTenantCompanyName:l,data:o,authParams:d,downloadEndPoint:a,documentType:s="statement",boxType:x}){const[m,p]=f.useState(!1),w=t.useWindowSizeContext(),u=s==="taxLetter"?`${o.title.year}`:`${c[o.title.month-1]} ${o.title.year}`,h=s==="taxLetter"?`${l}-treasury-tax-letter-${o.title.year}.pdf`:`${l}-${e}-monthly-statement-${c[o.title.month-1]}-${o.title.year}.pdf`,S={period:`${o.title.year}-${t.toMonthStr(o.title.month)}`,format:"pdf"},$=i.jsxRuntimeExports.jsx(v,{children:i.jsxRuntimeExports.jsxs(g,{children:[i.jsxRuntimeExports.jsx(z,{children:u}),i.jsxRuntimeExports.jsx(R,{onClick:()=>y.downloadPdf(s==="treasuryStatement"||s==="taxLetter"?`${a}/statements/${o.id}`:`${a}/statements?query=${encodeURIComponent(JSON.stringify(S))}`,h,d,p),children:m?i.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):i.jsxRuntimeExports.jsx(b,{windowSize:w})})]})});return i.jsxRuntimeExports.jsx(j.BoxItem,{content:$,boxType:x,isDisabled:!1,isNotClickable:!0})}exports.StatementItem=q;

package/dist/StatementsPage-CiQWmwhG.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-8_ku3pKD.cjs"),R=require("./BoxItem-Cl49qpaE.cjs"),v=require("./commonDimensions-DmJPG9r_.cjs"),$=require("./StatementItem-Cx3BNxHx.cjs"),p=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.statements,u={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:s,authParams:h,downloadEndPoint:g,statementListView:r,accountLast4:b,onBackClick:S})=>{const f=t.useTheme(),l=e.useWindowSizeContext(),j=m.createRef(),c=m.useRef(null),d=r.statements.length===0,y=()=>d===!1?v.transactionItemDimensions.transactionItemHeight:24,w=({index:o,style:i})=>{const a=r.statements[o];return d===!1?t.jsxRuntimeExports.jsx(x,{windowSize:l,style:{...i,width:`calc(100% - 2*${u.listItemMargin.valuePx(l)})`},children:t.jsxRuntimeExports.jsx($.StatementItem,{currentTenantCompanyName:s,accountLast4:b,data:a,authParams:h,downloadEndPoint:g,boxType:R.boxType(o,r.statements.length)},a.id)}):t.jsxRuntimeExports.jsx(k,{style:{...i},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(x,{windowSize:l,children:t.jsxRuntimeExports.jsx(C,{children:p.noStatements})})})})};return t.jsxRuntimeExports.jsxs(z,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:p.title,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:S,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:o,width:i})=>t.jsxRuntimeExports.jsx(q,{ref:j,height:o,width:i,outerRef:c,itemKey:a=>a,itemCount:r.statements.length,itemSize:y,initialScrollOffset:0,children:w})})})]})},k=n.div``,x=n.div`
+  margin: ${s=>`${e.Space.sp0} ${u.listItemMargin.valuePx(s.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,I=n.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,z=n.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,C=n(e.StandardRegular)`
+  display: flex;
+  color: ${s=>s.theme.colors.grey2};
+`,T=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${e.Space.sp6};
+`,q=n(t.VariableSizeList)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${e.Space.sp2};
+    height: ${e.Space.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${s=>s.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${e.Space.sp2};
+      height: ${e.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${s=>s.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;exports.default=E;

package/dist/StatementsPage-ClMtBDGf.js

@@ -0,0 +1,130 @@
+import { u as k, j as t, A as v, V as z } from "./vendor-.pnpm-BZbZ6JJC.js";
+import { createRef as C, useRef as I } from "react";
+import r from "@emotion/styled";
+import { u as R, aE as T, a as E, S as s, C as m, R as A, D as p, p as L } from "./index-CvyHeUzo.js";
+import { b as M } from "./BoxItem-imggFWL_.js";
+import { t as P } from "./commonDimensions-BCUrWcBL.js";
+import { S as B } from "./StatementItem-BOgmKBTq.js";
+const h = E.getLocalizedStrings().spendManagement.zeniAccounts.statements, u = {
+  listItemMargin: new A(p[3], p[8])
+}, Y = ({
+  currentTenantCompanyName: e,
+  authParams: g,
+  downloadEndPoint: b,
+  statementListView: o,
+  accountLast4: f,
+  onBackClick: S
+}) => {
+  const w = k(), l = R(), y = C(), c = I(null), d = o.statements.length === 0, $ = () => d === !1 ? P.transactionItemHeight : 24, j = ({ index: n, style: a }) => {
+    const i = o.statements[n];
+    return d === !1 ? /* @__PURE__ */ t.jsx(
+      x,
+      {
+        windowSize: l,
+        style: {
+          ...a,
+          width: `calc(100% - 2*${u.listItemMargin.valuePx(l)})`
+        },
+        children: /* @__PURE__ */ t.jsx(
+          B,
+          {
+            currentTenantCompanyName: e,
+            accountLast4: f,
+            data: i,
+            authParams: g,
+            downloadEndPoint: b,
+            boxType: M(n, o.statements.length)
+          },
+          i.id
+        )
+      }
+    ) : /* @__PURE__ */ t.jsx(D, { style: { ...a }, children: /* @__PURE__ */ t.jsx(O, { children: /* @__PURE__ */ t.jsx(x, { windowSize: l, children: /* @__PURE__ */ t.jsx(H, { children: h.noStatements }) }) }) });
+  };
+  return /* @__PURE__ */ t.jsxs(W, { children: [
+    /* @__PURE__ */ t.jsx(
+      T,
+      {
+        title: h.title,
+        backgroundColor: w.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: S,
+        scrollableContent: c.current != null ? c : void 0,
+        source: "StatementsPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(v, { children: ({ height: n, width: a }) => /* @__PURE__ */ t.jsx(
+      N,
+      {
+        ref: y,
+        height: n,
+        width: a,
+        outerRef: c,
+        itemKey: (i) => i,
+        itemCount: o.statements.length,
+        itemSize: $,
+        initialScrollOffset: 0,
+        children: j
+      }
+    ) }) })
+  ] });
+}, D = r.div``, x = r.div`
+  margin: ${(e) => `${s.sp0} ${u.listItemMargin.valuePx(e.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`, O = r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, W = r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${s.sp7};
+`, H = r(L)`
+  display: flex;
+  color: ${(e) => e.theme.colors.grey2};
+`, K = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${s.sp6};
+`, N = r(z)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${s.sp2};
+    height: ${s.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${(e) => e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${s.sp2};
+      height: ${s.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${(e) => e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;
+export {
+  Y as default
+};

package/dist/StatusSwitcher-BbcikwcF.cjs

@@ -0,0 +1,120 @@
+"use strict";const c=require("./vendor-.pnpm-DHyNpoQL.cjs"),b=require("@emotion/react"),u=require("@emotion/styled"),t=require("./index-8_ku3pKD.cjs");function h(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" ")}const x=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function v(e,n){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const i=Object.values(e)[0];return typeof i=="string"?i:h(n)}return h(n)}function l(e,n,i){const s=e[n];return s!=null?v(s,i):null}const S=(e,n)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:i}},reimbursement:{reimbursementByTabs:{tabsById:s}},zeniAccounts:{zeniAccountList:{tabsById:o}}}}=t.appLocale.getLocalizedStrings(),a=String(e);if(n)switch(n){case"bill_pay":{const r=l(i,a,a);if(r!=null)return r.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const r=l(s,a,a);if(r!=null)return r.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const r=l(o,a,a);if(r!=null)return r.replace(/\s+/g,"_").toLowerCase();break}}return(l(i,a,a)??l(s,a,a)??l(o,a,a)??h(a)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:g}},reimbursement:{reimbursementByTabs:{tabsById:w}},zeniAccounts:{zeniAccountList:{tabsById:T}}}}=t.appLocale.getLocalizedStrings(),f={containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8]),segmentContainerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8])},C=u.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  border-bottom: ${e=>e.hasSubTabs===!0?"none":`1px solid  ${e.theme.colors.grey3}`};
+  justify-content: ${e=>e.isSwitcherLeftAlign===!0?"left":"center"};
+  margin-right: ${e=>e.hasSubTabs===!0?"auto":f.containerMarginRight.valuePx(e.windowSize)};
+  margin-left: ${e=>e.hasSubTabs===!0?"auto":f.containerMarginLeft.valuePx(e.windowSize)};
+`,z=u.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 53px;
+  overflow-x: ${e=>e.hasSubTabs===!0?"auto":"hidden"};
+  margin-left: ${e=>e.hasSubTabs===!0?"initial":"auto"};
+  column-gap: ${e=>e.hasSubTabs!==!0?e.windowSize==="small"?t.Space.sp3:t.Space.sp6:t.Space.sp4};
+
+  margin-left: ${e=>e.hasSubTabs===!0?f.segmentContainerMarginLeft.valuePx(e.windowSize):"0"};
+`,L=u(t.SmallRegular)`
+  display: flex;
+  padding: ${e=>e.isMainTab?"12px":"6px 12px"};
+  white-space: nowrap;
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.isClickDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.isMainTab?"":e.theme.colors.grey3};
+    border-radius: ${e=>e.isMainTab?t.Space.sp0:t.Space.sp1};
+    div {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  background-color: ${e=>e.isSelected&&!e.isMainTab?e.theme.colors.grey3:""};
+  border-radius: ${e=>e.isSelected&&!e.isMainTab?t.Space.sp1:t.Space.sp0};
+`,_=u.div`
+  display: flex;
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.grey1}`};
+  border-radius: ${t.Space.sp12};
+  margin-left: 6px;
+  align-items: center;
+  padding: 0 6px;
+  justify-content: center;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,j=u.div`
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transition: left 0.25s;
+  top: 51px;
+  &.draft {
+    width: 62px;
+    left: 0;
+  }
+  ${e=>e.windowSize==="small"?b.css`
+          &.pending_approval {
+            width: ${e.approvalCount!==0?"120px":"75px"};
+            left: ${e.approvalCount!==0?"20%":"25%"};
+          }
+          &.scheduled {
+            width: ${e.approvalCount!==0?t.Space.sp11:"78px"};
+            left: ${e.approvalCount!==0?"58.5%":"55.5%"};
+          }
+          &.paid {
+            width: ${e.approvalCount!==0?"45px":t.Space.sp6};
+            left: 87%;
+          }
+          &.zeniAccounts {
+            width: ${t.Space.sp12};
+            left: 3%;
+          }
+          &.externalAccounts {
+            width: 120px;
+            left: 56%;
+          }
+          &.achDetails {
+            width: 99px;
+            left: 0%;
+          }
+          &.wireDetails {
+            width: 99px;
+            left: 54%;
+          }
+        `:b.css`
+          &.pending_approval {
+            width: ${e.approvalCount!==0?"112px":"86px"};
+            left: ${e.approvalCount!==0?"24.5%":"25%"};
+          }
+          &.scheduled {
+            width: ${e.approvalCount!==0?"78px":"90px"};
+            left: ${e.approvalCount!==0?"61.5%":"55.5%"};
+          }
+          &.paid {
+            width: ${e.approvalCount!==0?"54px":"45px"};
+            left: ${e.approvalCount!==0?"89%":"88%"};
+          }
+          &.zeniAccounts {
+            width: ${t.Space.sp12};
+            left: 3%;
+          }
+          &.externalAccounts {
+            width: 120px;
+            left: 56%;
+          }
+          &.achDetails {
+            width: 102px;
+            left: 0%;
+          }
+          &.wireDetails {
+            width: 99px;
+            left: 60%;
+          }
+        `}
+`;function B({tabId:e,isSelected:n,approvalCount:i,entity:s,onClick:o}){const a=r=>{switch(r){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return s==="bill_pay"?g[r]:w[r];case"offline":case"awaiting_approval":case"awaiting_my_approval":return g[r];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return w[r];case"wireDetails":case"achDetails":return T[r];default:return""}},p=t.useWindowSizeContext();return c.jsxRuntimeExports.jsxs(L,{onClick:()=>{n===!1&&o(e)},isClickDisabled:!1,isSelected:n,isMainTab:M(e)===!0,windowSize:p,children:[a(e),e==="pending_approval"&&i!==0?c.jsxRuntimeExports.jsx(_,{isSelected:n,children:i}):null]})}function A({tabIds:e,selectedTab:n,entity:i,isSwitcherLeftAlign:s=!1,approvalCount:o,hasSubTabs:a=!1,enablePerformanceTracking:p=!0,onTabSelectedChange:r}){const m=t.useWindowSizeContext(),y=d=>{r(d)};return t.useSentryPerformanceTracking({componentName:`${x(i).toLowerCase()}.${S(n,i).toLowerCase()}`,enabled:p}),c.jsxRuntimeExports.jsx(C,{windowSize:m,hasSubTabs:a,isSwitcherLeftAlign:s,children:c.jsxRuntimeExports.jsxs(z,{windowSize:m,hasSubTabs:a,children:[e.map((d,$)=>c.jsxRuntimeExports.jsx(B,{tabId:d,approvalCount:o,isSelected:n===d,entity:i,onClick:y},$)),c.jsxRuntimeExports.jsx(j,{className:`Slider ${n}`,windowSize:m,approvalCount:o})]})})}const M=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";exports.TabSwitcher=A;exports.entityToTitle=x;exports.tabIdToTitle=S;