@zeniai/web-components 3.16.29 → 3.16.31

package/dist/LinkJETransactionPage-B7nSpdyl.js

@@ -1,406 +0,0 @@
-import { j as n, g as ue, h as me, F as pe } from "./vendor-.pnpm-DxbX2tX4.js";
-import { useEffect as V } from "react";
-import i from "@emotion/styled";
-import { getQBOUrlForLink as Q, getFirstControllerEmail as ge, getFirstControllerId as he } from "@zeniai/client-epic-state";
-import { a as W, u as q, aQ as B, R as u, jU as xe, C as fe, S as t, t as D, aD as ye, jV as P, jI as L, aG as Ce, ap as be, aj as we, b as ve, eE as $e, D as l } from "./index-B1WDj5pO.js";
-import { B as je } from "./BusyIndication-Cm7JQ3YO.js";
-import Ee from "./TransactionDetailPage-G2LeleYG.js";
-const M = {
-  labelWidth: new u(120, 145, 160)
-}, Se = i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`, ke = i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  border-radius: ${t.sp3};
-`, Pe = i.div`
-  color: ${(e) => e.theme.colors.primary};
-  margin: ${t.sp3} ${t.sp1};
-  ${D.largeMedium.css};
-`, Le = i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${(e) => e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`, U = (e, a) => `${e}.${a}`;
-function De({
-  sectionId: e,
-  jePostingDate: a,
-  qboURL: o,
-  isJELoading: r
-}) {
-  const m = W.getLocalizedStrings(), {
-    dateFormat: w,
-    jeSchedules: {
-      scheduleDetails: { linkJE: s, scheduleDetailsSection: v }
-    }
-  } = m, g = a.format(
-    w.visual.MMMDCommaYYYYformat
-  ), h = q();
-  return /* @__PURE__ */ n.jsxs(Se, { children: [
-    /* @__PURE__ */ n.jsx(Pe, { windowSize: h, children: v.header }),
-    /* @__PURE__ */ n.jsxs(ke, { children: [
-      /* @__PURE__ */ n.jsx(
-        B,
-        {
-          label: {
-            label: s.jePostingDate,
-            width: M.labelWidth.value(h)
-          },
-          style: {
-            width: "auto"
-          },
-          text: {
-            type: "text",
-            name: U(e, "jePostingDate"),
-            placeholder: s.jeLinkURLPlaceholder,
-            defaultValue: g,
-            autoComplete: "new-password"
-          },
-          isDisabled: "disabled"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(Le, {}),
-      /* @__PURE__ */ n.jsx(
-        B,
-        {
-          label: {
-            label: s.jeLink,
-            width: M.labelWidth.value(h)
-          },
-          style: {
-            width: "auto"
-          },
-          text: {
-            type: "url",
-            name: U(e, "qboURL"),
-            placeholder: s.jeLinkURLPlaceholder,
-            defaultValue: o?.toString() ?? "",
-            autoComplete: "new-password",
-            style: {
-              color: fe.link
-            },
-            options: {
-              pattern: xe
-            }
-          },
-          isDisabled: r ? "disabled" : void 0
-        }
-      )
-    ] })
-  ] });
-}
-const y = {
-  containerPaddingLeft: new u(l[3], l[3], l[6]),
-  containerPaddingRight: new u(l[3], l[3], l[8]),
-  navbarContainerPaddingTop: new u(l[2], l[3]),
-  navbarContainerPaddingBottom: new u(l[4], l[5]),
-  sectionTitleMarginTop: new u(0, l[3]),
-  sectionTitleMarginLeft: new u(l[3], 0),
-  emptyScheduleHeight: new u(88, 88)
-}, T = "linkJETransactionPage", Z = "linkJETransaction", G = W.getLocalizedStrings(), {
-  common: { footer: Y },
-  dateFormat: Ie
-} = G, Ze = ({
-  analytics: e,
-  scheduleTab: a,
-  jeScheduledTransaction: o,
-  localData: r,
-  saveStatus: m,
-  isCOTEnabled: w,
-  transactionDetail: s,
-  firstMonthOfFY: v,
-  qboAppUrl: g,
-  authParams: h,
-  isDisabled: K,
-  controllerUserDetails: I,
-  isVendorBulkUpdateOnTransactionEnabled: X,
-  onUpdateLocalData: ee,
-  onBackClick: F,
-  onCancelClick: te,
-  onSaveClick: ne,
-  onFetchTransactionClick: oe
-}) => {
-  const p = q(), A = ye(m), C = Q(g.toString(), r.jeLink), $ = ge(
-    I.controllers
-  ), j = he(
-    I.controllerUserIds
-  ), J = () => {
-    const c = o.vendor, d = o.baseTransaction;
-    e.trackScheduleDetailsJournalEntryLinkCanceled({
-      scheduleType: a,
-      transaction: { ...L(d) },
-      scheduleExpenseCategoryAndClass: {
-        expenseCategory: o.jeDebit.account?.accountName ?? null,
-        expenseClass: o.jeDebit.accountingClass?.className ?? null
-      },
-      journalEntryDetails: {
-        ...P(r, C?.toString())
-      },
-      vendorName: c.name,
-      fixedAssetsDetails: a === "fixed_assets" ? {
-        accumulatedDepreciationCategory: o.jeCredit.account?.accountName ?? null,
-        assetId: o.otherAttributes.assetId ?? null
-      } : void 0,
-      controllerEmails: $,
-      controllerUserIds: j
-    }), te();
-  }, x = ue({
-    mode: "all",
-    reValidateMode: "onChange",
-    resetOptions: {
-      keepDirtyValues: !0,
-      keepErrors: !0
-    },
-    defaultValues: _(r, g),
-    values: _(r, g)
-  }), se = () => {
-    ne();
-  }, ie = async (c) => {
-    ee(c);
-  };
-  V(() => {
-    const c = x.watch((d, { name: de }) => {
-      de != null && d != null && me(() => ie(d));
-    });
-    return () => {
-      c.unsubscribe();
-    };
-  }), V(() => {
-    if (m === "Completed" && A === "In-Progress") {
-      const c = o.vendor, d = o.baseTransaction;
-      e.trackScheduleDetailsJournalEntryLinkedSaved({
-        scheduleType: a,
-        transaction: { ...L(d) },
-        scheduleExpenseCategoryAndClass: {
-          expenseCategory: o.jeDebit.account?.accountName ?? null,
-          expenseClass: o.jeDebit.accountingClass?.className ?? null
-        },
-        journalEntryDetails: {
-          ...P(r, C?.toString())
-        },
-        vendorName: c.name,
-        fixedAssetsDetails: a === "fixed_assets" ? {
-          accumulatedDepreciationCategory: o.jeCredit.account?.accountName ?? null,
-          assetId: o.otherAttributes.assetId ?? null
-        } : void 0,
-        controllerEmails: $,
-        controllerUserIds: j
-      }), F();
-    }
-  }, [m, A, F]);
-  const {
-    common: {
-      strings: { empty: N }
-    },
-    jeSchedules: {
-      scheduleDetails: { linkJE: f }
-    }
-  } = G, ae = () => {
-    if (r.jeLink?.transactionDetailID != null) {
-      const c = o.vendor, d = o.baseTransaction;
-      e.trackScheduleDetailsJournalEntryQBOFetched({
-        scheduleType: a,
-        transaction: { ...L(d) },
-        scheduleExpenseCategoryAndClass: {
-          expenseCategory: o.jeDebit.account?.accountName ?? null,
-          expenseClass: o.jeDebit.accountingClass?.className ?? null
-        },
-        journalEntryDetails: {
-          ...P(r, C?.toString())
-        },
-        vendorName: c.name,
-        fixedAssetsDetails: a === "fixed_assets" ? {
-          accumulatedDepreciationCategory: o.jeCredit.account?.accountName ?? null,
-          assetId: o.otherAttributes.assetId ?? null
-        } : void 0,
-        controllerEmails: $,
-        controllerUserIds: j
-      }), oe(r.jeLink.transactionDetailID);
-    }
-  }, re = s != null && s.fetchState === "In-Progress", le = s != null && s.fetchState === "Error", E = s != null && s.fetchState === "Completed", ce = s == null || s.fetchState === "Not-Started", R = r.jeLink.type === "recommended", z = Ce(x.formState.dirtyFields), S = x.formState.isValid, b = E && z && S || E && R && S, k = z && S;
-  return /* @__PURE__ */ n.jsxs(Fe, { children: [
-    /* @__PURE__ */ n.jsxs(Je, { windowSize: p, children: [
-      /* @__PURE__ */ n.jsx(Be, { windowSize: p, children: f.linkJE }),
-      /* @__PURE__ */ n.jsx(ze, { children: /* @__PURE__ */ n.jsx(Ve, { onClick: J }) })
-    ] }),
-    /* @__PURE__ */ n.jsxs(Ae, { children: [
-      /* @__PURE__ */ n.jsx(Ne, { windowSize: p, children: /* @__PURE__ */ n.jsx(pe, { ...x, children: /* @__PURE__ */ n.jsx(
-        "form",
-        {
-          id: O(T),
-          onSubmit: x.handleSubmit(se),
-          children: /* @__PURE__ */ n.jsx(
-            De,
-            {
-              jePostingDate: r.postingDate,
-              sectionId: Z,
-              qboURL: C,
-              isJELoading: s?.fetchState === "In-Progress"
-            }
-          )
-        }
-      ) }) }),
-      R ? /* @__PURE__ */ n.jsxs(Ue, { windowSize: p, children: [
-        /* @__PURE__ */ n.jsx(Te, {}),
-        " ",
-        f.zeniRecommendation
-      ] }) : null,
-      E ? /* @__PURE__ */ n.jsx(Re, { children: /* @__PURE__ */ n.jsx(
-        Ee,
-        {
-          isCOTEnabled: w,
-          transactionDetail: s,
-          firstMonthOfFY: v,
-          transactionAttachmentEndpointToDownload: N,
-          transactionAttachmentsEndpointToFetch: N,
-          attachmentUploadEndpoint: "",
-          authParams: h,
-          isDisabled: K ?? "readonly",
-          isNavBarVisible: !1,
-          containerStyles: { boxShadow: "none", backgroundColor: "inherit" },
-          headerStyles: {
-            boxShadow: "none",
-            backgroundColor: "inherit"
-          },
-          autoCompleteData: {
-            entityAutoCompleteView: {
-              customer: [],
-              vendor: [],
-              fetchState: "Not-Started"
-            }
-          },
-          isVendorBulkUpdateOnTransactionEnabled: X,
-          onDeleteAttachment: () => {
-          },
-          autoCompleteActions: {
-            onAutoCompleteInputChange: () => null,
-            onCancelAutoComplete: () => null,
-            onAutoCompleteEntity: () => null,
-            onLoadOptions: () => null
-          },
-          onUploadAttachmentAttachment: () => null,
-          enableBackClickOnSave: !0,
-          saveLatestSelectedEntity: () => null,
-          updateVendorBulkRecommendationsFetchStatus: () => null,
-          setIsVendorUpdateAllChecked: () => null
-        }
-      ) }) : null,
-      /* @__PURE__ */ n.jsxs(Me, { children: [
-        le ? /* @__PURE__ */ n.jsx(H, { windowSize: p, children: f.transactionFetchError }) : null,
-        ce ? /* @__PURE__ */ n.jsx(H, { windowSize: p, children: f.jeDetails }) : null
-      ] }),
-      re ? /* @__PURE__ */ n.jsx(je, { fetchState: s?.fetchState }) : null
-    ] }),
-    b || k ? /* @__PURE__ */ n.jsx(
-      be,
-      {
-        formId: b ? O(T) : void 0,
-        primaryBtn: {
-          onClick: k && !b ? ae : void 0,
-          label: k && !b ? f.fetchJE : Y.save,
-          isLoading: m === "In-Progress",
-          isDisabled: m === "In-Progress" || s?.fetchState === "In-Progress" || s?.fetchState === "Error"
-        },
-        cancelBtn: {
-          label: Y.cancel,
-          shouldResetOnCancel: !0,
-          onClick: J
-        }
-      }
-    ) : null
-  ] });
-}, O = (e) => `${e}_form`, _ = (e, a) => ({
-  [Z]: {
-    qboURL: Q(a.toString(), e.jeLink),
-    jePostingDate: e.postingDate.format(
-      Ie.visual.MMMDCommaYYYYformat
-    )
-  }
-}), Fe = i.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  height: fit-content;
-  flex-direction: column;
-  justify-content: flex-start;
-  background-color: ${(e) => e.theme.colors.grey4};
-  box-shadow: ${(e) => `${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-`, Ae = i.div`
-  padding: ${t.sp0} ${t.sp8};
-  flex-grow: 1;
-`, Je = i.div`
-  display: flex;
-  align-items: center;
-  top: ${t.sp0};
-  z-index: 2;
-  padding-left: ${(e) => y.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${(e) => y.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${(e) => y.navbarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => y.navbarContainerPaddingBottom.valuePx(e.windowSize)};
-`, Ne = i.div`
-  max-width: 100%;
-  margin-bottom: ${t.sp5};
-`, Re = i.div`
-  width: 100%;
-  flex: 1;
-  margin-bottom: ${t.sp12};
-  background-color: inherit;
-`, ze = i.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding: ${t.sp3} ${t.sp0};
-`, Ve = i(ve)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Be = i(we)`
-  display: flex;
-  width: 100%;
-  flex-grow: 1;
-  color: ${(e) => e.theme.colors.primary};
-  margin: auto;
-  justify-content: center;
-`, H = i.div`
-  height: ${(e) => y.emptyScheduleHeight.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: ${t.sp2};
-  padding: ${t.sp5} ${t.sp2};
-  background-color: ${(e) => e.theme.colors.background};
-  color: ${(e) => e.theme.colors.hero};
-  margin: ${t.sp3} ${t.sp1};
-  ${D.standardRegular.css};
-`, Me = i.div`
-  flex-grow: 1;
-  width: 100%;
-`, Ue = i.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.sp1};
-  border-radius: ${t.sp2};
-  padding: ${t.sp3} ${t.sp2};
-  color: ${(e) => e.theme.colors.hero};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  margin: ${t.sp3} ${t.sp1};
-  ${D.standardRegular.css};
-`, Te = i($e)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-`;
-export {
-  Ze as default,
-  O as uniqueFormName
-};

package/dist/LinkJETransactionPage-CSdbuK3w.cjs

@@ -1,98 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),z=require("react"),i=require("@emotion/styled"),y=require("@zeniai/client-epic-state"),e=require("./index-jJbUoV8Z.cjs"),oe=require("./BusyIndication-Bhwkww6F.cjs"),se=require("./TransactionDetailPage-CW6N9IXm.cjs"),N={labelWidth:new e.ResponsiveSized(120,145,160)},ie=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,re=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background: ${t=>t.theme.colors.grey5};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  border-radius: ${e.Space.sp3};
-`,ae=i.div`
-  color: ${t=>t.theme.colors.primary};
-  margin: ${e.Space.sp3} ${e.Space.sp1};
-  ${e.textStyles.largeMedium.css};
-`,le=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${t=>t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,J=(t,r)=>`${t}.${r}`;function ce({sectionId:t,jePostingDate:r,qboURL:o,isJELoading:a}){const d=e.appLocale.getLocalizedStrings(),{dateFormat:E,jeSchedules:{scheduleDetails:{linkJE:s,scheduleDetailsSection:j}}}=d,u=r.format(E.visual.MMMDCommaYYYYformat),m=e.useWindowSizeContext();return n.jsxRuntimeExports.jsxs(ie,{children:[n.jsxRuntimeExports.jsx(ae,{windowSize:m,children:j.header}),n.jsxRuntimeExports.jsxs(re,{children:[n.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:s.jePostingDate,width:N.labelWidth.value(m)},style:{width:"auto"},text:{type:"text",name:J(t,"jePostingDate"),placeholder:s.jeLinkURLPlaceholder,defaultValue:u,autoComplete:"new-password"},isDisabled:"disabled"}),n.jsxRuntimeExports.jsx(le,{}),n.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:s.jeLink,width:N.labelWidth.value(m)},style:{width:"auto"},text:{type:"url",name:J(t,"qboURL"),placeholder:s.jeLinkURLPlaceholder,defaultValue:o?.toString()??"",autoComplete:"new-password",style:{color:e.Colors.link},options:{pattern:e.QBO_JE_URL_PATTERN}},isDisabled:a?"disabled":void 0})]})]})}const h={containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[6]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8]),navbarContainerPaddingTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),navbarContainerPaddingBottom:new e.ResponsiveSized(e.sp[4],e.sp[5]),sectionTitleMarginTop:new e.ResponsiveSized(0,e.sp[3]),sectionTitleMarginLeft:new e.ResponsiveSized(e.sp[3],0),emptyScheduleHeight:new e.ResponsiveSized(88,88)},B="linkJETransactionPage",T="linkJETransaction",U=e.appLocale.getLocalizedStrings(),{common:{footer:M},dateFormat:de}=U,pe=({analytics:t,scheduleTab:r,jeScheduledTransaction:o,localData:a,saveStatus:d,isCOTEnabled:E,transactionDetail:s,firstMonthOfFY:j,qboAppUrl:u,authParams:m,isDisabled:O,controllerUserDetails:k,isVendorBulkUpdateOnTransactionEnabled:_,onUpdateLocalData:Y,onBackClick:L,onCancelClick:H,onSaveClick:W,onFetchTransactionClick:Q})=>{const p=e.useWindowSizeContext(),P=e.usePrevious(d),S=y.getQBOUrlForLink(u.toString(),a.jeLink),C=y.getFirstControllerEmail(k.controllers),v=y.getFirstControllerId(k.controllerUserIds),D=()=>{const l=o.vendor,c=o.baseTransaction;t.trackScheduleDetailsJournalEntryLinkCanceled({scheduleType:r,transaction:{...e.transactionDetailsForAnalytics(c)},scheduleExpenseCategoryAndClass:{expenseCategory:o.jeDebit.account?.accountName??null,expenseClass:o.jeDebit.accountingClass?.className??null},journalEntryDetails:{...e.journalEntryDetailsForAnalytics(a,S?.toString())},vendorName:l.name,fixedAssetsDetails:r==="fixed_assets"?{accumulatedDepreciationCategory:o.jeCredit.account?.accountName??null,assetId:o.otherAttributes.assetId??null}:void 0,controllerEmails:C,controllerUserIds:v}),H()},x=n.useForm({mode:"all",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0},defaultValues:V(a,u),values:V(a,u)}),Z=()=>{W()},G=async l=>{Y(l)};z.useEffect(()=>{const l=x.watch((c,{name:ne})=>{ne!=null&&c!=null&&n.defer(()=>G(c))});return()=>{l.unsubscribe()}}),z.useEffect(()=>{if(d==="Completed"&&P==="In-Progress"){const l=o.vendor,c=o.baseTransaction;t.trackScheduleDetailsJournalEntryLinkedSaved({scheduleType:r,transaction:{...e.transactionDetailsForAnalytics(c)},scheduleExpenseCategoryAndClass:{expenseCategory:o.jeDebit.account?.accountName??null,expenseClass:o.jeDebit.accountingClass?.className??null},journalEntryDetails:{...e.journalEntryDetailsForAnalytics(a,S?.toString())},vendorName:l.name,fixedAssetsDetails:r==="fixed_assets"?{accumulatedDepreciationCategory:o.jeCredit.account?.accountName??null,assetId:o.otherAttributes.assetId??null}:void 0,controllerEmails:C,controllerUserIds:v}),L()}},[d,P,L]);const{common:{strings:{empty:F}},jeSchedules:{scheduleDetails:{linkJE:g}}}=U,K=()=>{if(a.jeLink?.transactionDetailID!=null){const l=o.vendor,c=o.baseTransaction;t.trackScheduleDetailsJournalEntryQBOFetched({scheduleType:r,transaction:{...e.transactionDetailsForAnalytics(c)},scheduleExpenseCategoryAndClass:{expenseCategory:o.jeDebit.account?.accountName??null,expenseClass:o.jeDebit.accountingClass?.className??null},journalEntryDetails:{...e.journalEntryDetailsForAnalytics(a,S?.toString())},vendorName:l.name,fixedAssetsDetails:r==="fixed_assets"?{accumulatedDepreciationCategory:o.jeCredit.account?.accountName??null,assetId:o.otherAttributes.assetId??null}:void 0,controllerEmails:C,controllerUserIds:v}),Q(a.jeLink.transactionDetailID)}},X=s!=null&&s.fetchState==="In-Progress",ee=s!=null&&s.fetchState==="Error",b=s!=null&&s.fetchState==="Completed",te=s==null||s.fetchState==="Not-Started",A=a.jeLink.type==="recommended",I=e.formHasDirtyFields(x.formState.dirtyFields),w=x.formState.isValid,f=b&&I&&w||b&&A&&w,$=I&&w;return n.jsxRuntimeExports.jsxs(ue,{children:[n.jsxRuntimeExports.jsxs(xe,{windowSize:p,children:[n.jsxRuntimeExports.jsx(ye,{windowSize:p,children:g.linkJE}),n.jsxRuntimeExports.jsx(Se,{children:n.jsxRuntimeExports.jsx(fe,{onClick:D})})]}),n.jsxRuntimeExports.jsxs(me,{children:[n.jsxRuntimeExports.jsx(ge,{windowSize:p,children:n.jsxRuntimeExports.jsx(n.FormProvider,{...x,children:n.jsxRuntimeExports.jsx("form",{id:R(B),onSubmit:x.handleSubmit(Z),children:n.jsxRuntimeExports.jsx(ce,{jePostingDate:a.postingDate,sectionId:T,qboURL:S,isJELoading:s?.fetchState==="In-Progress"})})})}),A?n.jsxRuntimeExports.jsxs(je,{windowSize:p,children:[n.jsxRuntimeExports.jsx(Ce,{})," ",g.zeniRecommendation]}):null,b?n.jsxRuntimeExports.jsx(he,{children:n.jsxRuntimeExports.jsx(se.default,{isCOTEnabled:E,transactionDetail:s,firstMonthOfFY:j,transactionAttachmentEndpointToDownload:F,transactionAttachmentsEndpointToFetch:F,attachmentUploadEndpoint:"",authParams:m,isDisabled:O??"readonly",isNavBarVisible:!1,containerStyles:{boxShadow:"none",backgroundColor:"inherit"},headerStyles:{boxShadow:"none",backgroundColor:"inherit"},autoCompleteData:{entityAutoCompleteView:{customer:[],vendor:[],fetchState:"Not-Started"}},isVendorBulkUpdateOnTransactionEnabled:_,onDeleteAttachment:()=>{},autoCompleteActions:{onAutoCompleteInputChange:()=>null,onCancelAutoComplete:()=>null,onAutoCompleteEntity:()=>null,onLoadOptions:()=>null},onUploadAttachmentAttachment:()=>null,enableBackClickOnSave:!0,saveLatestSelectedEntity:()=>null,updateVendorBulkRecommendationsFetchStatus:()=>null,setIsVendorUpdateAllChecked:()=>null})}):null,n.jsxRuntimeExports.jsxs(Ee,{children:[ee?n.jsxRuntimeExports.jsx(q,{windowSize:p,children:g.transactionFetchError}):null,te?n.jsxRuntimeExports.jsx(q,{windowSize:p,children:g.jeDetails}):null]}),X?n.jsxRuntimeExports.jsx(oe.BusyIndication,{fetchState:s?.fetchState}):null]}),f||$?n.jsxRuntimeExports.jsx(e.Footer,{formId:f?R(B):void 0,primaryBtn:{onClick:$&&!f?K:void 0,label:$&&!f?g.fetchJE:M.save,isLoading:d==="In-Progress",isDisabled:d==="In-Progress"||s?.fetchState==="In-Progress"||s?.fetchState==="Error"},cancelBtn:{label:M.cancel,shouldResetOnCancel:!0,onClick:D}}):null]})},R=t=>`${t}_form`,V=(t,r)=>({[T]:{qboURL:y.getQBOUrlForLink(r.toString(),t.jeLink),jePostingDate:t.postingDate.format(de.visual.MMMDCommaYYYYformat)}}),ue=i.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  height: fit-content;
-  flex-direction: column;
-  justify-content: flex-start;
-  background-color: ${t=>t.theme.colors.grey4};
-  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
-`,me=i.div`
-  padding: ${e.Space.sp0} ${e.Space.sp8};
-  flex-grow: 1;
-`,xe=i.div`
-  display: flex;
-  align-items: center;
-  top: ${e.Space.sp0};
-  z-index: 2;
-  padding-left: ${t=>h.containerPaddingLeft.valuePx(t.windowSize)};
-  padding-right: ${t=>h.containerPaddingRight.valuePx(t.windowSize)};
-  padding-top: ${t=>h.navbarContainerPaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>h.navbarContainerPaddingBottom.valuePx(t.windowSize)};
-`,ge=i.div`
-  max-width: 100%;
-  margin-bottom: ${e.Space.sp5};
-`,he=i.div`
-  width: 100%;
-  flex: 1;
-  margin-bottom: ${e.Space.sp12};
-  background-color: inherit;
-`,Se=i.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding: ${e.Space.sp3} ${e.Space.sp0};
-`,fe=i(e.SvgClose)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,ye=i(e.LargeRegular)`
-  display: flex;
-  width: 100%;
-  flex-grow: 1;
-  color: ${t=>t.theme.colors.primary};
-  margin: auto;
-  justify-content: center;
-`,q=i.div`
-  height: ${t=>h.emptyScheduleHeight.valuePx(t.windowSize)};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp5} ${e.Space.sp2};
-  background-color: ${t=>t.theme.colors.background};
-  color: ${t=>t.theme.colors.hero};
-  margin: ${e.Space.sp3} ${e.Space.sp1};
-  ${e.textStyles.standardRegular.css};
-`,Ee=i.div`
-  flex-grow: 1;
-  width: 100%;
-`,je=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${e.Space.sp1};
-  border-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp3} ${e.Space.sp2};
-  color: ${t=>t.theme.colors.hero};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  margin: ${e.Space.sp3} ${e.Space.sp1};
-  ${e.textStyles.standardRegular.css};
-`,Ce=i(e.SvgAutofill1)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-`;exports.default=pe;exports.uniqueFormName=R;