@zeniai/web-components 3.16.29 → 3.16.31

package/dist/ReviewOverlay-k7Yv6cPl.js

@@ -0,0 +1,299 @@
+import { j as i } from "./vendor-.pnpm-DxbX2tX4.js";
+import n from "@emotion/styled";
+import { u as L, j as p, S as t, ap as k, R as d, b as P, av as E, K as M, C as s, p as y, aa as B, A as W, G as S, eE as D, D as r, bc as F, ba as G, j$ as A } from "./index-BcmM9nFj.js";
+import { S as H } from "./loader-BwDk7JSW.js";
+const l = {
+  containerMarginTop: new d(0, r[2]),
+  containerMarginLeft: new d(r[3], r[8]),
+  containerMarginRight: new d(r[3], r[8]),
+  subTitleMarginBottom: new d(r[2], r[2]),
+  titleMarginBotom: new d(r[0], r[2]),
+  titleMarginRight: new d(r[0], r[3]),
+  customTitleFont: new d(r[4], r[5]),
+  navBarHeight: new d(62, 62, 62),
+  navBarPaddingLeft: new d(r[3], r[3], r[8]),
+  navBarPaddingRight: new d(r[3], r[3], r[8])
+}, N = {
+  title: new E("h6Regular", "h5Regular")
+}, ue = ({
+  title: e,
+  description: x,
+  reviewItems: j,
+  showFooter: b,
+  footerProps: { primaryButton: T, cancelButton: C, hideCancel: R },
+  onCloseOverlay: I,
+  onCloseReviewItem: z
+}) => {
+  const a = L();
+  return /* @__PURE__ */ i.jsxs(J, { children: [
+    /* @__PURE__ */ i.jsx(Y, { windowSize: a, children: /* @__PURE__ */ i.jsx(Z, { children: /* @__PURE__ */ i.jsx(_, { windowSize: a, children: /* @__PURE__ */ i.jsx(ee, { children: /* @__PURE__ */ i.jsx(
+      ie,
+      {
+        onClick: I,
+        "data-testid": p("review-overlay-close", e)
+      }
+    ) }) }) }) }),
+    /* @__PURE__ */ i.jsxs(K, { windowSize: a, children: [
+      /* @__PURE__ */ i.jsxs(q, { windowSize: a, children: [
+        /* @__PURE__ */ i.jsx(Q, { children: /* @__PURE__ */ i.jsx(U, { windowSize: a, children: e }) }),
+        /* @__PURE__ */ i.jsx(
+          V,
+          {
+            isError: x.isError,
+            windowSize: a,
+            children: x.content
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx(X, { windowSize: a, children: j.map((o) => {
+        const h = o.reviewStatus.code === "error", c = o.reviewStatus.code === "warning" || o.reviewStatus.code === "low-balance";
+        return /* @__PURE__ */ i.jsxs(
+          te,
+          {
+            isLoading: !1,
+            isActive: !0,
+            isWarning: c,
+            isError: h,
+            children: [
+              c ? /* @__PURE__ */ i.jsx(
+                ce,
+                {
+                  onClick: () => z(o.id),
+                  "data-testid": p("review-close", o.id)
+                }
+              ) : null,
+              /* @__PURE__ */ i.jsxs(ne, { children: [
+                /* @__PURE__ */ i.jsxs(re, { children: [
+                  /* @__PURE__ */ i.jsx(de, { children: O(o) }),
+                  /* @__PURE__ */ i.jsxs(oe, { children: [
+                    /* @__PURE__ */ i.jsxs(m, { children: [
+                      /* @__PURE__ */ i.jsx(
+                        w,
+                        {
+                          style: { marginLeft: t.sp2 },
+                          isWarning: c,
+                          isError: h,
+                          children: o.leftSideText.title
+                        }
+                      ),
+                      /* @__PURE__ */ i.jsx(w, { isWarning: c, isError: h, children: o.rightSideText.title })
+                    ] }),
+                    /* @__PURE__ */ i.jsxs(m, { children: [
+                      /* @__PURE__ */ i.jsx(se, { style: { marginLeft: t.sp2 }, children: o.leftSideText.subTitle }),
+                      a !== "small" ? /* @__PURE__ */ i.jsxs(u, { windowSize: a, children: [
+                        /* @__PURE__ */ i.jsx(g, { isError: h, isWarning: c, children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                          o.rightSideText.showThunderIcon === !0 ? /* @__PURE__ */ i.jsx(f, { children: /* @__PURE__ */ i.jsx($, {}) }) : null,
+                          o.rightSideText.subTitle
+                        ] }) }),
+                        /* @__PURE__ */ i.jsx(g, { isWarning: !0, isError: !1, children: o.rightSideText.additonalInfo })
+                      ] }) : null
+                    ] })
+                  ] })
+                ] }),
+                a === "small" ? /* @__PURE__ */ i.jsxs(u, { windowSize: a, children: [
+                  /* @__PURE__ */ i.jsx(
+                    g,
+                    {
+                      style: { marginLeft: t.sp5, marginTop: t.sp0 },
+                      isError: h,
+                      isWarning: c,
+                      children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                        o.rightSideText.showThunderIcon === !0 ? /* @__PURE__ */ i.jsx(f, { children: /* @__PURE__ */ i.jsx($, {}) }) : null,
+                        o.rightSideText.subTitle
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ i.jsx(
+                    g,
+                    {
+                      style: { marginLeft: t.sp5, marginTop: t.sp0 },
+                      isWarning: c,
+                      isError: h,
+                      children: o.rightSideText.additonalInfo
+                    }
+                  )
+                ] }) : null
+              ] })
+            ]
+          },
+          o.id
+        );
+      }) })
+    ] }),
+    b ? /* @__PURE__ */ i.jsx(
+      k,
+      {
+        primaryBtn: T,
+        cancelBtn: C,
+        showCancel: !R
+      }
+    ) : null
+  ] });
+}, O = (e) => e.reviewStatus.isLoading ? /* @__PURE__ */ i.jsx(
+  W,
+  {
+    size: "Small",
+    style: {
+      display: "flex",
+      width: t.sp4,
+      height: t.sp4,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    start: !0
+  }
+) : e.reviewStatus.code === "error" ? /* @__PURE__ */ i.jsx(v, { isError: !0 }) : e.reviewStatus.code === "warning" ? /* @__PURE__ */ i.jsx(v, { isError: !1 }) : e.reviewStatus.code === "valid" ? /* @__PURE__ */ i.jsx(ae, {}) : e.reviewStatus.code === "low-balance" ? /* @__PURE__ */ i.jsx(he, {}) : /* @__PURE__ */ i.jsx(le, {}), J = n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, K = n.div`
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  margin-top: ${(e) => l.containerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${t.sp8};
+`, q = n.div`
+  position: sticky;
+  top: ${t.sp0};
+  background-color: ${(e) => e.theme.colors.grey4};
+  z-index: 1;
+  padding-left: ${(e) => l.containerMarginLeft.valuePx(e.windowSize)};
+  padding-right: ${(e) => l.containerMarginRight.valuePx(e.windowSize)};
+`, Q = n.div`
+  display: flex;
+  align-items: center;
+`, U = n(M)`
+  ${(e) => `${N.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+  margin-top: ${t.sp2};
+  margin-bottom: ${(e) => l.titleMarginBotom.valuePx(e.windowSize)};
+  margin-right: ${(e) => l.titleMarginRight.valuePx(e.windowSize)};
+`, V = n(y)`
+  margin-bottom: ${(e) => l.subTitleMarginBottom.valuePx(e.windowSize)};
+  color: ${(e) => e.isError ? s.important : e.theme.colors.hero};
+`, X = n.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${t.sp3};
+  margin-left: ${(e) => l.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${(e) => l.containerMarginRight.valuePx(e.windowSize)};
+`, Y = n.div`
+  min-height: ${(e) => l.navBarHeight.valuePx(e.windowSize)};
+  position: sticky;
+  border-bottom: 1px solid transparent;
+  z-index: 2;
+  top: ${t.sp0};
+  width: 100%;
+`, Z = n.div`
+  position: relative;
+  min-height: 62px;
+`, _ = n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  top: ${t.sp0};
+  left: ${t.sp0};
+  right: ${t.sp0};
+  padding-right: ${(e) => l.navBarPaddingRight.valuePx(e.windowSize)};
+  padding-left: ${(e) => l.navBarPaddingLeft.valuePx(e.windowSize)};
+  height: 100%;
+`, ee = n.div`
+  display: flex;
+  flex: 1 1 0;
+  justify-content: flex-end;
+`, ie = n(P)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  cursor: pointer;
+  color: ${(e) => e.theme.colors.grey1};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, te = n.div`
+  position: relative;
+  display: flex;
+  background-color: ${(e) => e.isActive ? e.isError ? s.importantLight : e.isWarning ? s.alertLight : e.theme.colors.grey5 : e.theme.colors.grey5};
+  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.sp2};
+  margin-bottom: ${t.sp3};
+  border-color: ${(e) => e.isActive ? e.isError ? s.important : e.isWarning ? s.brandColorGoldDark : e.theme.colors.grey3 : e.isLoading ? e.theme.colors.primary : e.theme.colors.grey3};
+  flex-direction: column;
+  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${s.boxShadowElevation};
+`, ne = n.div`
+  padding: ${t.sp3} ${t.sp4};
+  align-items: center;
+`, re = n.div`
+  display: flex;
+  width: 100%;
+`, oe = n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  align-items: center;
+`, m = n.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`, u = n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${(e) => e.windowSize === "small" ? "self-start" : "self-end"};
+`, w = n(y)`
+  color: ${(e) => e.isError || e.isWarning ? e.theme.mode === "dark" ? s.neutralGrey4Dark : e.isWarning : e.theme.colors.primary};
+`, se = n(S)`
+  margin-top: -5px;
+  color: ${(e) => e.theme.mode === "dark" ? s.neutralGrey1Dark : e.theme.colors.primary};
+`, g = n(S)`
+  display: flex;
+  margin-top: -5px;
+  color: ${(e) => e.isError ? s.important : e.isWarning ? s.brandColorGoldDark : e.theme.colors.primary};
+`, v = n(F)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${(e) => e.isError ? s.important : s.brandColorGoldDark};
+`, ae = n(G)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${s.success};
+`, le = n(H)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${(e) => e.theme.colors.grey2};
+`, de = n.div`
+  margin-top: 2px;
+  display: flex;
+`, ce = n(B)`
+  cursor: pointer;
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+  position: absolute;
+  top: -12px;
+  right: -12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  border-radius: 50%;
+  background-color: ${(e) => e.theme.colors.grey5};
+`, f = n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${t.sp1};
+`, $ = n(D)`
+  color: ${(e) => e.theme.colors.brandColorJade};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, he = n(A)`
+  color: ${(e) => e.theme.colors.brandColorGoldDark};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`;
+export {
+  ue as R
+};

package/dist/RoleWithToolTip-BXNPbq51.js

@@ -0,0 +1,72 @@
+import { j as t } from "./vendor-.pnpm-DxbX2tX4.js";
+import o from "@emotion/styled";
+import { h8 as m, h9 as h, Z as x, S as i, j as r, a as g, aq as j, G as c } from "./index-BcmM9nFj.js";
+const { hyphen: n } = g.getLocalizedStrings().common.strings, R = o.div``, y = o.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`, b = o(c)`
+  color: ${(e) => e.theme.colors.hero};
+`, u = o(c)`
+  color: ${(e) => e.theme.colors.brandColorPearl};
+`, p = o.div`
+  display: flex;
+  align-items: center;
+`, f = o(j)`
+  border-radius: ${i.sp12};
+  border: 1px solid ${(e) => e.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${(e) => e.theme.colors.grey1};
+  margin-left: ${i.sp1};
+`, T = ({ roles: e }) => {
+  let l = n, s = [];
+  l = m(e), s = h(e);
+  const d = () => s.length > 0 ? /* @__PURE__ */ t.jsx(R, { children: s.map((a) => /* @__PURE__ */ t.jsxs(y, { children: [
+    /* @__PURE__ */ t.jsx(b, { children: a[0] }),
+    /* @__PURE__ */ t.jsx(u, { children: a[1] })
+  ] }, a.join(","))) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: n });
+  return s.length > 0 ? /* @__PURE__ */ t.jsx(
+    x,
+    {
+      enterDelay: 600,
+      "data-testid": r("roles-tooltip", l),
+      title: d(),
+      placement: "top-end",
+      style: { marginLeft: i.sp1, padding: "6px 12px" },
+      maxWidth: "264px",
+      children: /* @__PURE__ */ t.jsxs(
+        p,
+        {
+          "data-testid": r("roles-label-wrapper", l),
+          children: [
+            l,
+            /* @__PURE__ */ t.jsx(
+              f,
+              {
+                className: "roles-count-wrapper",
+                "data-testid": r(
+                  "roles-count-wrapper",
+                  l
+                ),
+                children: s.length
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    p,
+    {
+      "data-testid": r("roles-label-wrapper", l),
+      children: l
+    }
+  );
+};
+export {
+  T as R
+};

package/dist/RoleWithToolTip-D34d1nMH.cjs

@@ -0,0 +1,22 @@
+"use strict";const s=require("./vendor-.pnpm-B6vI-hvj.cjs"),o=require("@emotion/styled"),e=require("./index-PcEfbmFv.cjs"),{hyphen:a}=e.appLocale.getLocalizedStrings().common.strings,c=o.div``,d=o.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,x=o(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,m=o(e.SmallRegular)`
+  color: ${t=>t.theme.colors.brandColorPearl};
+`,i=o.div`
+  display: flex;
+  align-items: center;
+`,h=o(e.ExtraSmallMedium)`
+  border-radius: ${e.Space.sp12};
+  border: 1px solid ${t=>t.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${t=>t.theme.colors.grey1};
+  margin-left: ${e.Space.sp1};
+`,u=({roles:t})=>{let l=a,r=[];l=e.getRootRoleLabels(t),r=e.getAllEmployeeRoleLabels(t);const p=()=>r.length>0?s.jsxRuntimeExports.jsx(c,{children:r.map(n=>s.jsxRuntimeExports.jsxs(d,{children:[s.jsxRuntimeExports.jsx(x,{children:n[0]}),s.jsxRuntimeExports.jsx(m,{children:n[1]})]},n.join(",")))}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:a});return r.length>0?s.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,"data-testid":e.generateDataTestId("roles-tooltip",l),title:p(),placement:"top-end",style:{marginLeft:e.Space.sp1,padding:"6px 12px"},maxWidth:"264px",children:s.jsxRuntimeExports.jsxs(i,{"data-testid":e.generateDataTestId("roles-label-wrapper",l),children:[l,s.jsxRuntimeExports.jsx(h,{className:"roles-count-wrapper","data-testid":e.generateDataTestId("roles-count-wrapper",l),children:r.length})]})}):s.jsxRuntimeExports.jsx(i,{"data-testid":e.generateDataTestId("roles-label-wrapper",l),children:l})};exports.RoleWithToolTip=u;

package/dist/ScheduleDetailsFixedAssetsPage-C1jdylym.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),x=require("react"),H=require("@emotion/styled"),ue=require("@zeniai/client-epic-state"),e=require("./index-PcEfbmFv.cjs"),ee=require("./ScheduleSequenceTable-B3ZNkjxC.cjs"),B={labelWidth:new e.ResponsiveSized(160,160,160),depCategoryLabelWidth:new e.ResponsiveSized(200,280,280)},je=H.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${s=>s.theme.colors.grey5};
+  border: 1px solid ${s=>s.theme.colors.grey3};
+
+  border-top-left-radius: ${e.Space.sp2};
+  border-top-right-radius: ${e.Space.sp2};
+  border-bottom-left-radius: ${e.Space.sp0};
+  border-bottom-right-radius: ${e.Space.sp0};
+`,K=H.div`
+  display: flex;
+  flex: 1;
+  background-color: ${s=>s.theme.colors.grey3};
+  min-height: 1px;
+`,ve=H.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp4} ${e.Space.sp8} ${e.Space.sp0} ${e.Space.sp8};
+`,M=(s,r)=>`${s}.${r}`;function Oe({sectionId:s,jeScheduledTransaction:r,updateStatus:y,allAccountOptions:o,allAccountList:l,allClassList:p,allClassOptions:d,allDepreciationAccountList:m,allDepreciationAccountOptions:b,allMonthOptions:v,uncategorizedAccounts:R,selectedAccount:D,selectedClass:_,selectedAccumulatedDepreciationCategory:q,assetId:F,selectedDate:J,selectedMonths:k,selectedPostingDay:O,lastDayOfMonth:I,isDisabled:h,allowCreateSchedule:A,onCreateSchedule:z,onDelete:i,onMarkAsComplete:X}){const{resetField:f}=n.useFormContext(),se=M(s,"scheduleExpenseCategory"),oe=M(s,"scheduleClass"),le=M(s,"accumulatedDepreciationCategory"),ae=M(s,"assetId"),Z=M(s,"startDate"),S=M(s,"postingDate"),u=M(s,"months"),t=e.appLocale.getLocalizedStrings().jeSchedules.scheduleDetails.scheduleDetailsSection,E=a=>l.filter(W=>W.qboId===a)[0]?.qboId,j=a=>m.filter(W=>W.qboId===a)[0]?.qboId,ce=a=>p.filter(W=>W.classId===a)[0]?.accountingClassNumber,Q={valueContainer:a=>({...a,overflow:"unset"})},L=e.useWindowSizeContext(),G=e.getMonthsAndYearsForAllowedTimeframe({startDate:r.baseTransaction.date,endDate:r.baseTransaction.date.add(1,"year")}),U=()=>{f(S)},Y=O==null&&I==null?void 0:I===!0?"lastDayOfMonth":"day",N=a=>[R.expense?.qboId,R.income?.qboId].includes(a),w=()=>{r.jeScheduleId!=null&&i(r.jeScheduleId)},g=r.scheduledJournalEntry.flatMap(a=>a.error);return n.jsxRuntimeExports.jsxs(ve,{children:[n.jsxRuntimeExports.jsx(ee.ScheduleDetailsTitleWithOptions,{status:r.status.code,jeScheduleId:r.jeScheduleId,allowCreateSchedule:A,onDelete:w,isUpdating:y==="In-Progress",onMarkAsComplete:X,onCreateSchedule:z}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:A===!0,children:n.jsxRuntimeExports.jsxs(je,{children:[n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:g.includes("debit_category_deleted")?void 0:h,isLoading:!1,label:{label:t.expenseCategory,width:B.labelWidth.value(L)},groupedSingleSelectField:{customPlaceholderColor:g.includes("debit_category_deleted")?e.Colors.brandColorGoldDark:void 0,shouldShowChevronIcon:!1,name:se,placeholder:t.expenseCategoryPlaceholder,valueToId:a=>E(a),defaultValue:{selectedOption:D,allOptions:o},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},disableCurrentOption:N,style:{borderTopLeftRadius:e.sp[2],borderTopRightRadius:e.sp[2]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:h,isLoading:!1,label:{label:t.class,width:B.labelWidth.value(L)},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:oe,placeholder:t.classPlaceholder,valueToId:a=>ce(a),defaultValue:{selectedOption:_,allOptions:d},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},style:{borderTopLeftRadius:e.sp[0],borderTopRightRadius:e.sp[0]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isDisabled:g.includes("credit_category_deleted")?void 0:h,isLoading:!1,label:{label:t.accumulatedDepreciationCategory,width:B.depCategoryLabelWidth.value(L)},groupedSingleSelectField:{customPlaceholderColor:g.includes("credit_category_deleted")?e.Colors.brandColorGoldDark:void 0,shouldShowChevronIcon:!1,name:le,placeholder:t.accumulatedDepreciationCategoryPlaceholder,valueToId:a=>j(a),defaultValue:{selectedOption:q,allOptions:b},registerOptions:{required:!0,validate:a=>!!a.selectedOption},customStyleConfig:Q},disableCurrentOption:N,style:{borderTopLeftRadius:e.sp[0],borderTopRightRadius:e.sp[0]}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:t.assetId,width:B.labelWidth.value(L)},style:{width:"auto"},text:{type:"text",name:ae,defaultValue:F,placeholder:t.assetIdPlaceholder,autoComplete:"new-password",options:{maxLength:e.sp[3],required:!0,validate:a=>!!a}},isDisabled:h}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledMonthSelectorField,{label:{label:t.startMonth,width:B.labelWidth.value(L)},monthSelectorField:{name:Z,placeholder:t.startMonthPlaceholder,defaultValue:J,showDownChevron:!1,isDisabled:h,monthsAndYears:G},isDisabled:h}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(ee.LabeledDayOfMonthSelectorField,{label:{label:t.postingDate,width:B.labelWidth.value(L)},isDisabled:h,dayOfMonthField:{placeholder:t.postingDatePlaceholder,name:S,defaultValue:{type:Y,dayOfMonth:O},onSaveClick:()=>{},onCancelClick:U}}),n.jsxRuntimeExports.jsx(K,{}),n.jsxRuntimeExports.jsx(e.LabeledSingleSelectNumericField,{label:{label:t.months,width:B.labelWidth.value(L)},singleSelectNumericField:{name:u,isDisabled:h,placeholder:t.monthsPlaceholder,defaultValue:{selectedOption:k!=null?v[k-1]:void 0,allOptions:v},registerOptions:{required:!0,validate:a=>!!a.selectedOption}}})]})}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:A===!1,children:n.jsxRuntimeExports.jsx(e.InfoBox,{text:t.scheduleMarkedAsCompleted})})]})}const Te=H.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  background-color: ${s=>s.theme.colors.grey4};
+`,De=H.div`
+  display: flex;
+  z-index: 2;
+`,Ie=H.div`
+  display: flex;
+  flex-direction: column;
+`,Ae=H.div`
+  display: flex;
+  justify-content: center;
+`,pe="scheduleDetailsPage",te="scheduleDetailsFixedAssetsSection",ne="scheduleDetailsListSection",Le=e.appLocale.getLocalizedStrings(),{common:P,jeSchedules:{scheduleDetails:Re}}=Le;function Fe({analytics:s,controllerUserDetails:r,expenseAutomationSelectedPeriod:y,scheduleDetailsView:o,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:p,usedInExpenseAutomation:d,onNavigateBack:m,onEditAmount:b,onJELinkClick:v,onSave:R,onDelete:D,onDetailPageChange:_,onViewLinkedJE:q,onTransactionClick:F,onMarkAsComplete:J,removeJeScheduleTransactionKey:k}){const[O,I]=x.useState(!1),h=e.usePrevious(o.updateStatus.fetchState),A=e.usePrevious(o.selectedJEScheduleTransaction?.status.code),z=e.usePrevious(o.deleteStatus.fetchState),[i,X]=x.useState(!1),f=o.scheduleDetailsLocalData.fixed_assets,se=e.usePrevious(f.jeScheduleDetails.length),oe=e.usePrevious(f.selectedDate),le=e.usePrevious(f.selectedDayOfMonth),[ae,Z]=x.useState(!0),S=o.selectedJEScheduleTransaction?.vendor,u=o.selectedJEScheduleTransaction?.baseTransaction,t=o.selectedJEScheduleTransaction,E=ue.getFirstControllerEmail(r.controllers),j=ue.getFirstControllerId(r.controllerUserIds),ce={onOkClick:()=>{I(!1),m()},onCancelClick:()=>{I(!1)}},Q=c=>{const C=t?.scheduledJournalEntry[c];u!=null&&C!=null&&t!=null&&s.trackScheduleDetailsLinkJournalEntry({scheduleType:"fixed_assets",transaction:{...e.transactionDetailsForAnalytics(u)},scheduleExpenseCategoryAndClass:{expenseCategory:t.jeDebit.account?.accountName??null,expenseClass:t.jeDebit.accountingClass?.className??null},journalEntryDetails:{...e.scheduleJournalEntryDetailsForAnalytics(C)},vendorName:S!=null?S.name:P.strings.hyphen,controllerEmails:E,controllerUserIds:j,fixedAssetsDetails:{accumulatedDepreciationCategory:t.jeCredit.account?.accountName??null,assetId:t.otherAttributes.assetId??null}}),v(c)},L=(c,C)=>{const T=t?.scheduledJournalEntry[C];u!=null&&T!=null&&t!=null&&s.trackScheduleDetailsViewJournalEntry({scheduleType:"fixed_assets",scheduleExpenseCategoryAndClass:{expenseCategory:t.jeDebit.account?.accountName??null,expenseClass:t.jeDebit.accountingClass?.className??null},journalEntryDetails:e.scheduleJournalEntryDetailsForAnalytics(T),controllerEmails:E,controllerUserIds:j,fixedAssetsDetails:{accumulatedDepreciationCategory:t.jeCredit.account?.accountName??null,assetId:t.otherAttributes.assetId??null}}),q(c)};x.useEffect(()=>{h==="In-Progress"&&o.updateStatus.fetchState==="Completed"&&(u!=null&&t!=null&&s.trackScheduleDetailsSaved(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),d===!0&&t?.jeScheduleTransactionKey!=null&&A==="draft"&&o.selectedJEScheduleTransaction?.status.code==="ongoing"&&k(t.jeScheduleTransactionKey,{month:y.month,year:y.year}),m())},[y,A,o.selectedJEScheduleTransaction?.status.code,s,m,h,k,d,o.updateStatus,t,u,S,E,j]),x.useEffect(()=>{z==="In-Progress"&&o.deleteStatus.fetchState==="Completed"&&m()},[z,o.deleteStatus,m]);const G=e.getGroupedAccountOptions(o.accountListNestedAccountHierarchy),U=e.getGroupedAccountOptions(o.allDepreciationAccountListNestedAccountHierarchy),Y=e.getGroupedClassOptions(o.classListNestedAccountHierarchy),N=e.getOptionsForScheduleTab("fixed_assets"),w=x.useRef(),g=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:de(o,G,Y,U,N,p.entityAutoCompleteView),resetOptions:{keepDirtyValues:!0,keepErrors:!0},values:de(o,G,Y,U,N,p.entityAutoCompleteView)}),a=g.watch("scheduleDetailsFixedAssetsSection.vendor");x.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&w.current?.(e.getVendorOptions(p.entityAutoCompleteView))},[p.entityAutoCompleteView.fetchState]);const V=(c,C)=>{l.onAutoCompleteInputChange?.(c,"vendor"),w.current=C},W=g.handleSubmit(()=>{R(o.selectedJEScheduleTransaction?.jeScheduleId)}),me=async(c,C)=>{const T=C[te].vendor;if(c.includes("vendor")){const re=T?.defaultOptions.map($=>$.value);if(T?.selectedOption!=null&&re?.includes(T.selectedOption)!==!0){const $=p.entityAutoCompleteView.vendor.find(Ee=>Ee.id===T.selectedOption);$!=null&&g.setValue("scheduleDetailsFixedAssetsSection.vendor.defaultOptions",[{label:$.name??"",value:$.id}])}}const be=c.includes("amount");if(_(C,be),c.includes("amount")){const re=c.split(".")[1],$=parseInt(re);X(!0),b($,o.selectedJEScheduleTransaction?.jeScheduleId)}};x.useEffect(()=>{const c=g.watch((C,{name:T})=>{T!=null&&C!=null&&n.defer(()=>me(T,C))});return()=>{c.unsubscribe()}}),x.useEffect(()=>{(se!==f.jeScheduleDetails.length||oe!==f.selectedDate||le!==f.selectedDayOfMonth)&&i===!0&&(g.resetField(ne,{defaultValue:de(o,G,Y,U,N,p.entityAutoCompleteView)[ne],keepDirty:!1}),X(!1))},[f.jeScheduleDetails.length,f.selectedDate,f.selectedDayOfMonth]),x.useEffect(()=>{o.selectedJEScheduleTransaction?.status.code==="marked_as_completed"&&Z(!1)},[o.selectedJEScheduleTransaction?.status.code]);const ie=(e.formHasDirtyFields(g.formState.dirtyFields)||o.selectedJEScheduleTransaction?.status.code==="draft")&&f.jeScheduleDetails.length>0,xe=()=>{ie===!0?I(!0):(u!=null&&t!=null&&s.trackScheduleDetailsCanceled(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),m())},fe=()=>{o.selectedJEScheduleTransaction!=null&&F({id:o.selectedJEScheduleTransaction.baseTransaction.id,type:o.selectedJEScheduleTransaction.baseTransaction.type})},Se=x.useCallback(()=>{Z(!0)},[]),ge=x.useCallback(()=>{u!=null&&t!=null&&s.trackScheduleDetailsMarkedAsCompleted(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),J()},[s,E,j,t,J,u,S]),Ce=x.useCallback(c=>{u!=null&&t!=null&&s.trackScheduleDetailsDeleted(e.getScheduleDetailsAnalyticsProps({jeScheduleTransaction:t,scheduleTab:"fixed_assets",transaction:u,vendor:S,controllerEmails:E,controllerUserIds:j})),D(c)},[s,E,j,t,D,u,S]),ye=(o.selectedJEScheduleTransaction?.scheduledJournalEntry.flatMap(c=>c.error??[]).filter(c=>!!c)??[])?.includes("vendor_deleted")===!0?a?.defaultOptions.find(c=>c.value===a?.selectedOption)?.[0]?.label:o?.selectedJEScheduleTransaction?.vendor?.name;return n.jsxRuntimeExports.jsxs(Te,{children:[n.jsxRuntimeExports.jsx(Je,{title:ye??P.strings.empty,onNavigateBack:xe,onTransactionClick:fe}),n.jsxRuntimeExports.jsx(De,{children:n.jsxRuntimeExports.jsx(n.FormProvider,{...g,children:n.jsxRuntimeExports.jsxs("form",{style:{width:"100%"},id:he(pe),onSubmit:W,children:[n.jsxRuntimeExports.jsx(ke,{vendorLoadOptions:V,vendorField:a,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:p,scheduleDetailsView:o,allAccountOptions:G,allClassOptions:Y,allMonthOptions:N,allDepAccountOptions:U,onEditAmount:b,onDelete:Ce,onJELinkClick:Q,onViewLinkedJE:L,onMarkAsComplete:ge,allowCreateSchedule:ae,onCreateSchedule:Se}),O===!0?n.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:P.confirmationPopup.discardTitle}),descriptionComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:P.confirmationPopup.discardDescription}),primaryButtonText:P.confirmationPopup.discard,secondaryButtonText:P.confirmationPopup.cancel,proceedButtonVariant:"danger",action:ce}):null,ie===!0?n.jsxRuntimeExports.jsx(e.Footer,{formId:he(pe),primaryBtn:{label:P.footer.save,style:{minWidth:"82px"},isLoading:o.updateStatus.fetchState==="In-Progress",isDisabled:o.updateStatus.fetchState==="In-Progress"},cancelBtn:{label:P.footer.cancel,shouldResetOnCancel:!0,onClick:()=>{I(!0)},style:{minWidth:"82px"}}}):null]})})})]})}function Je({onNavigateBack:s,onTransactionClick:r,title:y}){return n.jsxRuntimeExports.jsx(e.NavBarWithLaunch,{title:y,tooltipTextOnLaunch:Re.showTransactionTooltip,onBackClick:s,onLaunchClick:r,style:{zIndex:3}})}function ke({vendorField:s,vendorLoadOptions:r,vendorSearchAutoCompleteActions:y,vendorSearchAutoCompleteData:o,scheduleDetailsView:l,allAccountOptions:p,allClassOptions:d,allDepAccountOptions:m,allMonthOptions:b,allowCreateSchedule:v,onCreateSchedule:R,onEditAmount:D,onDelete:_,onJELinkClick:q,onViewLinkedJE:F,onMarkAsComplete:J}){const k=l.selectedJEScheduleTransaction?.scheduledJournalEntry.flatMap(O=>O.error).filter(O=>!!O)??[];return l.selectedJEScheduleTransaction!=null?n.jsxRuntimeExports.jsxs(Ie,{children:[n.jsxRuntimeExports.jsx(Ae,{children:n.jsxRuntimeExports.jsx(ee.ScheduleTransactionHeader,{vendorLoadOptions:r,vendorField:s,vendorFieldName:M(te,"vendor"),vendorSearchAutoCompleteActions:y,vendorSearchAutoCompleteData:o,errors:k,transaction:l.selectedJEScheduleTransaction.baseTransaction,vendor:l.selectedJEScheduleTransaction.vendor})}),n.jsxRuntimeExports.jsx(Oe,{sectionId:te,jeScheduledTransaction:l.selectedJEScheduleTransaction,allAccountOptions:p,allAccountList:l.allAccountList,allClassList:l.allClassList,allClassOptions:d,allDepreciationAccountOptions:m,allDepreciationAccountList:l.allDepreciationAccountList,allMonthOptions:b,uncategorizedAccounts:l.uncategorizedAccounts,lastDayOfMonth:l.scheduleDetailsLocalData.fixed_assets.lastDayOfMonth,assetId:l.scheduleDetailsLocalData.fixed_assets.assetId,selectedPostingDay:l.scheduleDetailsLocalData.fixed_assets.selectedDayOfMonth,selectedMonths:l.scheduleDetailsLocalData.fixed_assets.selectedMonths,isDisabled:l.selectedJEScheduleTransaction.jeScheduleId!=null&&l.selectedJEScheduleTransaction.status.code!=="draft"&&l.selectedJEScheduleTransaction.status.code!=="marked_as_completed"?"disabled":void 0,updateStatus:l.deleteStatus.fetchState,allowCreateSchedule:v,onDelete:_,onMarkAsComplete:J,onCreateSchedule:R}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:v===!0,children:n.jsxRuntimeExports.jsx(ee.ScheduleSequenceTable,{sectionId:ne,totalAmount:l.selectedJEScheduleTransaction.baseTransaction.amount.amount,listFetchState:l.fetchState,scheduleJournalEntries:l.selectedJEScheduleTransaction.scheduledJournalEntry,hideMemoField:l.selectedJEScheduleTransaction.jeScheduleId==null,localData:l.scheduleDetailsLocalData.fixed_assets.jeScheduleDetails,uiState:l.uiState,onEditAmount:D,onJELinkClick:q,onViewLinkedJE:F,jeScheduleId:l.selectedJEScheduleTransaction.baseTransaction.id})})]}):null}const he=s=>`${s}_form`,de=(s,r,y,o,l,p)=>{const d=s.scheduleDetailsLocalData.fixed_assets,m=d.selectedAccount,b=d.selectedVendor,v=b!=null?p.vendor.find(i=>i.zeniId===b.id):void 0,R=m!=null?s.allAccountList.find(i=>i.accountId===m):void 0,D=d.selectedAccumulatedDepreciationCategory,_=D!=null?s.allDepreciationAccountList.find(i=>i.accountId===D):void 0,q=d.assetId,F=d.selectedClass,J=F!=null?s.allClassList.find(i=>i.classId===F):void 0,O=d.selectedMonths,I=d.jeScheduleDetails.map(i=>({postingDate:i.postingDate,amount:i.amount.amount,runningBalance:i.runningBalance.amount,postingStatus:i.postingStatus,jeLink:i.jeLink.thirdPartyTransactionId})),h=d.selectedDayOfMonth,A=d.lastDayOfMonth,z=h==null&&A==null?void 0:A===!0?"lastDayOfMonth":"day";return{[te]:{scheduleExpenseCategory:{selectedOption:R?.qboId,allOptions:r},accumulatedDepreciationCategory:{selectedOption:_?.qboId,allOptions:o},assetId:q,scheduleClass:{selectedOption:J?.classId,allOptions:y},startDate:d.selectedDate,months:{selectedOption:O,allOptions:l},vendor:{selectedOption:v?.id??b?.id,defaultOptions:e.getDefaultVendorOptions$1(p,v??b)},postingDate:{type:z,dayOfMonth:h}},[ne]:I}};exports.default=Fe;