@zeniai/web-components 3.16.33 → 3.16.34

package/dist/ZeniAccountSetupPage-BOwiGnM-.js

@@ -0,0 +1,312 @@
+import { u as xe, g as we, h as ye, b as R, j as t, D as be, F as Ae } from "./vendor-.pnpm-DxbX2tX4.js";
+import { useState as ve, useMemo as Pe, useEffect as P } from "react";
+import S from "@emotion/styled";
+import { u as Ce, aD as W, a as De, C as je, R as d, aE as Te, A as Be, gl as ze, eN as Ie, ap as Oe, S as Ve, D as a, p as ke } from "./index-rO5GHlOg.js";
+import { H as Fe } from "./HelpButton-BaJhgb0U.js";
+import { S as Re } from "./SetUpDefaultSection-DAYmX0ZV.js";
+import { S as We } from "./SpendMgmtSetupAccountSection-S-3M9Tex.js";
+import { U as He } from "./UploadAdditionalDocumentOverlay-jDJV9q65.js";
+const s = {
+  titleWidth: new d(343, 580, 726, 826),
+  setupDetailsRowGap: new d(12, a[5], a[5]),
+  sectionRowGap: new d(a[5], a[9], a[9]),
+  iconWidthHeight: new d(20, a[4]),
+  subTitlePaddingTop: new d(12, a[3]),
+  subTitlePaddingBottom: new d(a[3], a[3]),
+  overlayWidth: new d(100, 100, 59)
+}, H = "zeniAccountSetUpPage", C = "payAccount", { common: _e, commonSetUp: U, spendManagement: $e } = De.getLocalizedStrings(), { zeniAccounts: L } = $e, { zeniAccountSetUp: z } = L, { setUp: I } = U, et = ({
+  isDisabled: e,
+  meetingUrl: D,
+  zeniAccountSetUpView: p,
+  analytics: l,
+  connectedAccountProvider: c,
+  filesEndPoint: q,
+  authParams: M,
+  accountsPromoConfig: N,
+  onFetchLinkTokenClick: E,
+  onBackClick: G,
+  onEnableZeniAccountClick: Z,
+  onUpdatePrimaryFundingAccount: J,
+  onUpdateZeniAccountClick: K,
+  onBusinessVerificationSectionClick: Q,
+  onUpdatePaymentAccountStatus: X,
+  onUpdatePaymentAccountLoginStatus: Y,
+  onEstablishConnectionClick: ee,
+  onEstablishConnectionSuccess: te,
+  onClickMenuIcon: ne,
+  onEnableZeniAccountSuccess: x,
+  onEditFileName: oe,
+  onDeleteFile: ie,
+  updateFilesEntity: se,
+  onCompanyOfficerUpdated: ae,
+  onSendForVerificationClick: ce
+}) => {
+  const w = xe(), o = Ce(), [y, m] = ve(!1), {
+    fetchState: g,
+    companyBillPayInfo: O,
+    isRefreshingViewInBackground: le,
+    updateStatus: r,
+    accountUpdateStatus: re,
+    plaidConnectionDetails: ue,
+    allBankAccounts: de,
+    companyZeniAccountInfo: pe,
+    selectedCompanyOfficer: i,
+    primaryFundingAccount: f,
+    allFundingAccounts: V
+  } = p, k = W(g), b = W(r.fetchState), j = we({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: Pe(
+      () => _(p),
+      [p]
+    ),
+    values: _(p)
+  }), fe = j.handleSubmit((h) => {
+    l.trackEnableZeniAccounts(), Z();
+  }), me = async (h, v) => {
+    const n = v[C];
+    if (h.includes(C)) {
+      if (h.includes("fundingAccount")) {
+        if (n.fundingAccount.selectedOption != null && f?.id != n.fundingAccount.selectedOption) {
+          const u = V.find(
+            (B) => B.id === n.fundingAccount.selectedOption
+          );
+          u != null && J(
+            n.fundingAccount.selectedOption,
+            u.accType
+          );
+        }
+      } else if (n.account.selectedOption != null && f?.id != null && f?.zeniAccountId != n.account.selectedOption) {
+        const u = n.account.allOptions.find(
+          (B) => B.value === n.account.selectedOption
+        );
+        u != null && typeof u.label == "string" && l.trackConnectBankLink(
+          u.value,
+          u.label,
+          "zeni_accounts"
+        ), K(
+          n.account.selectedOption,
+          f.id,
+          f.accType
+        );
+      }
+    }
+  };
+  P(() => {
+    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
+      "social_security_card"
+    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" && m(!0), y && k === "In-Progress" && g === "Completed" && m(!1);
+  }, [i, g, k]), P(() => {
+    const h = j.watch((v, { name: n }) => {
+      n != null && v != null && ye(() => me(n, v));
+    });
+    return () => {
+      h.unsubscribe();
+    };
+  }), P(() => {
+    b === "In-Progress" && r.fetchState === "Completed" && x();
+  }, [x, b, r.fetchState]);
+  const A = pe?.isZeniAccountEnabled === !0, T = O?.isBusinessVerified === !0, ge = g === "In-Progress" || g === "Not-Started";
+  P(() => {
+    b === "In-Progress" && r.fetchState === "Completed" && x();
+  }, [x, b, r.fetchState]);
+  const he = T ? U.setUp.setupVerifiedSubTitle : z.setupSubTitle, F = w.mode === "light" ? new R(w.colors.brandColorJadeLight) : new R(w.colors.brandColorJadeDark), Se = () => {
+    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
+      "social_security_card"
+    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" ? m(!0) : Q?.();
+  };
+  return /* @__PURE__ */ t.jsxs(Le, { children: [
+    /* @__PURE__ */ t.jsx(
+      be,
+      {
+        anchor: "right",
+        PaperProps: {
+          style: {
+            width: s.overlayWidth.valuePercentage(o),
+            boxShadow: "none"
+          }
+        },
+        open: y,
+        onClose: () => m(!1),
+        style: { backgroundColor: je.drawerBackground },
+        transitionDuration: 250,
+        children: /* @__PURE__ */ t.jsx(
+          He,
+          {
+            authParams: M,
+            filesEndPoint: q,
+            updateStatus: r,
+            onEditFileName: oe,
+            onDeleteFile: ie,
+            updateFilesEntity: se,
+            companyOfficer: i,
+            onClose: () => m(!1),
+            onCompanyOfficerUpdated: ae,
+            onSendForVerificationClick: ce
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Te,
+      {
+        title: z.setupTitle,
+        backgroundColor: w.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: G,
+        showMenuIcon: !A && (o === "medium-compact" || o === "small"),
+        onClickMenuIcon: ne,
+        source: "ZeniAccountSetupPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(Ue, { windowSize: o, children: [
+      /* @__PURE__ */ t.jsx(qe, { windowSize: o, children: he }),
+      ge ? /* @__PURE__ */ t.jsx(Me, { children: /* @__PURE__ */ t.jsx(Be, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(Ae, { ...j, children: /* @__PURE__ */ t.jsx("form", { id: $(H), onSubmit: fe, children: /* @__PURE__ */ t.jsxs(Ne, { windowSize: o, children: [
+        /* @__PURE__ */ t.jsx(
+          Re,
+          {
+            onClick: Se,
+            title: I.businessVerificationTitle,
+            subTitle: I.businessVerificationSubTitle,
+            header: I.businessVerificationHeader,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                ze,
+                {
+                  width: s.iconWidthHeight.valuePx(o),
+                  height: s.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: F
+            },
+            status: O?.businessVerificationStatus,
+            isLoading: le,
+            isActiveWhileLoading: !0
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          We,
+          {
+            connectedAccountProvider: c,
+            plaidConnectionDetails: ue,
+            allBankAccounts: de,
+            sectionId: C,
+            isDisabled: e,
+            header: L.accountSectionHeader,
+            onFetchLinkTokenClick: E,
+            onEstablishConnectionClick: ee,
+            onUpdatePaymentAccountStatus: X,
+            onUpdatePaymentAccountLoginStatus: Y,
+            onEstablishConnectionSuccess: te,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                Ie,
+                {
+                  width: s.iconWidthHeight.valuePx(o),
+                  height: s.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: F
+            },
+            analytics: l,
+            productType: "zeni_accounts",
+            primaryFundingAccount: f,
+            isAccountsEnabled: A,
+            allFundingAccounts: V,
+            pageName: "Zeni Account Setup",
+            accountsPromoConfig: N
+          }
+        )
+      ] }) }) })
+    ] }),
+    T && !A ? /* @__PURE__ */ t.jsx(
+      Oe,
+      {
+        formId: $(H),
+        primaryBtn: {
+          label: z.enableAccounts,
+          style: {
+            width: "auto",
+            minWidth: o === "small" ? "auto" : "181px"
+          },
+          isLoading: r.fetchState === "In-Progress" || re.fetchState === "In-Progress",
+          isDisabled: e != null
+        },
+        showCancel: !1,
+        cancelBtn: { label: _e.strings.empty },
+        style: {
+          padding: `12px ${Ve.sp3}`
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ t.jsx(
+      Fe,
+      {
+        isFooterRendered: T && !A,
+        meetingUrl: D,
+        analytics: l,
+        productType: "zeni_accounts"
+      }
+    )
+  ] });
+}, _ = (e) => {
+  const { allBankAccounts: D, allFundingAccounts: p, primaryFundingAccount: l } = e;
+  return {
+    [C]: {
+      fundingAccount: {
+        selectedOption: l?.id,
+        allOptions: p.map((c) => ({
+          label: c.label,
+          value: c.id,
+          isRecommended: c.accType === "depositAccount"
+        }))
+      },
+      account: {
+        selectedOption: l?.zeniAccountId,
+        allOptions: D.map((c) => ({
+          label: c.accountName,
+          value: c.accountId
+        }))
+      }
+    }
+  };
+}, Ue = S.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${(e) => s.setupDetailsRowGap.valuePx(e.windowSize)};
+`, Le = S.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, qe = S(ke)`
+  color: ${(e) => e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${(e) => s.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${(e) => s.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${(e) => s.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${(e) => e.windowSize === "small" ? "initial" : "center"};
+`, Me = S.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, Ne = S.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(e) => s.sectionRowGap.valuePx(e.windowSize)};
+`, $ = (e) => `${e}_form`;
+export {
+  et as default,
+  $ as uniqueName
+};

package/dist/ZeniAvatar-B8vUwPS7.js

@@ -0,0 +1,34 @@
+import { j as s } from "./vendor-.pnpm-DxbX2tX4.js";
+import n from "@emotion/styled";
+import { v as i, S as r } from "./index-rO5GHlOg.js";
+import { S as a } from "./avatar-Dz7aEm3d.js";
+const h = n.img`
+  height: ${r.sp8};
+  width: ${r.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${(o) => o.theme.colors.hero};
+`, l = n(a)`
+  height: ${r.sp8};
+  width: ${r.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${(o) => o.theme.colors.hero};
+`;
+function d({ personBasic: o, styles: t }) {
+  return o?.photo != null ? /* @__PURE__ */ s.jsx(
+    h,
+    {
+      src: o.photo.toString(),
+      alt: o.userId,
+      style: { ...t },
+      onError: ({ currentTarget: e }) => {
+        e.onerror = null, e.src = i;
+      },
+      loading: "lazy"
+    }
+  ) : /* @__PURE__ */ s.jsx(l, { style: { ...t } });
+}
+export {
+  d as Z
+};

package/dist/ZeniAvatar-BDhKE2jX.cjs

@@ -0,0 +1,13 @@
+"use strict";const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),s=require("@emotion/styled"),r=require("./index-B3YgZKlu.cjs"),i=require("./avatar-D-486uIp.cjs"),c=s.img`
+  height: ${r.Space.sp8};
+  width: ${r.Space.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${t=>t.theme.colors.hero};
+`,a=s(i.SvgAvatar)`
+  height: ${r.Space.sp8};
+  width: ${r.Space.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${t=>t.theme.colors.hero};
+`;function u({personBasic:t,styles:e}){return t?.photo!=null?n.jsxRuntimeExports.jsx(c,{src:t.photo.toString(),alt:t.userId,style:{...e},onError:({currentTarget:o})=>{o.onerror=null,o.src=r.AvatarSVG},loading:"lazy"}):n.jsxRuntimeExports.jsx(a,{style:{...e}})}exports.ZeniAvatar=u;

package/dist/ZeniCopyright-DkcWuMgx.js

@@ -0,0 +1,9 @@
+import { j as e } from "./vendor-.pnpm-DxbX2tX4.js";
+import { a as r } from "./index-rO5GHlOg.js";
+function i() {
+  const t = (/* @__PURE__ */ new Date()).getFullYear(), n = r.getLocalizedStrings().common.zeniIncText.replace("__year__", t.toString());
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
+}
+export {
+  i as Z
+};

package/dist/ZeniCopyright-cVQ7cvkM.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./vendor-.pnpm-B6vI-hvj.cjs"),r=require("./index-B3YgZKlu.cjs");function i(){const n=new Date().getFullYear(),t=r.appLocale.getLocalizedStrings().common.zeniIncText.replace("__year__",n.toString());return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t})}exports.ZeniCopyright=i;

package/dist/ZeniDatePicker-BcUByh5Q.cjs

@@ -0,0 +1,187 @@
+"use strict";const r=require("./vendor-.pnpm-B6vI-hvj.cjs"),C=require("react"),o=require("@emotion/styled"),d=require("@zeniai/client-epic-state"),t=require("./index-B3YgZKlu.cjs"),D=require("./zeniDatePicker.helpers-C0nkqnio.cjs"),_=o(t.StandardRegularBtn)`
+  border: none;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: 105px;
+  text-align: start;
+  padding: 0;
+  cursor: pointer;
+`,L=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+  fill: ${e=>e.theme.colors.grey1};
+`,z=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,O=o(t.StandardRegular)`
+  display: flex;
+  align-items: center;
+`,k=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,v=o(t.SvgArrowFilledBottom)`
+  width: 12px;
+  height: 12px;
+`,A=({datePickerOpen:e,showBusinessDay:$,selectedDate:g,placeHolder:y,style:j,inputStyles:{titleTextComponent:f}={},dateFormat:h,value:m,precomputedOptionsProperties:s,onDatePickerToggle:u,onClick:i})=>{if(s!=null){const{preComputedOptionSelected:x,preComputedOptions:n,preComputedOptionDateFormat:c}=s,S=n.find(l=>l.value===x);if(S!=null)return r.jsxRuntimeExports.jsxs(k,{onClick:l=>{l.preventDefault(),i?.(),u(!e)},children:[r.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:`${t.appLocale.getLocalizedStrings().common.asOf} ${S.label}`}),r.jsxRuntimeExports.jsx(v,{})]});const{visual:{DMMMYYFormat:R}}=t.appLocale.getLocalizedStrings().dateFormat;return r.jsxRuntimeExports.jsxs(k,{onClick:l=>{l.preventDefault(),i?.(),u(!e)},children:[r.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:`${t.appLocale.getLocalizedStrings().common.asOf} ${g?.date.format(c??R)}`}),r.jsxRuntimeExports.jsx(v,{})]})}const p=f??t.StandardRegularSp;return r.jsxRuntimeExports.jsx(_,{onClick:x=>{x.preventDefault(),i?.(),u(!e)},style:j,children:m?r.jsxRuntimeExports.jsx(p,{children:$===!0?`${t.appLocale.getLocalizedStrings().common.datePicker.businessDay} ${g?.businessDay??""}: ${d.zeniDate(m).format(h)}`:d.zeniDate(m).format(h)}):y??r.jsxRuntimeExports.jsxs(L,{children:[r.jsxRuntimeExports.jsx(z,{children:r.jsxRuntimeExports.jsx(t.SvgAddRound,{width:t.Space.sp3,height:t.Space.sp3})}),r.jsxRuntimeExports.jsx(O,{children:t.appLocale.getLocalizedStrings().cockpit.management.placeholder.reportSent})]})})},P=o.div`
+  display: flex;
+  flex-direction: column;
+`,F=o.div`
+  margin: ${t.Space.sp1} 12px ${t.Space.sp1} ${t.Space.sp1};
+  display: flex;
+  justify-content: space-between;
+`,M=o(t.SvgTick)`
+  width: 12px;
+  height: 12px;
+`,H=o(t.StandardRegular)`
+  display: flex;
+  justify-content: center;
+  color: currentColor;
+  .react-datepicker-wrapper {
+    width: unset;
+  }
+  .react-datepicker-popper {
+    z-index: 2;
+    border-radius: ${t.Space.sp1};
+    &[data-placement^="bottom"] {
+      padding-top: 6px;
+    }
+  }
+  .react-datepicker {
+    border-radius: ${t.Space.sp1};
+    box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+    border: 1px solid ${e=>e.theme.colors.grey5};
+    display: flex;
+    flex-direction: column;
+    > div {
+      display: flex;
+    }
+  }
+  .react-datepicker__input-container {
+    height: ${t.Space.sp4};
+    display: flex;
+    align-content: center;
+    align-items: center;
+    > button {
+      padding: ${t.Space.sp0};
+      color: currentColor;
+      background-color: ${e=>e.theme.colors.grey5};
+      ${t.textStyles.extraSmallRegular.css};
+      border: none;
+      outline: none;
+      ::placeholder {
+      }
+    }
+  }
+  .react-datepicker__month-container {
+    background-color: ${e=>e.theme.colors.grey5};
+    display: flex;
+    flex-direction: column;
+  }
+  .react-datepicker__header {
+    border: none;
+    background-color: ${e=>e.theme.colors.grey5};
+    padding: ${t.Space.sp1} ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp0};
+  }
+  .react-datepicker__day-names {
+    margin: ${t.Space.sp0};
+    display: flex;
+    justify-content: center;
+  }
+  .react-datepicker__day-name {
+    color: ${e=>e.theme.colors.hero};
+    ${t.textStyles.smallRegular.css};
+    width: ${t.Space.sp5};
+    padding: 5px 0;
+    margin: 0 1px;
+  }
+  .react-datepicker__month {
+    color: ${e=>e.theme.colors.hero};
+    padding: ${t.Space.sp1} ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp2};
+    margin: ${t.Space.sp0};
+  }
+  .react-datepicker__week {
+    display: flex;
+  }
+  .react-datepicker__day {
+    ${t.textStyles.smallRegular.css};
+    color: ${e=>e.theme.colors.hero};
+    width: ${t.Space.sp5};
+    padding: 5px 0;
+    margin: 0 1px;
+    display: flex;
+    justify-content: center;
+    cursor: pointer;
+    background-color: unset;
+
+    &:hover {
+      background-color: ${e=>e.theme.colors.primary};
+      color: ${e=>e.theme.colors.grey5};
+    }
+  }
+  .react-datepicker__day--selected {
+    background-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.grey5};
+    display: flex;
+    justify-content: center;
+  }
+  .react-datepicker__day--disabled {
+    cursor: auto;
+    color: ${e=>e.theme.colors.grey3};
+    &:hover {
+      color: ${e=>e.theme.colors.grey3};
+      background-color: transparent;
+    }
+  }
+  .react-datepicker__day--outside-month {
+    visibility: hidden;
+  }
+`,E=o.button`
+  border: none;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.champion};
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  cursor: pointer;
+  :not(:disabled) {
+    :hover {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:disabled {
+    cursor: auto;
+    color: ${e=>e.theme.colors.grey3};
+  }
+`,q=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,B=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-bottom: ${t.Space.sp1};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  margin-bottom: 12px;
+`,I=o.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${t.Space.sp2};
+  align-items: center;
+  cursor: pointer;
+  background: ${e=>e.isSelected?e.theme.colors.background:"unset"};
+  &:hover {
+    background: ${e=>e.theme.colors.background};
+  }
+`,W=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,T=t.appLocale.getLocalizedStrings().dateFormat.visual.DMMMFormat,V=({selectedDate:e,showBusinessDay:$=!1,maxDate:g,minDate:y,dateFormat:j=T,style:f,inputStyles:h,placeHolder:m,precomputedOptionsProperties:s,onSelectedDateChanged:u})=>{const[i,p]=C.useState(!1),x=t.appLocale.getLocalizedStrings().dateFormat.visual.MMMformat;return r.jsxRuntimeExports.jsx(r.ClickAwayListener,{onClickAway:()=>{p(!1)},children:r.jsxRuntimeExports.jsx(H,{children:r.jsxRuntimeExports.jsx(r.er,{open:i,selected:e?.date?.toDate(),maxDate:g?.toDate(),minDate:y?.toDate(),onSelect:(n,c)=>{c?.stopPropagation(),p(!1)},onChange:n=>{if(n!=null){const c=d.zeniDate(n.toISOString());u(c,d.getBusinessDayOfDate(c))}},customInput:r.jsxRuntimeExports.jsx(A,{datePickerOpen:i,showBusinessDay:$,onDatePickerToggle:p,placeHolder:m,selectedDate:e,dateFormat:j,style:f,precomputedOptionsProperties:s,inputStyles:h}),renderCustomHeader:({date:n,decreaseMonth:c,increaseMonth:S,prevMonthButtonDisabled:R,nextMonthButtonDisabled:l})=>r.jsxRuntimeExports.jsxs(P,{children:[s!=null?r.jsxRuntimeExports.jsx(B,{children:s.preComputedOptions.map(a=>{const b=s.preComputedOptionSelected===a.value,w=D.getPreComputedOptionValue(a.value);return r.jsxRuntimeExports.jsxs(I,{onClick:()=>{p(!1),s.onPreComputedOptionSelected(w,a.value)},isSelected:b,children:[r.jsxRuntimeExports.jsx(W,{children:a.label}),r.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:b===!0,children:r.jsxRuntimeExports.jsx(M,{})})]},a.value)})}):null,r.jsxRuntimeExports.jsxs(F,{children:[r.jsxRuntimeExports.jsx(E,{onClick:a=>{a.preventDefault(),c()},disabled:R,children:r.jsxRuntimeExports.jsx(Y,{})}),r.jsxRuntimeExports.jsx(q,{children:`${d.zeniDate(n.toISOString()).format(x)} ${d.zeniDate(n.toISOString()).year()}`}),r.jsxRuntimeExports.jsx(E,{onClick:a=>{a.preventDefault(),S()},disabled:l,children:r.jsxRuntimeExports.jsx(Z,{})})]})]}),showPopperArrow:!1})})})},Y=o(t.SvgArrowLeft)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Z=o(t.SvgArrowRight)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`;exports.ZeniDatePicker=V;