@zeniai/web-components 3.17.22 → 3.17.24

package/dist/LinkJETransactionPage-CFUmjmp0.cjs

@@ -0,0 +1,98 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DLVCFIC_.cjs"),z=require("react"),i=require("@emotion/styled"),y=require("@zeniai/client-epic-state"),e=require("./index-BSvKy2E6.cjs"),oe=require("./BusyIndication-Uo05RX3X.cjs"),se=require("./TransactionDetailPage-Btamvsf5.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;

package/dist/LinkJETransactionPage-NXVaaeQn.js

@@ -0,0 +1,406 @@
+import { j as n, g as ue, h as me, F as pe } from "./vendor-.pnpm-UYinI_7q.js";
+import { useEffect as B } from "react";
+import i from "@emotion/styled";
+import { getQBOUrlForLink as W, getFirstControllerEmail as ge, getFirstControllerId as he } from "@zeniai/client-epic-state";
+import { a as q, u as Q, aS as M, R as u, k8 as xe, C as fe, S as t, t as D, aD as ye, k9 as P, jY as L, aG as Ce, ao as be, ai as we, b as ve, eF as $e, D as l } from "./index-ymbrtWl5.js";
+import { B as Se } from "./BusyIndication-CEyyG-Ry.js";
+import je from "./TransactionDetailPage-D8v3KPrb.js";
+const V = {
+  labelWidth: new u(120, 145, 160)
+}, Ee = 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 = q.getLocalizedStrings(), {
+    dateFormat: w,
+    jeSchedules: {
+      scheduleDetails: { linkJE: s, scheduleDetailsSection: v }
+    }
+  } = m, g = a.format(
+    w.visual.MMMDCommaYYYYformat
+  ), h = Q();
+  return /* @__PURE__ */ n.jsxs(Ee, { children: [
+    /* @__PURE__ */ n.jsx(Pe, { windowSize: h, children: v.header }),
+    /* @__PURE__ */ n.jsxs(ke, { children: [
+      /* @__PURE__ */ n.jsx(
+        M,
+        {
+          label: {
+            label: s.jePostingDate,
+            width: V.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(
+        M,
+        {
+          label: {
+            label: s.jeLink,
+            width: V.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)
+}, Y = "linkJETransactionPage", Z = "linkJETransaction", G = q.getLocalizedStrings(), {
+  common: { footer: T },
+  dateFormat: Fe
+} = 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: F,
+  isVendorBulkUpdateOnTransactionEnabled: X,
+  onUpdateLocalData: ee,
+  onBackClick: I,
+  onCancelClick: te,
+  onSaveClick: ne,
+  onFetchTransactionClick: oe
+}) => {
+  const p = Q(), A = ye(m), C = W(g.toString(), r.jeLink), $ = ge(
+    F.controllers
+  ), S = he(
+    F.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: S
+    }), 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);
+  };
+  B(() => {
+    const c = x.watch((d, { name: de }) => {
+      de != null && d != null && me(() => ie(d));
+    });
+    return () => {
+      c.unsubscribe();
+    };
+  }), B(() => {
+    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: S
+      }), I();
+    }
+  }, [m, A, I]);
+  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: S
+      }), oe(r.jeLink.transactionDetailID);
+    }
+  }, re = s != null && s.fetchState === "In-Progress", le = s != null && s.fetchState === "Error", j = s != null && s.fetchState === "Completed", ce = s == null || s.fetchState === "Not-Started", R = r.jeLink.type === "recommended", z = Ce(x.formState.dirtyFields), E = x.formState.isValid, b = j && z && E || j && R && E, k = z && E;
+  return /* @__PURE__ */ n.jsxs(Ie, { children: [
+    /* @__PURE__ */ n.jsxs(Je, { windowSize: p, children: [
+      /* @__PURE__ */ n.jsx(Me, { windowSize: p, children: f.linkJE }),
+      /* @__PURE__ */ n.jsx(ze, { children: /* @__PURE__ */ n.jsx(Be, { 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(Y),
+          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(Ye, {}),
+        " ",
+        f.zeniRecommendation
+      ] }) : null,
+      j ? /* @__PURE__ */ n.jsx(Re, { children: /* @__PURE__ */ n.jsx(
+        je,
+        {
+          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(Ve, { 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(Se, { fetchState: s?.fetchState }) : null
+    ] }),
+    b || k ? /* @__PURE__ */ n.jsx(
+      be,
+      {
+        formId: b ? O(Y) : void 0,
+        primaryBtn: {
+          onClick: k && !b ? ae : void 0,
+          label: k && !b ? f.fetchJE : T.save,
+          isLoading: m === "In-Progress",
+          isDisabled: m === "In-Progress" || s?.fetchState === "In-Progress" || s?.fetchState === "Error"
+        },
+        cancelBtn: {
+          label: T.cancel,
+          shouldResetOnCancel: !0,
+          onClick: J
+        }
+      }
+    ) : null
+  ] });
+}, O = (e) => `${e}_form`, _ = (e, a) => ({
+  [Z]: {
+    qboURL: W(a.toString(), e.jeLink),
+    jePostingDate: e.postingDate.format(
+      Fe.visual.MMMDCommaYYYYformat
+    )
+  }
+}), Ie = 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};
+`, Be = i(ve)`
+  cursor: pointer;
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, Me = 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};
+`, Ve = 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};
+`, Ye = i($e)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`;
+export {
+  Ze as default,
+  O as uniqueFormName
+};