@zeniai/web-components 3.16.80 → 3.16.81

package/dist/ZeniAccountSetupPage-NDzdHEb2.js

@@ -1,309 +0,0 @@
-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-DtFedGku.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, hH as Ie, gn as ze, hI as Oe, eP as Ve, ap as ke, S as Fe, hK as Re, D as a, p as We } from "./index-CTjYJrsF.js";
-import { U as He } from "./UploadAdditionalDocumentOverlay-BqO1S9_p.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: I } = L, { setUp: z } = U, Qe = ({
-  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, h] = ve(!1), {
-    fetchState: m,
-    companyBillPayInfo: O,
-    isRefreshingViewInBackground: le,
-    updateStatus: r,
-    accountUpdateStatus: re,
-    plaidConnectionDetails: ue,
-    allBankAccounts: de,
-    companyZeniAccountInfo: pe,
-    selectedCompanyOfficer: i,
-    primaryFundingAccount: f,
-    allFundingAccounts: V
-  } = p, k = W(m), b = W(r.fetchState), j = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: Pe(
-      () => _(p),
-      [p]
-    ),
-    values: _(p)
-  }), fe = j.handleSubmit((g) => {
-    l.trackEnableZeniAccounts(), Z();
-  }), he = async (g, v) => {
-    const n = v[C];
-    if (g.includes(C)) {
-      if (g.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" && h(!0), y && k === "In-Progress" && m === "Completed" && h(!1);
-  }, [i, m, k]), P(() => {
-    const g = j.watch((v, { name: n }) => {
-      n != null && v != null && ye(() => he(n, v));
-    });
-    return () => {
-      g.unsubscribe();
-    };
-  }), P(() => {
-    b === "In-Progress" && r.fetchState === "Completed" && x();
-  }, [x, b, r.fetchState]);
-  const A = pe?.isZeniAccountEnabled === !0, T = O?.isBusinessVerified === !0, me = m === "In-Progress" || m === "Not-Started";
-  P(() => {
-    b === "In-Progress" && r.fetchState === "Completed" && x();
-  }, [x, b, r.fetchState]);
-  const ge = T ? U.setUp.setupVerifiedSubTitle : I.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" ? h(!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: () => h(!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: () => h(!1),
-            onCompanyOfficerUpdated: ae,
-            onSendForVerificationClick: ce
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Te,
-      {
-        title: I.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: ge }),
-      me ? /* @__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(
-          Ie,
-          {
-            onClick: Se,
-            title: z.businessVerificationTitle,
-            subTitle: z.businessVerificationSubTitle,
-            header: z.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(
-          Oe,
-          {
-            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(
-                Ve,
-                {
-                  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(
-      ke,
-      {
-        formId: $(H),
-        primaryBtn: {
-          label: I.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 ${Fe.sp3}`
-        }
-      }
-    ) : null,
-    /* @__PURE__ */ t.jsx(
-      Re,
-      {
-        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(We)`
-  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 {
-  Qe as default,
-  $ as uniqueName
-};

package/dist/ZeniAvatar-Cw7Vb9gd.js

@@ -1,34 +0,0 @@
-import { j as s } from "./vendor-.pnpm-DtFedGku.js";
-import n from "@emotion/styled";
-import { v as i, S as r } from "./index-CTjYJrsF.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-DZ1su6A4.cjs

@@ -1,13 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),s=require("@emotion/styled"),r=require("./index-DyoGf8RV.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-B7ZHNhS8.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),r=require("./index-DyoGf8RV.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/ZeniCopyright-C2Et8K0x.js

@@ -1,9 +0,0 @@
-import { j as e } from "./vendor-.pnpm-DtFedGku.js";
-import { a as r } from "./index-CTjYJrsF.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/ZeniDatePicker-BVrXDRQt.cjs

@@ -1,187 +0,0 @@
-"use strict";const r=require("./vendor-.pnpm-CT-Z_-kn.cjs"),C=require("react"),o=require("@emotion/styled"),d=require("@zeniai/client-epic-state"),t=require("./index-DyoGf8RV.cjs"),D=require("./zeniDatePicker.helpers-CtxQVVUk.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;