@zeniai/web-components 3.17.6 → 3.17.7

package/dist/ScheduleSequenceTable-DnntfbcQ.cjs

@@ -0,0 +1,324 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-DxfP_W_n.cjs"),b=require("react"),D=require("@emotion/react"),B=require("@zeniai/client-epic-state"),O=(e,s)=>`${e}.${s}`,{formElements:{dayOfMonthSelector:E},common:N}=t.appLocale.getLocalizedStrings();function Z({defaultValue:e,name:s,placeholder:l,alignLeft:i=!1,style:u,isDisabled:r,registerOptions:c,onSaveClick:d,onCancelClick:j}){const[g,p]=b.useState(!1),{control:x,formState:{errors:h},setValue:f}=o.useFormContext(),R=()=>{w||(d(),p(!1))},S=()=>{j(),p(!1)},w=o.has(h,s),m=t.useWindowSizeContext(),a=o.useTheme();return o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>{p(!1)},children:o.jsxRuntimeExports.jsx(re,{style:u,isDisabled:r!=null,windowSize:m,onClick:()=>{!g&&r==null&&p(!0)},children:o.jsxRuntimeExports.jsx(o.Controller,{name:O(s,"dayOfMonth"),control:x,rules:{...c},render:()=>o.jsxRuntimeExports.jsxs(te,{children:[o.jsxRuntimeExports.jsx(Q,{placeholder:l,defaultValue:e,isDisabled:r}),g?o.jsxRuntimeExports.jsxs(se,{alignLeft:i===!0,children:[o.jsxRuntimeExports.jsx(ce,{}),o.jsxRuntimeExports.jsxs(_,{isSelected:e.type==="day",children:[o.jsxRuntimeExports.jsxs(ae,{isError:e.type==="day"&&w,children:[o.jsxRuntimeExports.jsx(t.LabeledRadioField,{label:{label:E.pickDate},radioField:{id:"day",name:O(s,"type"),value:"day",radioSize:"small",checked:e.type==="day"},style:{...t.textStyles.smallRegular.cssObject,padding:`${t.Space.sp3} ${t.Space.sp0}`,width:"fit-content",marginLeft:t.Space.sp3,minWidth:"35%"},labelStyle:{color:e.type==="day"&&w?t.Colors.important:"inherit"}}),o.jsxRuntimeExports.jsx(t.TextField,{name:O(s,"dayOfMonth"),type:"number",placeholder:E.placeholder,disableCopyPaste:!0,autoTrim:"trim",onKeyDown:y=>{y.key!=="Backspace"&&isNaN(parseInt(y.key))&&y.preventDefault()},defaultValue:e.dayOfMonth!=null&&!isNaN(e.dayOfMonth)?e.dayOfMonth:0,registerOptions:{min:1,max:28},outerDivStyle:{width:"fit-content",marginLeft:t.Space.sp1,marginRight:t.Space.sp1},style:{border:`1px solid ${e.type==="day"&&w?t.Colors.important:a.colors.grey2}`,borderRadius:t.Space.sp1,...t.textStyles.smallRegular.cssObject,padding:t.Space.sp2,maxWidth:"35px",boxSizing:"border-box"}}),o.jsxRuntimeExports.jsx(ie,{isSelected:e.type==="day",children:E.ofEveryMonth})]}),o.jsxRuntimeExports.jsx(X,{defaultValue:e.dayOfMonth,onClick:y=>{f(`${s}.dayOfMonth`,y),f(`${s}.type`,"day")}})]}),o.jsxRuntimeExports.jsx(de,{}),o.jsxRuntimeExports.jsx(_,{isSelected:e.type==="lastDayOfMonth",children:o.jsxRuntimeExports.jsx(t.LabeledRadioField,{label:{label:E.lastDayOfMonth},radioField:{id:"lastDayOfMonth",name:O(s,"type"),value:"lastDayOfMonth",radioSize:"small",checked:e.type==="lastDayOfMonth"},style:{...t.textStyles.smallRegular.cssObject,padding:`${t.Space.sp3} ${t.Space.sp0}`,width:"fit-content",marginLeft:t.Space.sp3},labelStyle:{color:e.type==="lastDayOfMonth"&&w?t.Colors.important:"inherit"}})}),o.jsxRuntimeExports.jsx(t.Footer,{primaryBtn:{label:N.footer.save,onClick:R,isDisabled:ee(e),type:"button",style:{minWidth:"83px"}},cancelBtn:{label:N.footer.cancel,onClick:S,style:{minWidth:"83px"}},style:{position:"unset",backgroundColor:"transparent"}})]}):null]})})})})}function Q({placeholder:e,defaultValue:s,isDisabled:l}){return o.jsxRuntimeExports.jsxs(oe,{isDisabled:l!=null,children:[s?.type==null?o.jsxRuntimeExports.jsx(ne,{children:e}):null,s?.type=="day"&&s.dayOfMonth!=null?o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(I,{children:E.daysOfMonth[`${s.dayOfMonth}`]}),o.jsxRuntimeExports.jsx(I,{children:E.ofEveryMonth})]}):null,s?.type==="lastDayOfMonth"?o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(I,{children:E.daysOfMonth.lastDayOfMonth}),o.jsxRuntimeExports.jsx(I,{children:E.ofEveryMonth})]}):null]})}function X({defaultValue:e,onClick:s}){return o.jsxRuntimeExports.jsxs(le,{children:[o.jsxRuntimeExports.jsx(H,{children:[...Array(7).keys()].map(l=>{const i=l+1;return o.jsxRuntimeExports.jsx(W,{isSelected:i===e,onClick:()=>s(B.toScheduleDaysOfMonth(i)),children:i},i)})}),o.jsxRuntimeExports.jsx(H,{children:[...Array(7).keys()].map(l=>{const i=l+8;return o.jsxRuntimeExports.jsx(W,{isSelected:i===e,onClick:()=>s(i),children:i},i)})}),o.jsxRuntimeExports.jsx(H,{children:[...Array(7).keys()].map(l=>{const i=l+15;return o.jsxRuntimeExports.jsx(W,{isSelected:i===e,onClick:()=>s(i),children:i},i)})}),o.jsxRuntimeExports.jsx(H,{children:[...Array(7).keys()].map(l=>{const i=l+22;return o.jsxRuntimeExports.jsx(W,{isSelected:i===e,onClick:()=>s(i),children:i},i)})})]})}const ee=e=>{switch(e.type){case"day":return e.dayOfMonth==null;case"lastDayOfMonth":return!1;default:return!0}},te=n.div`
+  position: relative;
+`,oe=n.div`
+  display: flex;
+  padding-right: ${t.Space.sp3};
+`,_=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.isSelected===!0?e.theme.colors.background:e.theme.colors.grey5};
+  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
+`,se=n.div`
+  position: absolute;
+  z-index: 9;
+  cursor: pointer;
+  top: ${t.Space.sp5};
+  ${e=>e.alignLeft?D.css`
+          left: 0;
+        `:D.css`
+          right: 0;
+        `};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  display: flex;
+  flex-direction: column;
+  width: 270px;
+`,ne=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-right: ${t.Space.sp1};
+`,I=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,ie=n(t.StandardRegular)`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+`,Y=n.div`
+  display: flex;
+  gap: ${t.Space.sp1};
+`,re=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  border-radius: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.primary};
+  &:hover {
+    background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+  }
+`,le=n.div`
+  display: flex;
+  flex-direction: column;
+  width: fit-content;
+  margin: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,H=n.div`
+  display: flex;
+`,W=n(t.StandardRegular)`
+  padding: ${t.Space.sp1} ${t.Space.sp2};
+  max-width: ${t.Space.sp5};
+  min-width: 18px;
+  flex-grow: 1;
+  text-align: end;
+  border-radius: ${t.Space.sp1};
+  ${e=>e.isSelected?D.css`
+          color: ${e.theme.colors.background};
+          background-color: ${e.theme.colors.primary};
+        `:null}
+`,ae=n.div`
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.isError?t.Colors.importantLight:"transparent"};
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  input {
+    :checked {
+      background-color: ${e=>e.isError?t.Colors.important:e.theme.colors.primary};
+      border-color: ${e=>e.isError?t.Colors.important:e.theme.colors.primary};
+    }
+  }
+`,ce=n.div`
+  width: 100%;
+  margin-top: ${t.Space.sp1};
+  height: 1px;
+`,de=n.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,C={height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])};function pe({label:e,dayOfMonthField:s,isDisabled:l,style:i}){const u=t.useWindowSizeContext(),{formState:{errors:r}}=o.useFormContext(),c=o.has(r,s.name);return o.jsxRuntimeExports.jsxs(ue,{size:u,style:i,isDisabled:l!=null,isError:c,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:l,label:e.label,htmlFor:s.name,style:{marginLeft:C.labelMarginLeft.value(u),marginRight:C.labelMarginRight.value(u),marginTop:C.labelMarginTop.value(u),width:e.width??"auto"}}),o.jsxRuntimeExports.jsx(xe,{labelWidth:e.width,children:o.jsxRuntimeExports.jsx(Z,{...s,isDisabled:l,style:{display:"flex",flexGrow:1,width:"100%",height:C.controlHeight.value(u)}})})]})}const ue=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${e=>C.height.valuePx(e.size)};
+  padding-right: ${e=>C.marginRight.valuePx(e.size)};
+  padding-top: ${e=>C.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>C.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .react-datepicker-wrapper {
+      background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+
+  .react-datepicker-wrapper {
+    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    .react-datepicker-wrapper {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+`,xe=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,me=n.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,he=n(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp3} ${t.Space.sp1};
+`,G=n.div`
+  margin-bottom: ${t.Space.sp2};
+`,{common:T,jeSchedules:{scheduleDetails:$}}=t.appLocale.getLocalizedStrings();function ge({isUpdating:e,status:s,jeScheduleId:l,allowCreateSchedule:i,onDelete:u,onMarkAsComplete:r,onCreateSchedule:c}){const[d,j]=b.useState(!1),g={onOkClick:()=>{u()},onCancelClick:()=>{j(!1)}},p=()=>null,x=[];return(s==="new"||s=="draft")&&x.push({label:$.scheduleDetailsSection.markAsCompleted,value:$.scheduleDetailsSection.markAsCompleted}),l!=null&&s!=="draft"&&(s==="marked_as_completed"?i===!1&&x.push({label:$.scheduleDetailsSection.createSchedule,value:$.scheduleDetailsSection.createSchedule}):x.push({label:T.delete,value:T.delete})),o.jsxRuntimeExports.jsxs(me,{children:[o.jsxRuntimeExports.jsx(he,{children:$.scheduleDetailsSection.header}),o.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:x.length>0,children:o.jsxRuntimeExports.jsx(t.MoreMenuButton,{moreIconType:"plain",options:x,customStyleConfig:{valueContainer:()=>({".more-icon":{width:t.Space.sp3,height:t.Space.sp3}})},menuPlacement:"top",onOptionSelection:h=>{h===T.delete&&j(!0),h===$.scheduleDetailsSection.markAsCompleted&&r(),h===$.scheduleDetailsSection.createSchedule&&c()},valueToIcon:p})}),o.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:d===!0,children:o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:$.scheduleDetailsSection.confirmDeletionTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(Se,{}),action:g,primaryButtonText:T.yes,proceedButtonVariant:"danger",secondaryButtonText:T.no,isLoading:e})})]})}function Se(){return o.jsxRuntimeExports.jsxs(t.ConfirmationPopUpDescription,{children:[o.jsxRuntimeExports.jsx(G,{children:$.scheduleDetailsSection.confirmDeletionDescription}),o.jsxRuntimeExports.jsx(G,{children:$.scheduleDetailsSection.confirmDeletionDescriptionNote})]})}const L={containerPadding:new t.ResponsiveSized(t.sp[3],t.sp[8]),containerMarginTop:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerMarginBottom:new t.ResponsiveSized(t.sp[4],t.sp[5]),transactionLabelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[0]),transactionTitleContainerWidth:new t.ResponsiveSized(187,480)},q={transactionLabel:new t.ResponsiveSizedStyle("standardMedium","largeMedium"),transactionTitle:new t.ResponsiveSizedStyle("h6SemiBold","h5SemiBold")},je=n.div``,J=n.div`
+  margin: ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0} ${t.Space.sp0};
+  max-width: ${e=>L.transactionTitleContainerWidth.valuePx(e.windowSize)};
+`,ye=n(t.LargeRegular)`
+  color: ${t.Colors.neutralGrey5Light};
+  margin-top: ${e=>L.transactionLabelMarginTop.valuePx(e.windowSize)};
+  ${e=>`${q.transactionLabel.style(e.windowSize)}`};
+  background-color: ${e=>e.labelColor.toString()};
+  border-radius: ${t.Space.sp1};
+  padding: ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2};
+`,fe=n.div`
+  display: flex;
+  flex-direction: column;
+`,we=n.div`
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${t.Space.sp3};
+`,Re=n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${e=>`${t.Space.sp0} ${L.containerPadding.valuePx(e.windowSize)}`};
+`,$e=n.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: ${e=>L.containerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>L.containerMarginBottom.valuePx(e.windowSize)};
+`,be=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${t.Space.sp4};
+`,Ee=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+  text-align: right;
+`,Ce=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: ${t.Space.sp3};
+`,ve=n.div`
+  margin-top: ${t.Space.sp3};
+  width: 100%;
+`,ke=n.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${t.Space.sp3} ${t.Space.sp0} ${t.Space.sp6} ${t.Space.sp0};
+`,Te=n.div`
+  display: flex;
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,ze=({title:e,value:s})=>o.jsxRuntimeExports.jsxs(Ce,{children:[o.jsxRuntimeExports.jsx(be,{children:e}),o.jsxRuntimeExports.jsx(Ee,{children:s||V})]}),{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:k},scheduleAccruedDetails:{placeholders:{selectVendor:Me}}},dateFormat:{visual:{MMMDCommaYYYYformat:De}},common:{strings:{hyphen:V}}}=t.appLocale.getLocalizedStrings();function Le({transaction:e,vendorField:s,vendorLoadOptions:l,errors:i,vendorFieldName:u,vendor:r}){const c=t.useWindowSizeContext(),d=o.useTheme(),[j,g]=b.useState(!1),p=Oe(e),x=i?.includes("vendor_deleted"),[h,f]=b.useState(i?.includes("vendor_deleted")),R=s?.defaultOptions.find(S=>S.value===s?.selectedOption);return o.jsxRuntimeExports.jsxs(Re,{windowSize:c,children:[o.jsxRuntimeExports.jsxs($e,{windowSize:c,children:[o.jsxRuntimeExports.jsxs(we,{windowSize:c,children:[o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:x===!0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:h===!0?o.jsxRuntimeExports.jsx(t.ButtonWithRoundAddIcon,{text:k.addVendor,handleClick:()=>{f(!1),g(!0)}}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:j===!1?o.jsxRuntimeExports.jsx(je,{onClick:()=>g(!0),children:R!=null?o.jsxRuntimeExports.jsx(J,{windowSize:c,children:o.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{itemTextStyle:{...q.transactionTitle.styleObject(c),lineHeight:"unset",color:d.colors.primary,cursor:"default"},text:R.label})}):o.jsxRuntimeExports.jsx(t.ButtonWithRoundAddIcon,{text:k.addVendor,handleClick:()=>{f(!1),g(!0)}})}):o.jsxRuntimeExports.jsx(t.AutoCompleteSingleSelectField,{autoFocus:!0,menuIsOpen:j,name:u??"",placeholder:Me,valueToId:S=>S,defaultValue:{selectedOption:s?.selectedOption,defaultOptions:s?.defaultOptions??[]},onMenuClose:()=>g(!1),customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"})},style:{width:250},registerOptions:{required:!0,validate:S=>!!S.selectedOption},loadOptions:l})})}):o.jsxRuntimeExports.jsx(J,{windowSize:c,children:o.jsxRuntimeExports.jsx(t.TooltipWithEllipsisText,{itemTextStyle:{...q.transactionTitle.styleObject(c),lineHeight:"unset",color:d.colors.primary},text:r.name})})}),o.jsxRuntimeExports.jsx(ye,{windowSize:c,labelColor:t.getColorForTransactionType(e.type,d),children:e.typeName??e.type})]}),o.jsxRuntimeExports.jsx(fe,{children:o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:e.amount,integerStyles:t.textStyles.h6SemiBold.cssObject,decimalStyles:t.textStyles.standardMedium.cssObject})})]}),o.jsxRuntimeExports.jsx(Te,{}),o.jsxRuntimeExports.jsx(ke,{children:p.map((S,w)=>o.jsxRuntimeExports.jsx(ve,{children:o.jsxRuntimeExports.jsx(ze,{title:S.title,value:S.value})},w))})]})}function Oe(e){const s=[];return s.push({title:k.transactionDate,value:e.date.format(De)}),s.push({title:k.category,value:e.account.accountName}),s.push({title:k.class,value:e.classBase?.className??V}),s.push({title:k.memo,value:e.memo}),s}const U=(e,s)=>`${e}.${s}`,Ie={webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},He=t.appLocale.getLocalizedStrings(),{dateFormat:We,jeSchedules:{scheduleDetails:A}}=He,Be=({sectionId:e,rowId:s,isDisabled:l,hideMemoField:i,minMaxValuesForAmount:u,isAmountEditable:r,scheduleJournalEntry:c,localData:d,onJELinkClick:j,onViewLinkedJE:g})=>{const p=t.useWindowSizeContext(),x=o.useTheme(),[h,f]=b.useState(!1),{formState:{errors:R}}=o.useFormContext(),S=b.useCallback(()=>{j(s)},[j,s]),w=c?.jeScheduleId!=null&&c.status.code==="unknown",m=r===!1?"disabled":l,a=c?.jeScheduleId!=null&&c.status.code==="posted"&&d.jeLink.transactionDetailID!=null,y=()=>{a&&d.jeLink.transactionDetailID!=null&&g(d.jeLink.transactionDetailID,s)},F=U(e,"amount"),v=o.has(R,F);return o.jsxRuntimeExports.jsxs(Ae,{windowSize:p,isRowEditable:r,isClickable:a||r,onClick:y,children:[i?null:o.jsxRuntimeExports.jsx(z,{windowSize:p,widthSize:t.scheduleSequenceTableHeaderItemsData[0].width,children:o.jsxRuntimeExports.jsx(M,{windowSize:p,isClickable:a||r,title:d.memo,children:d.memo})}),o.jsxRuntimeExports.jsx(z,{windowSize:p,widthSize:t.scheduleSequenceTableHeaderItemsData[1].width,children:o.jsxRuntimeExports.jsx(M,{windowSize:p,isClickable:a||r,children:d.postingDate.format(We.visual.MMMDCommaYYYYformat)})}),o.jsxRuntimeExports.jsx(z,{windowSize:p,widthSize:t.scheduleSequenceTableHeaderItemsData[2].width,children:o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>f(!1),children:o.jsxRuntimeExports.jsx(M,{windowSize:p,onClick:()=>{(a||r)&&f(!0)},isClickable:a||r,children:o.jsxRuntimeExports.jsx(t.FormattedTextField,{style:{height:t.Space.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:t.Space.sp3,color:v===!0?t.Colors.important:h===!1?x.colors.hero:x.colors.primary},type:"number",autoFocus:!1,focus:h,name:U(e,"amount"),placeholder:A.sequenceSchedule.sequenceData.amountPlaceholder,autoComplete:"new-password",defaultValue:d.amount.amount,returnValueType:"floatValue",allowEmptyFormatting:!0,hoverBgColor:l==null?x.colors.background:x.colors.grey5,bgColor:v===!0?t.Colors.importantLight:h===!1?x.colors.grey5:x.colors.background,prefix:d.amount.currencySymbol,decimalScale:2,allowNegative:!0,isNumericString:!1,isFieldError:v,registerOptions:{required:m==null,min:u.min,max:u.max},isDisabled:m,thousandsGroupStyle:"thousand",thousandSeparator:!0})})})}),o.jsxRuntimeExports.jsx(z,{windowSize:p,widthSize:t.scheduleSequenceTableHeaderItemsData[3].width,children:o.jsxRuntimeExports.jsx(M,{windowSize:p,isClickable:a||r,children:t.amountToString("0,0.00",d.runningBalance)})}),o.jsxRuntimeExports.jsx(z,{windowSize:p,widthSize:t.scheduleSequenceTableHeaderItemsData[4].width,children:o.jsxRuntimeExports.jsx(M,{windowSize:p,isLastItem:!0,isClickable:a||r,children:o.jsxRuntimeExports.jsxs(Ge,{children:[o.jsxRuntimeExports.jsx(t.Tag,{textColor:qe(d.postingStatus,x),onClick:a||r?y:void 0,text:A.sequenceSchedule.postingStatus[d.postingStatus]}),w?o.jsxRuntimeExports.jsx(Ye,{onClick:a?y:S,children:o.jsxRuntimeExports.jsx(Fe,{jeLink:d.jeLink,isJElinkAllowed:w})}):null]})})})]})};function Fe({jeLink:e,isJElinkAllowed:s}){const[l,i]=b.useState(!1);return e.type==="linked"&&s?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}):s&&(e.type==="unknown"||e.type==="recommended")?o.jsxRuntimeExports.jsxs(Pe,{onMouseOver:()=>i(!0),onMouseLeave:()=>i(!1),children:[o.jsxRuntimeExports.jsx(Je,{}),l?o.jsxRuntimeExports.jsxs(Ne,{children:[e.type==="recommended"?o.jsxRuntimeExports.jsx(Ue,{}):null,o.jsxRuntimeExports.jsx(_e,{children:A.linkJE.linkJE})]}):null]}):null}const qe=(e,s)=>{switch(e){case"pending":case"canceled":case"recorded":return new o.Color(s.colors.grey1);case"posted":return new o.Color(t.Colors.success);case"unknown":return new o.Color(t.Colors.alert)}},Ae=n.div`
+  display: flex;
+  height: ${t.SCHEDULE_ROW_HEIGHT}px;
+  justify-content: space-between;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isRowEditable?D.css`
+          &:hover {
+            border-bottom: 1px solid ${e.theme.colors.primary};
+            div {
+              color: ${e.theme.colors.primary};
+            }
+          input{
+            background-color: ${e.theme.colors.background}
+        }`:null};
+
+  ${e=>e.isClickable?D.css`
+          &:hover {
+            border-bottom: 1px solid ${e.theme.colors.primary};
+            div {
+              color: ${e.theme.colors.primary};
+            }`:null};
+
+  box-sizing: border-box;
+  align-items: center;
+
+  cursor: ${e=>e.isClickable===!0?"pointer":"default"};
+`,z=n.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.widthSize.valuePx(e.windowSize)};
+  max-width: ${e=>e.widthSize.valuePx(e.windowSize)};
+  :last-of-type {
+    padding-right: 0;
+  }
+`,Pe=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ne=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,_e=n(t.StandardRegular)``,Ye=n.div``,Ge=n.div`
+  display: flex;
+  gap: ${t.Space.sp3};
+  align-items: center;
+`,Je=n(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Ue=n(t.SvgAutofill1)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,M=n(t.StandardRegular)`
+  flex-grow: 1;
+  word-break: break-word;
+  white-space: nowrap;
+  cursor: ${e=>e.isClickable===!0?"pointer":"default"};
+  -webkit-line-clamp: ${e=>Ie.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-align: "left";
+  text-overflow: ellipsis;
+  width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  min-width: ${e=>e.windowSize==="small"?"200px":"initial"};
+  justify-content: unset;
+  display: ${e=>e.isLastItem===!0?"flex":"inline-block"};
+  margin-right: ${e=>e.isLastItem===!0?0:t.Space.sp4};
+  padding-right: ${t.Space.sp0};
+`,K={scheduleDetailsWrapperContainerMarginTop:new t.ResponsiveSized(t.sp[3],t.sp[3]),paddingRight:new t.ResponsiveSized(t.sp[4],0)},Ve=({sectionId:e,totalAmount:s,isDisabled:l,hideMemoField:i,listFetchState:u,scheduleJournalEntries:r,localData:c,uiState:d,onEditAmount:j,onJELinkClick:g,onViewLinkedJE:p,jeScheduleId:x})=>{const h=t.useWindowSizeContext(),f=u==="Not-Started"||u==="In-Progress"&&r.length===0,R=u==="Completed"&&c.length===0,S=t.appLocale.getLocalizedStrings().jeSchedules.scheduleDetails.sequenceSchedule;return o.jsxRuntimeExports.jsxs(st,{windowSize:h,children:[o.jsxRuntimeExports.jsx(it,{windowSize:h,children:S.header}),f?o.jsxRuntimeExports.jsx(t.ScheduleSequenceTableLoader,{}):R?o.jsxRuntimeExports.jsx(nt,{windowSize:h,children:o.jsxRuntimeExports.jsx(t.InfoBox,{text:S.notCreated})}):o.jsxRuntimeExports.jsx(et,{children:o.jsxRuntimeExports.jsx(Ke,{isDisabled:l,sectionId:e,hideMemoField:i,totalAmount:s,uiState:d,scheduleJournalEntries:r,localData:c,onEditAmount:j,onJELinkClick:g,onViewLinkedJE:p,jeScheduleId:x})})]})},Ke=({sectionId:e,totalAmount:s,isDisabled:l,hideMemoField:i,scheduleJournalEntries:u,localData:r,uiState:c,jeScheduleId:d,onEditAmount:j,onJELinkClick:g,onViewLinkedJE:p})=>{const x=b.useRef(null),h=t.useWindowSizeContext(),f=m=>t.SCHEDULE_ROW_HEIGHT,R=r.length*t.SCHEDULE_ROW_HEIGHT+t.HEADER_HEIGHT;b.useEffect(()=>{x.current?.resetAfterIndex(0)},[u]);const S=(m,a,y)=>{if(m===a.length-1)return!1;if(y?.jeScheduleId==null)return!0;const F=B.dateNow(),v=B.dateNow().startOf("month"),P=B.dateNow().endOf("month");if(a[m].postingDate!=null){if(a[m].postingDate.month()===F.month()&&a[m].postingDate.isBetween(v,P)===!0)return(a[m].postingStatus==="pending"||a[m].postingStatus==="canceled")&&r[m].runningBalance.amount!==0;if(a[m].postingDate.isBefore(v)===!0)return!1;if(a[m].postingDate.isAfter(P)===!0&&m!==0&&r[m-1].postingStatus==="posted"&&r[m-1].runningBalance.amount!==0)return!0}return!1},w=m=>{const a=s<0;if(m===0)return{min:a?s:0,max:a?0:s};{const y=r[m-1].runningBalance.amount;return{min:a?y:0,max:a?0:y}}};return o.jsxRuntimeExports.jsx(Qe,{windowSize:h,containerHeight:R,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:m,width:a})=>o.jsxRuntimeExports.jsxs(ot,{style:{height:m,width:a},children:[o.jsxRuntimeExports.jsx(Xe,{children:o.jsxRuntimeExports.jsx(t.ScheduleSequenceTableHeaderRow,{hideMemo:i})}),o.jsxRuntimeExports.jsx(o.VariableSizeList,{height:m,itemCount:r.length,itemSize:f,itemData:{sectionId:e,scheduleJournalEntries:u,localData:r,onEditAmount:j,onJELinkClick:g,uiState:c,windowSize:h,isDisabled:l,isAmountEditable:S,hideMemoField:i,getMinMaxValuesForAmount:w,onViewLinkedJE:p,jeScheduleId:d},width:a,ref:x,overscanCount:t.OVERSCAN_COUNT,initialScrollOffset:0,children:Ze})]})})})},Ze=({index:e,data:s})=>{const{sectionId:l,scheduleJournalEntries:i,localData:u,onJELinkClick:r,windowSize:c,isDisabled:d,hideMemoField:j,isAmountEditable:g,getMinMaxValuesForAmount:p,onViewLinkedJE:x,jeScheduleId:h}=s;return o.jsxRuntimeExports.jsx(tt,{windowSize:c,children:o.jsxRuntimeExports.jsx(Be,{rowId:e,isDisabled:d,isAmountEditable:g(e,u,i[e]),hideMemoField:j,minMaxValuesForAmount:p(e),sectionId:`${l}.${e}`,scheduleJournalEntry:i[e],localData:u[e],onJELinkClick:r,onViewLinkedJE:x})},h+e)},Qe=n.div`
+  height: ${e=>e.containerHeight}px;
+  width: 100%;
+  margin-right: ${t.Space.sp8};
+`,Xe=n.div`
+  width: auto;
+`,et=n.div`
+  display: flex;
+  flex-direction: column;
+`,tt=n.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+  width: 100%;
+  padding: ${e=>`${t.Space.sp0} ${K.paddingRight.valuePx(e.windowSize)} ${t.Space.sp0} ${t.Space.sp0}`};
+`,ot=n.div``,st=n.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  border-left: 1px solid ${e=>e.theme.colors.grey3};
+  border-right: 1px solid ${e=>e.theme.colors.grey3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+
+  border-top-left-radius: ${t.Space.sp0};
+  border-top-right-radius: ${t.Space.sp0};
+  border-bottom-left-radius: ${t.Space.sp2};
+  border-bottom-right-radius: ${t.Space.sp2};
+
+  margin-left: ${t.Space.sp8};
+  margin-right: ${t.Space.sp8};
+  margin-bottom: ${t.Space.sp8};
+  padding: ${t.Space.sp0} ${t.Space.sp4} ${t.Space.sp4} ${t.Space.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+`,nt=n.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  margin-top: ${e=>K.scheduleDetailsWrapperContainerMarginTop.valuePx(e.windowSize)};
+`,it=n.div`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.Space.sp3} ${t.Space.sp0};
+  ${t.textStyles.standardRegular.css};
+`;exports.LabeledDayOfMonthSelectorField=pe;exports.ScheduleDetailsTitleWithOptions=ge;exports.ScheduleSequenceTable=Ve;exports.ScheduleTransactionHeader=Le;