@zeniai/web-components 3.16.39 → 3.16.40

package/dist/ChaseOverlay-CxZiC1U_.js

@@ -1,402 +0,0 @@
-import { j as t, C as K } from "./vendor-.pnpm-BZbZ6JJC.js";
-import { useState as y, useEffect as Q } from "react";
-import i from "@emotion/styled";
-import { u as Y, fR as Z, hU as ee, a as te, C as h, B as M, j as d, S as s, R as m, V as oe, p as se, y as ie, M as ne, gf as re, D as a, o as W, ba as U, a1 as ae, fX as ce, G as le, w as de, W as pe } from "./index-tqMNQjSm.js";
-const g = {
-  width: new m(350, 624, 624),
-  height: new m(600, 730, 730),
-  paddingLeft: new m(a[4], a[8], a[8]),
-  paddingRight: new m(a[4], a[7], a[7])
-};
-function Ae(e) {
-  const l = Y(), [, V] = Z(), { isMobileOrTabletScreen: x } = ee(), [$, C] = y(!0), [j, b] = y(!0), [k, T] = y(!1), [I, P] = y(!1), n = te.getLocalizedStrings().commonSetUp.chaseOverlay, _ = n.title, E = n.description, F = () => {
-    window.open(n.chaseVideoUrl, "_blank");
-  }, L = [0, 1, 2, 3], z = (o) => o < L.length - 1, D = (o, r) => {
-    V(o ?? ""), r ? C(!1) : b(!1);
-  }, R = (o) => {
-    o ? T(!0) : P(!0);
-  }, B = (o) => {
-    o ? T(!1) : P(!1);
-  };
-  Q(() => {
-    $ === !1 && setTimeout(() => {
-      C(!0);
-    }, 2e3), j === !1 && setTimeout(() => {
-      b(!0);
-    }, 2e3);
-  }, [$, j]);
-  const H = () => {
-    const o = n.step1;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      /* @__PURE__ */ t.jsx(
-        Ie,
-        {
-          "data-testid": d("chase-overlay-signin-link"),
-          href: n.chaseSigninUrl,
-          target: "_blank",
-          rel: "noreferrer noopener",
-          children: o.text1
-        }
-      ),
-      o.text2,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text3
-      ] }),
-      o.text4,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text5
-      ] }),
-      o.text6
-    ] });
-  }, G = () => {
-    const o = n.step2;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        /* @__PURE__ */ t.jsx(Ce, {}),
-        o.text2
-      ] }),
-      /* @__PURE__ */ t.jsx(be, {}),
-      o.text3
-    ] });
-  }, X = () => {
-    const o = n.step3, r = e.connectedAccountProvider === "stripe" ? o.payeeIdStripe : o.payeeIdUnit;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text2
-      ] }),
-      o.text3,
-      /* @__PURE__ */ t.jsxs(Pe, { children: [
-        /* @__PURE__ */ t.jsxs(
-          f,
-          {
-            onClick: () => D(r, !0),
-            onMouseOver: () => R(!0),
-            onMouseLeave: () => B(!0),
-            "data-testid": d("copy-payee-id", r),
-            children: [
-              /* @__PURE__ */ t.jsx(S, {}),
-              o.payeeIdTitle,
-              /* @__PURE__ */ t.jsx(v, { children: r }),
-              $ ? /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(
-                  O,
-                  {
-                    showCopyText: k && !x,
-                    windowSize: l,
-                    children: /* @__PURE__ */ t.jsx(N, {})
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  w,
-                  {
-                    shouldDisplay: k && !x,
-                    children: o.copy
-                  }
-                )
-              ] }) : /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(A, {}),
-                /* @__PURE__ */ t.jsx(w, { children: o.copied })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          f,
-          {
-            onClick: () => D(o.payeeName, !1),
-            onMouseOver: () => R(!1),
-            onMouseLeave: () => B(!1),
-            "data-testid": d(
-              "copy-payee-name",
-              o.payeeName
-            ),
-            children: [
-              /* @__PURE__ */ t.jsx(S, {}),
-              o.payeeNameTitle,
-              /* @__PURE__ */ t.jsx(v, { children: o.payeeName }),
-              j ? /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(
-                  O,
-                  {
-                    showCopyText: I && !x,
-                    windowSize: l,
-                    children: /* @__PURE__ */ t.jsx(N, {})
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  w,
-                  {
-                    shouldDisplay: I && !x,
-                    children: o.copy
-                  }
-                )
-              ] }) : /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(A, {}),
-                /* @__PURE__ */ t.jsx(w, { children: o.copied })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(f, { children: [
-          /* @__PURE__ */ t.jsx(p, { children: /* @__PURE__ */ t.jsx(S, {}) }),
-          /* @__PURE__ */ t.jsxs(Le, { children: [
-            o.amountLimitTitle,
-            o.text4,
-            /* @__PURE__ */ t.jsx(v, { children: o.amountLimit }),
-            o.text5
-          ] })
-        ] })
-      ] })
-    ] });
-  }, q = () => {
-    const o = n.step4;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text2
-      ] }),
-      o.text3,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text4
-      ] })
-    ] });
-  }, J = (o) => {
-    switch (o) {
-      case 0:
-        return /* @__PURE__ */ t.jsx(H, {});
-      case 1:
-        return /* @__PURE__ */ t.jsx(G, {});
-      case 2:
-        return /* @__PURE__ */ t.jsx(X, {});
-      default:
-        return /* @__PURE__ */ t.jsx(q, {});
-    }
-  };
-  return /* @__PURE__ */ t.jsx(
-    he,
-    {
-      windowSize: l,
-      role: "presentation",
-      style: { background: h.overlayDark, ...e.style },
-      children: /* @__PURE__ */ t.jsx(K, { onClickAway: () => e.action.onBackClick?.(), children: /* @__PURE__ */ t.jsxs(xe, { windowSize: l, isEditPopup: !1, children: [
-        /* @__PURE__ */ t.jsxs(ze, { children: [
-          /* @__PURE__ */ t.jsx(ye, { children: _ }),
-          /* @__PURE__ */ t.jsx(me, { children: E }),
-          /* @__PURE__ */ t.jsx(je, { children: n.stepsTitle }),
-          /* @__PURE__ */ t.jsx(ue, { windowSize: l, children: L.map((o, r) => /* @__PURE__ */ t.jsxs(ge, { children: [
-            /* @__PURE__ */ t.jsx(Se, { children: z(r) ? r + 1 : /* @__PURE__ */ t.jsx(ke, {}) }),
-            /* @__PURE__ */ t.jsx(ve, { children: J(r) }),
-            z(r) && /* @__PURE__ */ t.jsx(fe, {})
-          ] }, `step_${r}`)) })
-        ] }),
-        /* @__PURE__ */ t.jsx(we, {}),
-        /* @__PURE__ */ t.jsxs($e, { children: [
-          /* @__PURE__ */ t.jsx(
-            M,
-            {
-              variant: "secondary",
-              label: n.primaryButtonText,
-              onClick: F,
-              style: { width: 134, whiteSpace: "nowrap" },
-              "data-testid": d(
-                "chase-overlay-watch-video-button"
-              )
-            }
-          ),
-          /* @__PURE__ */ t.jsx(Te, {}),
-          /* @__PURE__ */ t.jsx(
-            M,
-            {
-              variant: e.proceedButtonVariant ?? "primary",
-              label: n.secondaryButtonText,
-              onClick: e.action.onBackClick,
-              style: { width: 134, whiteSpace: "nowrap" },
-              "data-testid": d("chase-overlay-proceed-button")
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-const he = i.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${h.overlayDark};
-  overflow: scroll;
-`, xe = i.div`
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: center;
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${s.sp2};
-  position: relative;
-  top: ${(e) => e.windowSize !== "small" ? "8%" : "0"};
-  width: ${(e) => g.width.valuePx(e.windowSize)};
-  height: ${(e) => e.windowSize !== "small" ? g.height.valuePx(e.windowSize) : "100%"};
-  padding-left: ${(e) => g.paddingLeft.valuePx(e.windowSize)};
-  padding-right: ${(e) => g.paddingRight.valuePx(e.windowSize)};
-`, ye = i(oe)`
-  margin-top: ${s.sp7};
-  color: ${(e) => e.theme.colors.primary};
-  word-break: break-word;
-  text-align: center;
-`, me = i(se)`
-  color: ${(e) => e.theme.colors.hero};
-  margin-bottom: 30px;
-  margin-top: ${s.sp3};
-  white-space: pre-line;
-  text-align: center;
-`, ge = i.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`, ue = i.div`
-  width: 100%;
-  margin-top: ${s.sp4};
-`, we = i.div`
-  width: 100%;
-  height: 1px;
-  position: absolute;
-  bottom: ${s.sp10};
-  background-color: ${(e) => e.theme.colors.grey3};
-`, $e = i.div`
-  display: flex;
-  padding-bottom: ${s.sp3};
-  padding-top: ${s.sp3};
-  position: absolute;
-  bottom: 0;
-  z-index: 2;
-`, je = i(ie)`
-  text-align: left;
-  width: 100%;
-`, fe = i.div`
-  top: ${s.sp2};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${s.sp3};
-  width: 2px;
-  background: ${(e) => e.theme.colors.grey2};
-`, Se = i.div`
-  width: ${s.sp5};
-  height: ${s.sp5};
-  border: 1px solid ${(e) => e.theme.colors.grey1};
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: 50%;
-  z-index: 1;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: ${ne.bold};
-  color: ${(e) => e.theme.colors.hero};
-`, f = i.div`
-  display: flex;
-  align-items: center;
-  color: ${(e) => e.theme.colors.primary};
-`, ve = i.div`
-  padding-bottom: ${s.sp4};
-  margin-left: ${s.sp6};
-`, u = i(W)`
-  color: ${(e) => e.theme.colors.hero};
-`, Ce = i(de)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-`, be = i(pe)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-  vertical-align: middle;
-`, ke = i(re)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`, S = i(U)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-  margin-right: ${s.sp2};
-  color: ${h.success};
-`, N = i(ce)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  cursor: pointer;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, A = i(U)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${h.success};
-`, p = i.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex-direction: column;
-  justify-content: center;
-  align-self: flex-start;
-  margin-top: ${s.sp2};
-`, O = i.div`
-  display: flex;
-  align-items: center;
-  color: ${(e) => e.showCopyText ? e.theme.colors.primary : e.theme.colors.grey1};
-`, w = i(le)`
-  position: absolute;
-  left: ${s.sp4};
-  display: ${(e) => e.shouldDisplay === !1 ? "none" : "inline-flex"};
-  padding: 2px ${s.sp2};
-  justify-content: center;
-  align-items: center;
-  border-radius: ${s.sp1};
-  background: ${h.overlayDark};
-  color: ${(e) => e.theme.colors.grey1};
-`, Te = i.div`
-  width: ${s.sp4};
-`, Ie = i.a`
-  color: ${(e) => e.theme.colors.hero};
-  text-decoration: underline;
-  text-decoration-color: ${(e) => e.theme.colors.grey2};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    text-decoration-color: ${(e) => e.theme.colors.primary};
-  }
-`, c = i(W)`
-  color: ${(e) => e.theme.colors.primary};
-  border-radius: ${s.sp1};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  background: ${(e) => e.theme.colors.background};
-  padding: 2px ${s.sp1};
-  align-items: center;
-  justify-content: center;
-`, v = i(ae)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-`, Pe = i.div`
-  display: flex;
-  flex-direction: column;
-`, Le = i.div``, ze = i.div`
-  margin-bottom: 74px;
-  overflow: scroll;
-`;
-export {
-  Ae as C
-};

package/dist/CheckDepositDrawerPage-Dahv_Htm.cjs

@@ -1,206 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),g=require("react"),r=require("@emotion/styled"),t=require("./index-BOnRXllM.cjs"),Q=require("./SuccessAnimation-DcVd_L32.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;