@zeniai/web-components 3.16.71 → 3.16.72

package/dist/ChargeCardStatementsPage-Cd0OR-8e.js

@@ -0,0 +1,243 @@
+import { j as t, u as A } from "./vendor-.pnpm-DtFedGku.js";
+import n from "@emotion/styled";
+import { dB as O, u as D, 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-DLKZoZ-i.js";
+import { B as K, b as Q } from "./BoxItem-UAja6M6T.js";
+import { useState as X } from "react";
+import { d as Z } from "./downloadPdf-BcaIC3zY.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 = D(), 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 = D(), { 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(N, { children: /* @__PURE__ */ t.jsx(se, { children: /* @__PURE__ */ t.jsx(R, { 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(N, { children: f[d].map((p, w) => /* @__PURE__ */ t.jsx(
+        R,
+        {
+          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};
+`, N = n.div``, ae = n(H)`
+  margin-left: ${(e) => S.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`, R = 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
+};

package/dist/ChargeCardStatementsPage-D8HrAiyG.cjs

@@ -0,0 +1,60 @@
+"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-DaOROfUT.cjs"),L=require("./BoxItem-BaudR0WD.cjs"),B=require("react"),N=require("./downloadPdf-DmVEoPh5.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/CheckDepositDrawerPage-BRaLcotL.cjs

@@ -0,0 +1,206 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),g=require("react"),r=require("@emotion/styled"),t=require("./index-DaOROfUT.cjs"),Q=require("./SuccessAnimation-BHMpjtKq.cjs"),U="checkDepositDetailPage",m="checkDepositDetails",ee="amount",te="depositTo",oe="source",W="fileIds",F="selectDocument",C=e=>{const c=[];return e.checkFront!=null&&c.push(e.checkFront.fileId),e.checkBack!=null&&c.push(e.checkBack.fileId),{[m]:{[ee]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[oe]:e.checkDepositLocalData.source,[te]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[W]:c,[F]:{front:e.checkFront,back:e.checkBack}}}},S=(e,c)=>`${e}.${c}`,se=e=>`${e}_form`,p={largeLabelWidth:new t.ResponsiveSized(160,160,160),rowContentPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),checkPicRowContentPaddingXAxis:new t.ResponsiveSized(t.sp[3],t.sp[4]),labeleMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[0]),labeleMarginBottom:new t.ResponsiveSized(t.sp[2],t.sp[0]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[3]),labeledFieldPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[0]),labeledFieldPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[2]),labeledFieldPaddingTop:new t.ResponsiveSized(t.sp[3],t.sp[3]),labeledFieldPaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),infoLabelPaddingRight:new t.ResponsiveSized(t.sp[0],t.sp[3]),infoLabelMarginTop:new t.ResponsiveSized(t.sp[1],t.sp[0])},{spendManagement:re,common:B}=t.appLocale.getLocalizedStrings(),i=re.zeniAccounts.zeniAccountList,ae=B.documents;function ie({checkDeposit:e,analytics:c,filesEndPoint:x,openPopup:f,authParams:j,onSaveChangesToLocalStore:k,updateFilesEntity:b,onDeleteFile:$,onEditFileName:w,onCheckDpositClick:v}){const a=t.useWindowSizeContext(),l=e.fetchState,R=t.usePrevious(l),[y,A]=g.useState(!1),[_,E]=g.useState(!1),L=p.largeLabelWidth.value(a),h=o.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:C(e),values:C(e)}),{isValid:Z}=h.formState,I=s=>{const n={amount:{amount:s[m].amount??0,currencyCode:B.currency.currencyCode,currencySymbol:B.currency.currencySymbol},source:s[m].source,depositTo:e.depositAccounts.depositAccounts.find(d=>d.id===s[m].depositTo.selectedOption),fileIds:s[m][W]};k(n)},X=async(s,n)=>{if(s!=null){if(s.includes("source")||s.includes("amount"))return;const d=Object.assign({},n);I(d)}};g.useEffect(()=>{const s=h.watch((n,{name:d})=>{d!=null&&n!=null&&o.defer(()=>X(d,n))});return()=>{s.unsubscribe()}}),g.useEffect(()=>{R==="Completed"&&l==="Not-Started"&&h.reset(C(e))},[R,l,h,e]),g.useEffect(()=>{e.error!=null?E(!0):E(!1)},[e.error]);const Y=h.handleSubmit(()=>{if(Z){c.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const s=h.getValues();I(s),v?.()}}),J=(s,n)=>{if(!s)return null;const d=e.depositAccounts.depositAccounts.find(P=>P.id===s),D=e.depositAccounts.depositAccounts.findIndex(P=>P.id===s);return d?o.jsxRuntimeExports.jsx(pe,{color:t.getAccountsColorMappingFromIndex(D),isSelectedValue:n}):null},K=(s,n)=>{if(!s)return null;const d=e.depositAccounts.depositAccounts.find(D=>D.id===s);return d?n===!0?o.jsxRuntimeExports.jsx(de,{children:d?.maskedAccountNumber}):o.jsxRuntimeExports.jsxs(ce,{children:[o.jsxRuntimeExports.jsx(M,{children:d?.maskedAccountNumber}),o.jsxRuntimeExports.jsx(Ee,{}),o.jsxRuntimeExports.jsx(M,{children:t.amountToString("0,0[.]00",d?.accountBalance?.available)})]}):null};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[_?o.jsxRuntimeExports.jsx(ue,{children:o.jsxRuntimeExports.jsxs(me,{children:[o.jsxRuntimeExports.jsxs(xe,{children:[o.jsxRuntimeExports.jsx(ge,{}),o.jsxRuntimeExports.jsxs(Se,{children:[o.jsxRuntimeExports.jsx(fe,{children:e.error?.title}),o.jsxRuntimeExports.jsx(je,{children:e.error?.message})]})]}),o.jsxRuntimeExports.jsx(he,{children:o.jsxRuntimeExports.jsx(Ce,{"data-testid":t.generateDataTestId("check-deposit-form-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),E(!1)},style:{width:t.Space.sp3,height:t.Space.sp3,color:t.Colors.heroLight}})})]})}):null,o.jsxRuntimeExports.jsx(be,{children:t.amountToString("0,0.[00]",e.checkDepositLocalData.amount)}),o.jsxRuntimeExports.jsx(o.FormProvider,{...h,children:o.jsxRuntimeExports.jsx("form",{id:se(U),onSubmit:Y,children:o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{showAdditionalInfoLabel:!1,label:{label:i.checkDepositDrawer.amountLabel,width:L},formattedTextField:{type:"number",name:S(m,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:i.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),o.jsxRuntimeExports.jsx(T,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{label:{label:i.checkDepositDrawer.sourceLabel,width:L},style:{width:"100%"},text:{type:"text",name:S(m,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:i.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:s=>s!=null}}}),o.jsxRuntimeExports.jsx(T,{}),o.jsxRuntimeExports.jsx(G,{size:a,children:o.jsxRuntimeExports.jsx(ke,{size:a,children:o.jsxRuntimeExports.jsx($e,{label:{label:i.checkDepositDrawer.depositToLabel,width:L,style:{marginLeft:p.labeleMarginLeft.valuePx(a),marginBottom:p.labeleMarginBottom.valuePx(a),marginRight:p.labelMarginRight.valuePx(a)}},style:{paddingTop:p.labeledFieldPaddingTop.valuePx(a),paddingBottom:p.labeledFieldPaddingBottom.valuePx(a),paddingLeft:p.labeledFieldPaddingLeft.valuePx(a),paddingRight:p.labeledFieldPaddingRight.valuePx(a),border:"none",width:"100%",outline:"none",padding:0,display:a==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(a),marginTop:p.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{valueToLogo:(s,n)=>J(s,n),valueToSubLabels:(s,n)=>K(s,n),name:S(m,"depositTo"),placeholder:i.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(s=>({label:s.accountName,value:s.id}))},textAlignment:"right",registerOptions:{required:!0,validate:s=>!!(s!=null&&s.selectedOption)}}})})}),o.jsxRuntimeExports.jsx(T,{}),o.jsxRuntimeExports.jsxs(Re,{size:a,children:[o.jsxRuntimeExports.jsxs(ye,{size:a,children:[o.jsxRuntimeExports.jsx(ne,{children:i.checkDepositDrawer.checkPicLabel}),o.jsxRuntimeExports.jsx(N,{isLast:!1,children:i.checkDepositDrawer.frontSide}),o.jsxRuntimeExports.jsx(t.FileElementWithPhotoPicker,{name:`${S(m,F)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:j,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:t.SizeLimit10MB,placeholderText:a==="small"?i.checkDepositDrawer.uploadDocument:i.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:y,updateFilesEntity:b,onDeleteFile:$,onFileSizeError:s=>A(s),onEditFileName:w,openPopup:f,showPhotoPicker:!0,errorInfoLabel:i.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),o.jsxRuntimeExports.jsx(N,{isLast:!0,children:i.checkDepositDrawer.backSide}),o.jsxRuntimeExports.jsx(t.FileElementWithPhotoPicker,{name:`${S(m,F)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:j,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:t.SizeLimit10MB,placeholderText:a==="small"?i.checkDepositDrawer.uploadDocument:i.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:y,updateFilesEntity:b,onDeleteFile:$,onFileSizeError:s=>A(s),onEditFileName:w,openPopup:f,showPhotoPicker:!0,errorInfoLabel:i.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),o.jsxRuntimeExports.jsx(Le,{children:i.checkDepositDrawer.picGuides.map(s=>o.jsxRuntimeExports.jsxs(De,{children:[o.jsxRuntimeExports.jsx(ve,{}),o.jsxRuntimeExports.jsx(le,{children:s})]},s))})]}),o.jsxRuntimeExports.jsx(Pe,{windowSize:a,children:ae.formatJPGText10MB})]})]})})})]})}const ne=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,le=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin-left: ${t.Space.sp3};
+`,ce=r(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp2};
+`,M=r.div``,de=r.span`
+  margin-left: ${t.Space.sp2};
+`,pe=r(t.SvgZeniBrandCheckingAcc)`
+  min-width: ${e=>e.isSelectedValue?t.Space.sp4:t.Space.sp5};
+  width: ${e=>e.isSelectedValue?t.Space.sp4:t.Space.sp5};
+  height: ${e=>e.isSelectedValue?t.Space.sp4:t.Space.sp5};
+  margin-right: ${t.Space.sp2};
+`,ue=r.div`
+  margin-top: ${t.Space.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,me=r.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  background-color: ${t.Colors.importantLight};
+  border-radius: ${t.Space.sp2};
+`,xe=r.div`
+  display: flex;
+  align-items: flex-start;
+`,he=r.div``,ge=r(t.SvgAlertRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,Se=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.Space.sp2};
+`,fe=r(t.StandardMedium)`
+  color: ${t.Colors.important};
+`,je=r(t.StandardRegular)`
+  color: ${t.Colors.important};
+`,be=r(t.H2Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp5} ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0};
+`,$e=r(t.LabeledSingleSelectPickerField)`
+  border-radius: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+`,we=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+`,T=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,G=r.div`
+  display: flex;
+  flex-direction: "row";
+  padding: ${t.Space.sp2};
+  padding-left: ${e=>p.rowContentPaddingLeft.valuePx(e.size)};
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.theme.colors.background};
+    }
+  }
+  &:focus-within {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+`,Re=r(G)`
+  flex-direction: column;
+  padding: ${t.Space.sp0};
+`,ye=r.div`
+  padding: ${e=>`${t.Space.sp3} ${p.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
+`,ke=r.div`
+  width: 100%;
+  display: flex;
+  flex-grow: ${e=>e.size==="small"?1:0};
+  align-items: flex-start;
+`,N=r(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.Space.sp2};
+  margin-top: ${e=>e.isLast?t.Space.sp3:t.Space.sp0};
+`,ve=r.div`
+  background-color: ${e=>e.theme.colors.hero};
+  border-radius: 50%;
+  border-style: solid;
+  width: 2px;
+  height: 2px;
+  position: absolute;
+  top: 10px;
+`,Ee=r.div`
+  width: ${t.Space.sp1};
+  height: ${t.Space.sp1};
+  min-width: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,Le=r.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${t.Space.sp3} ${t.Space.sp0};
+  margin-bottom: ${t.Space.sp0};
+`,De=r.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,Pe=r(t.ExtraSmallRegular)`
+  margin-top: ${t.Space.sp2};
+  padding: ${t.Space.sp1} ${t.Space.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+  width: 100%;
+  box-sizing: border-box;
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.theme.colors.grey1};
+`,Ce=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Te="checkDepositDetailPage",Fe={NavBarContainerPaddingYAxis:new t.ResponsiveSized(10,t.sp[3])},H=e=>`${e}_form`,z={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),successContentMargin:new t.ResponsiveSized(t.sp[3],t.sp[12])},{spendManagement:Be}=t.appLocale.getLocalizedStrings(),u=Be.zeniAccounts.zeniAccountList,ze=({checkDeposit:e,analytics:c,filesEndPoint:x,authParams:f,onSaveChangesToLocalStore:j,onAnotherTransferClick:k,updateFilesEntity:b,onDeleteFile:$,onEditFileName:w,onCheckDpositClick:v,onDismissClick:a})=>{const l=t.useWindowSizeContext(),[R,y]=g.useState(!1);return o.jsxRuntimeExports.jsx(Ne,{windowSize:l,children:e.fetchState==="Completed"?o.jsxRuntimeExports.jsxs(q,{windowSize:l,children:[o.jsxRuntimeExports.jsx(O,{windowSize:l,children:o.jsxRuntimeExports.jsx(V,{"data-testid":t.generateDataTestId("check-deposit-drawer-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),a?.()}})}),o.jsxRuntimeExports.jsxs(Ve,{windowSize:l,children:[o.jsxRuntimeExports.jsx(Q.SuccessAnimation,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),o.jsxRuntimeExports.jsxs(qe,{children:[u.checkDepositDrawer.transferSuccessMsgPrefix,o.jsxRuntimeExports.jsx(Me,{children:t.amountToString("0,0.[00]",e.checkDepositLocalData.amount)}),u.checkDepositDrawer.transferSuccessMsgSuffix]}),o.jsxRuntimeExports.jsxs(Oe,{children:[o.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:u.checkDepositDrawer.makeAnotherTransferBtn,onClick:k,"data-testid":t.generateDataTestId("check-deposit-drawer-another-transfer")}),o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:u.checkDepositDrawer.goToAccountBtn,onClick:a,style:{marginLeft:l==="small"?t.Space.sp3:t.Space.sp5},"data-testid":t.generateDataTestId("check-deposit-drawer-go-to-account")})]})]})]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(q,{windowSize:l,children:[o.jsxRuntimeExports.jsx(O,{windowSize:l,children:o.jsxRuntimeExports.jsx(V,{"data-testid":t.generateDataTestId("check-deposit-drawer-close"),onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),a?.()}})}),l==="small"?o.jsxRuntimeExports.jsx(We,{windowSize:l,children:u.checkDepositDrawer.title}):o.jsxRuntimeExports.jsx(Ge,{children:u.checkDepositDrawer.title}),l==="small"?o.jsxRuntimeExports.jsx(Ie,{children:u.checkDepositDrawer.subTitle}):o.jsxRuntimeExports.jsx(Ae,{children:u.checkDepositDrawer.subTitle}),o.jsxRuntimeExports.jsx(ie,{analytics:c,authParams:f,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:j,openPopup:y,onCheckDpositClick:v,onDeleteFile:$,onEditFileName:w,updateFilesEntity:b})]}),o.jsxRuntimeExports.jsx(t.Footer,{formId:H(Te),helperText:u.checkDepositDrawer.footNote,helperStyle:{paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0},style:{zIndex:R?0:4,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp3},primaryBtn:{label:u.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:u.checkDepositDrawer.cancelBtn,onClick:()=>{c.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),a?.()}}})]})})},Ae=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ie=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Me=r(t.LargeMedium)`
+  display: inline;
+`,Ne=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,qe=r(t.LargeRegular)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,q=r.div`
+  height: ${e=>e.windowSize==="small"?"auto":"100%"};
+  padding-left: ${e=>`${z.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${z.containerPaddingRight.valuePx(e.windowSize)}`};
+`,Oe=r.div`
+  display: flex;
+  justify-content: center;
+  margin-top: ${t.Space.sp7};
+`,Ve=r.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${t.Space.sp0} ${z.successContentMargin.valuePx(e.windowSize)} `};
+  align-items: center;
+`,O=r.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${t.Space.sp0};
+  padding: ${e=>`${Fe.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,V=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,We=r(t.H5Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp0};
+  margin-right: ${t.Space.sp3};
+`,Ge=r(t.H5Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.Space.sp3};
+`;exports.default=ze;exports.uniqueFormName=H;