@zeniai/web-components 4.0.33 → 4.0.35

package/dist/cockpit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-CEdJKO7y.cjs"),o=require("./vendor-.pnpm-Cs9JUim_.cjs"),u=require("react"),s=require("@emotion/styled"),Ze=require("@liveblocks/react"),ee=require("@zeniai/client-epic-state"),Cs=require("@liveblocks/react-ui"),we=require("@emotion/react"),ds=require("react-dom"),mt=require("@liveblocks/react-ui/primitives"),ai=require("@liveblocks/react/suspense");function ga(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=ga(u),Sa=({inboxNotification:e,onNotificationClick:n})=>{const r=Ze.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(ya,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Cs.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Cs.InboxNotification.Thread,{...d,showRoomName:!0})}})})},ya=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-BHVtDj6W.cjs"),o=require("./vendor-.pnpm-Cs9JUim_.cjs"),u=require("react"),s=require("@emotion/styled"),Ze=require("@liveblocks/react"),ee=require("@zeniai/client-epic-state"),Cs=require("@liveblocks/react-ui"),we=require("@emotion/react"),ds=require("react-dom"),mt=require("@liveblocks/react-ui/primitives"),ai=require("@liveblocks/react/suspense");function ga(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=ga(u),Sa=({inboxNotification:e,onNotificationClick:n})=>{const r=Ze.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(ya,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Cs.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Cs.InboxNotification.Thread,{...d,showRoomName:!0})}})})},ya=s.div`
   display: flex;
   width: 100%;
   cursor: ${e=>e.isClickable?"pointer":"initial"};
@@ -2938,7 +2938,7 @@ ${e}`,bd=e=>le.createElement("svg",{width:38,height:39,viewBox:"0 0 38 39",fill:
   height: calc(100vh - 45px);
   overflow-y: hidden;
   background-color: ${e=>e.theme.colors.grey4};
-`,ay=({headerData:e,headerActions:n,portfolioPageActions:r,portfolioPageData:i,initialOpenThreadRequest:a})=>{const{portfolioView:d}=i,{onColumnSortConfigChanged:l,onCompanyNameClicked:c,onPassportIconClicked:p,onScroll:m,onFiltersChange:h,onCockpitReloadData:S}=r,x=d.uiState.filterText,C=d.uiState.filters,b=d.fetchState==="Completed";return n.filterActions&&(n.filterActions.getCategoryWiseOptions=()=>cy()),o.jsxRuntimeExports.jsxs(iy,{children:[o.jsxRuntimeExports.jsx(ht,{headerActions:{...n},headerData:{...e,filterData:{filterText:x,filters:C},companiesLoaded:b,selectedTabOption:"portfolio",allTabOptions:xt}}),o.jsxRuntimeExports.jsx(ly,{portfolioView:d,onColumnSortConfigChanged:l,onScroll:m,onCockpitReloadData:S,isFilterApplied:C?.categories!=null,onCompanyNameClicked:c,onPassportIconClicked:p,onClearFilter:()=>h("portfolio",{}),initialOpenThreadRequest:a})]})},ly=({portfolioView:e,isFilterApplied:n,onColumnSortConfigChanged:r,onCompanyNameClicked:i,onPassportIconClicked:a,onCockpitReloadData:d,onScroll:l,onClearFilter:c,initialOpenThreadRequest:p})=>{const m=t.useWindowSizeContext();return e.fetchState==="Error"?o.jsxRuntimeExports.jsx(jt,{onCockpitReloadData:d,selectedCockpitOption:"portfolio"}):e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?o.jsxRuntimeExports.jsx(sy,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):e.companies.length===0?n?o.jsxRuntimeExports.jsx(t.EmptySearchResults,{emptySearchTextFirstLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchOnFilters,emptySearchTextSecondLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextSecondLine,filtersApplied:!0,onClearFilter:c}):o.jsxRuntimeExports.jsx(t.EmptySearchResults,{emptySearchTextFirstLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextFirstLine,emptySearchTextSecondLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextSecondLine}):o.jsxRuntimeExports.jsx(ry,{windowSize:m,children:o.jsxRuntimeExports.jsx(qS,{portfolioView:e,onColumnSortConfigChanged:r,onScroll:l,onCompanyNameClicked:i,onPassportIconClicked:a,initialOpenThreadRequest:p})})},cy=()=>di.reduce((n,r)=>{switch(r.value){case"netBurnOrIncome":return{...n,[r.value]:Ua};case"cashPosition":return{...n,[r.value]:Ha};case"expenses":return{...n,[r.value]:Ka};case"income":return{...n,[r.value]:Ga};case"runway":return{...n,[r.value]:Ya};default:return{...n,[r.value]:[]}}},{}),{dateFormat:dy,aiAccountantCustomer:ao}=t.appLocale.getLocalizedStrings(),Ss=({operationType:e,onCancel:n,onConfirm:r,dialogTitle:i,dialogDescription:a})=>{const d=o.useTheme(),[l,c]=u.useState(""),[p,m]=u.useState(""),h=e==="offboard",S=h||l.length>0&&p.length>0,x=e.replaceAll("_"," "),C=ee.zeniDate(new Date().toISOString()).format(dy.analytics.YYYYDashMMDashDDFormat),b=i??`${ao.jobTriggerDialog.title} — ${x}`;return o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:b}),descriptionComponent:a!=null?o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:a}):void 0,primaryButtonText:ao.jobTriggerDialog.confirm,secondaryButtonText:ao.jobTriggerDialog.cancel,isProceedDisabled:!S,action:{onOkClick:()=>{S&&r(e,l,p)},onCancelClick:n,onClickAway:n},shouldClickAway:!0,style:{background:d.colors.overlayColor},children:!h&&o.jsxRuntimeExports.jsxs(py,{children:[o.jsxRuntimeExports.jsxs(Er,{children:[o.jsxRuntimeExports.jsx(wr,{children:ao.jobTriggerDialog.startDate}),o.jsxRuntimeExports.jsx(vr,{type:"date",value:l,max:p.length>0?p:C,onChange:f=>c(f.target.value)})]}),o.jsxRuntimeExports.jsxs(Er,{children:[o.jsxRuntimeExports.jsx(wr,{children:ao.jobTriggerDialog.endDate}),o.jsxRuntimeExports.jsx(vr,{type:"date",value:p,min:l.length>0?l:void 0,max:C,onChange:f=>m(f.target.value)})]})]})})},py=s.div`
+`,ay=({headerData:e,headerActions:n,portfolioPageActions:r,portfolioPageData:i,initialOpenThreadRequest:a})=>{const{portfolioView:d}=i,{onColumnSortConfigChanged:l,onCompanyNameClicked:c,onPassportIconClicked:p,onScroll:m,onFiltersChange:h,onCockpitReloadData:S}=r,x=d.uiState.filterText,C=d.uiState.filters,b=d.fetchState==="Completed";return n.filterActions&&(n.filterActions.getCategoryWiseOptions=()=>cy()),o.jsxRuntimeExports.jsxs(iy,{children:[o.jsxRuntimeExports.jsx(ht,{headerActions:{...n},headerData:{...e,filterData:{filterText:x,filters:C},companiesLoaded:b,selectedTabOption:"portfolio",allTabOptions:xt}}),o.jsxRuntimeExports.jsx(ly,{portfolioView:d,onColumnSortConfigChanged:l,onScroll:m,onCockpitReloadData:S,isFilterApplied:C?.categories!=null,onCompanyNameClicked:c,onPassportIconClicked:p,onClearFilter:()=>h("portfolio",{}),initialOpenThreadRequest:a})]})},ly=({portfolioView:e,isFilterApplied:n,onColumnSortConfigChanged:r,onCompanyNameClicked:i,onPassportIconClicked:a,onCockpitReloadData:d,onScroll:l,onClearFilter:c,initialOpenThreadRequest:p})=>{const m=t.useWindowSizeContext();return e.fetchState==="Error"?o.jsxRuntimeExports.jsx(jt,{onCockpitReloadData:d,selectedCockpitOption:"portfolio"}):e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?o.jsxRuntimeExports.jsx(sy,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):e.companies.length===0?n?o.jsxRuntimeExports.jsx(t.EmptySearchResults,{emptySearchTextFirstLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchOnFilters,emptySearchTextSecondLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextSecondLine,filtersApplied:!0,onClearFilter:c}):o.jsxRuntimeExports.jsx(t.EmptySearchResults,{emptySearchTextFirstLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextFirstLine,emptySearchTextSecondLine:t.appLocale.getLocalizedStrings().cockpit.emptySearchTextSecondLine}):o.jsxRuntimeExports.jsx(ry,{windowSize:m,children:o.jsxRuntimeExports.jsx(qS,{portfolioView:e,onColumnSortConfigChanged:r,onScroll:l,onCompanyNameClicked:i,onPassportIconClicked:a,initialOpenThreadRequest:p})})},cy=()=>di.reduce((n,r)=>{switch(r.value){case"netBurnOrIncome":return{...n,[r.value]:Ua};case"cashPosition":return{...n,[r.value]:Ha};case"expenses":return{...n,[r.value]:Ka};case"income":return{...n,[r.value]:Ga};case"runway":return{...n,[r.value]:Ya};default:return{...n,[r.value]:[]}}},{}),{dateFormat:dy,aiAccountantCustomer:ao}=t.appLocale.getLocalizedStrings(),Ss=({operationType:e,onCancel:n,onConfirm:r,dialogTitle:i,dialogDescription:a})=>{const d=o.useTheme(),[l,c]=u.useState(""),[p,m]=u.useState(""),h=e==="offboard",S=h||l.length>0&&p.length>0,x=e.replaceAll("_"," "),C=ee.zeniDate(new Date().toISOString()).format(dy.analytics.YYYYDashMMDashDDFormat),b=i??`${ao.jobTriggerDialog.title} — ${x}`;return o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:b}),descriptionComponent:a!=null?o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:a}):void 0,primaryButtonText:ao.jobTriggerDialog.confirm,secondaryButtonText:ao.jobTriggerDialog.cancel,useLegacyStyles:!0,isProceedDisabled:!S,action:{onOkClick:()=>{S&&r(e,l,p)},onCancelClick:n,onClickAway:n},shouldClickAway:!0,style:{background:d.colors.overlayColor},children:!h&&o.jsxRuntimeExports.jsxs(py,{children:[o.jsxRuntimeExports.jsxs(Er,{children:[o.jsxRuntimeExports.jsx(wr,{children:ao.jobTriggerDialog.startDate}),o.jsxRuntimeExports.jsx(vr,{type:"date",value:l,max:p.length>0?p:C,onChange:f=>c(f.target.value)})]}),o.jsxRuntimeExports.jsxs(Er,{children:[o.jsxRuntimeExports.jsx(wr,{children:ao.jobTriggerDialog.endDate}),o.jsxRuntimeExports.jsx(vr,{type:"date",value:p,min:l.length>0?l:void 0,max:C,onChange:f=>m(f.target.value)})]})]})})},py=s.div`
   display: flex;
   flex-direction: column;
   gap: ${t.Space.sp3};
@@ -4327,7 +4327,7 @@ ${e}`,bd=e=>le.createElement("svg",{width:38,height:39,viewBox:"0 0 38 39",fill:
   color: ${t.Colors.importantDark};
   padding: ${t.Space.sp2} ${t.Space.sp2};
   border-radius: ${t.Space.sp1};
-`,Hr="onboardingCustomerPage",k3="companySection",rt="groupSection",De="customerSection",ia="qboConnectionSection",ho={labelWidth:new t.ResponsiveSized(120,180),largeLabelWidth:new t.ResponsiveSized(120,210,210),extraLargeLabelWidth:new t.ResponsiveSized(240,240,240),descriptionMarginBottom:new t.ResponsiveSized(20,t.sp[3]),titleFontSize:new t.ResponsiveSized(t.sp[3],18),titleLineHeight:new t.ResponsiveSized(t.sp[4],27),buttonWidth:new t.ResponsiveSized(135,135)},{cockpit:{onboarding:je},common:{no:T3,yes:L3,strings:de}}=t.appLocale.getLocalizedStrings();function P3({localData:e,screenType:n,qboConnectClicked:r,analytics:i,onOnboardingCustomerDataUpdated:a,onCloseClick:d,onSaveClick:l,onViewClick:c,onCompanyDomainBlurred:p,onNavigateToPreOnboarding:m,onQBOConnectClick:h}){const S=o.useTheme(),x=t.useWindowSizeContext(),C=ho.labelWidth.value(x),b=ho.largeLabelWidth.value(x),f=ho.extraLargeLabelWidth.value(x),g=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:u.useMemo(()=>go(e),[e])}),{emailGroupFetchState:j,newOnboardingCustomerLocalData:y,onboardingCompletedCompanies:$,isOnboardingAllowedForUser:w,fetchState:O,sendInviteFetchState:A,uiState:v,companyView:T,externalConnections:F}=e,[I,K]=u.useState(de.empty),[M,Y]=u.useState(de.empty),[G]=u.useState(de.empty),[E,P]=u.useState(de.empty),[W,k]=u.useState(de.empty),[D,z]=u.useState(!1),[Z,ie]=u.useState(!1),[N,H]=u.useState(je.customer.completePreOnboardingText),[L,Q]=u.useState(!1),se=u.useRef(null),X=u.useRef(null),re=u.useRef(null),{isExistingCustomer:te,isCustomerOnboardedSuccessfully:he}=N3(e),fe=te&&he?je.customer.customerNameExistInManagementText:je.customer.customerNameExistInOnboardingText,be=u.useMemo(()=>fe.replace("_company-domain_",y.companyEmailDomain??de.empty),[j.fetchState]),_=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed,J=u.useCallback(()=>{const me=g.getValues();return me[De].realmId!==me[De].confirmRealmId?(P(je.customer.realmIdWarning),g.trigger(`${De}.confirmRealmId`),!1):(P(de.empty),g.clearErrors(`${De}.confirmRealmId`),!0)},[g]),ge=u.useCallback(()=>{const me=g.getValues();return me[De].entityType.selectedOption?.value=="Subsidiary"&&me[De].company.selectedOption==null?(g.setError("customerSection.company",{type:"required"}),!1):(g.clearErrors("customerSection.company"),!0)},[g]),ve=u.useCallback(()=>y.customerName?.firstName&&!y.customerName?.lastName||!y.customerName?.firstName&&y.customerName?.lastName?(g.trigger(`${De}.customerName`),!1):(y.customerName?.firstName||y.customerName?.lastName)&&!y.email?(g.trigger(`${De}.email`),!1):(y.customerName?.firstName||y.customerName?.lastName)&&y.email&&y.selectedProducts?.length===0?(k(je.customer.productsWarning),g.trigger(`${De}.products`),!1):!0,[g,y.customerName,y.email,y.selectedProducts]),Re=u.useCallback(()=>J()&&ge()&&ve(),[ge,J,ve]),R=g.handleSubmit(()=>{H(je.customer.completePreOnboardingText),Re()&&ie(!0)},()=>{Re(),console.warn("Onboarding customer form error")}),Ce=g.getValues()[De].email??de.empty,ae=(me=!1)=>{const q={companyDomain:y.companyEmailDomain??de.empty,primaryContactEmail:Ce},Ne={groupName:y.groupName??de.empty,groupEmail:y.groupId??de.empty,groupDescription:y.groupDescription??de.empty},qe={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:Ce,companyName:y.name??de.empty,entittyType:y.isSubsidiary===!0?je.customer.subsidiary:je.customer.parent??de.empty,chargebeeId:y.chargebeeId??de.empty,products:y.selectedProducts??[],qboRealmId:y.qboRealmId??de.empty,hubSpotId:y.hubSpotId},He={isSendInvite:me,isInviteAlreadySent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0,isZeniManagedQboConnectionSelected:y.accountingConnectionCreationMode==="zeni_user",isCustomerManagedQboConnectionSelected:y.accountingConnectionCreationMode==="customer",qboConnectionStatus:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed??!1};i?.trackOnboardingSaveOrSendInvite(q,Ne,qe,He)},ce=()=>{const me={companyEmailDomain:y.companyEmailDomain??de.empty,primaryContactEmail:Ce},q={groupName:y.groupName??de.empty,groupEmail:y.groupId??de.empty,groupDescription:y.groupDescription??de.empty,isCompanyEmailDomainAvailable:!0};i?.trackOnboardingNewCustomerGroupCreationCheck(me,q)},$e=()=>{let me=!0;const q=g.getValues();if(q[rt].groupEmail!==de.empty&&q[rt].groupName===de.empty)K(je.customer.groupNameWarning),g.setError("groupSection.groupName",{type:"required"}),me=!1;else if(q[rt].groupName!==de.empty&&q[rt].groupEmail===de.empty)Y(je.customer.groupEmailWarning),g.setError("groupSection.groupEmail",{type:"required"}),me=!1;else{const{error:Ne}=g.getFieldState("groupSection.groupName"),{error:qe}=g.getFieldState("groupSection.groupEmail");(Ne==null||Ne.type==="required")&&(qe==null||qe.type==="required")&&(me=!1,g.clearErrors("groupSection")),K(de.empty),Y(de.empty)}return me},V={onOkClick:()=>{z(!1),g.reset(),d()},onCancelClick:()=>{z(!1)}},B={onOkClick:()=>{ie(!1),l(!0),ae(!0)},onCancelClick:()=>{ie(!1)}},pe=async(me,q)=>{const Ne={...q};if(me.includes("groupName")&&q[rt].groupName!=de.empty&&(q[rt].groupName=q[rt].groupName.charAt(0).toUpperCase()+q[rt].groupName.slice(1)),(me.includes("groupName")||me.includes("groupEmail"))&&$e(),me.includes("confirmRealmId")&&P(de.empty),me.includes("products")&&o.isEqual(y.selectedProducts??[],q[De].products.selectedOptions)===!1){k(de.empty);const qe=M3(y.selectedProducts??[],q[De].products.selectedOptions.map(bt=>ee.toProductTypeStrict(bt)).filter(bt=>bt!=null));Ne[De].products.selectedOptions=qe;const He=cn(e.allProductsList,qe);g.setValue(`${De}.products`,{allOptions:He,selectedOptions:qe})}me.includes("realmId")&&o.has(g.formState.errors,`${De}.confirmRealmId`)&&g.trigger(`${De}.confirmRealmId`),a(Ne)},ye=me=>{const{dirtyFields:q}=g.formState;q.companySection?.companyDomain===!0&&p(me)},ke=()=>{Object.keys(g.formState.errors).length===0&&(m?.(),H(de.empty))},ue=()=>{j.fetchState==="Error"?p(y.companyEmailDomain):Re()&&Object.keys(g.formState.errors).length===0&&(l(A.fetchState==="Error"),ae())},U=()=>{Re()&&Object.keys(g.formState.errors).length===0&&(l(!1),ae())};u.useEffect(()=>{const me=g.watch((q,{name:Ne})=>{Ne!=null&&q!=null&&o.defer(()=>pe(Ne,q))});return()=>{me.unsubscribe()}}),u.useEffect(()=>{y.isCustomerCreationDisabled===!0&&(g.resetField("customerSection",{defaultValue:go(e)[De],keepDirty:!0}),g.clearErrors("customerSection"))},[y.isCustomerCreationDisabled]),u.useEffect(()=>{Q(y.isSubsidiary===!0),y.isSubsidiary!==!0&&g.resetField("customerSection.company",{defaultValue:go(e)[De].company,keepDirty:!0}),g.resetField("customerSection.entityType",{defaultValue:go(e)[De].entityType,keepDirty:!0})},[y.isSubsidiary]),u.useEffect(()=>{j.fetchState==="Completed"&&(g.reset(go(e)),te||ce())},[j.fetchState]),u.useEffect(()=>{v.selectedStep==="STEP_1"?se.current?.scrollIntoView():v.selectedStep==="STEP_2"?X.current?.scrollIntoView():v.selectedStep==="STEP_3"&&re.current?.scrollIntoView()},[]),u.useEffect(()=>{const me=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed;if(F?.saveConnectionState==="Error"){const Ne={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,qboConnectionResponseMessage:je.qboErrorText,isSuccess:!1};i?.trackOnboardingZeniManagedQBOConnection(Ne)}else if(me??!1){const Ne={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,qboConnectionResponseMessage:je.qboSuccessText,isSuccess:!0};i?.trackOnboardingZeniManagedQBOConnection(Ne)}},[F?.saveConnectionState,T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed]),u.useEffect(()=>{if(y.accountingConnectionCreationMode){const me=T?.company.companyOnboardingInfo.onboardingInfo?.accountingConnectionCreationMode??de.empty;if(y.accountingConnectionCreationMode!==me){const q={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,isZeniOrCustomer:y.accountingConnectionCreationMode??de.empty};i?.trackOnboardingQBOConnectionSelected(q)}}},[y.accountingConnectionCreationMode]);const Oe=(me,q)=>{const{fetchState:Ne}=me,{isEmailGroupCreated:qe,selectedProducts:He}=q,bt=Ne!=="Completed"&&qe==null,eo=He==null||He.length===0,Bt=(He?.includes("zeni_checking")===!0||He?.includes("zeni_treasury")===!0||He?.includes("zeni_cards")===!0||He?.includes("zeni_payroll")===!0||He?.includes("zeni_cfo")===!0||He?.includes("zeni_tax")===!0)&&He?.includes("bookkeeping")===!1;return bt||eo||Bt},Pe=u.useMemo(()=>{const me=g.formState.isValid,q=y.selectedProducts!=null&&(y.selectedProducts.includes("zeni_payroll")===!0||y.selectedProducts.includes("zeni_cfo")===!0||y.selectedProducts.includes("zeni_tax")===!0),Ne=y.selectedProducts!=null&&(y.selectedProducts.includes("zeni_checking")===!0||y.selectedProducts.includes("zeni_cards")===!0||q)&&y.selectedProducts.includes("bookkeeping")===!1;return me!==!0||j.fetchState==="In-Progress"||j.fetchState==="Error"||O==="In-Progress"||O==="Error"||w!==!0||y.selectedProducts==null||y.selectedProducts.length===0||y.accountingConnectionCreationMode==null&&!Ne||y.accountingConnectionCreationMode==="zeni_user"&&_!==!0&&!Ne||j.fetchState==="Completed"&&te||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0},[j.fetchState,te,w,O,g.formState.isValid,y.accountingConnectionCreationMode,_,y.selectedProducts,T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted]),Fe=u.useMemo(()=>A.fetchState!=="In-Progress"&&A.fetchState!=="Error"&&O!=="In-Progress"&&O!=="Error"&&j.fetchState!=="In-Progress"&&te===!0,[j.fetchState,te,O,A.fetchState]);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[D===!0?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:je.discardTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:je.discardDescription}),primaryButtonText:je.delete,secondaryButtonText:je.cancel,action:V,style:{background:t.Colors.overlayDark}}):null,Z===!0?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{style:{paddingLeft:t.Space.sp6,paddingRight:t.Space.sp6},children:je.confirmationPopup.title}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:je.confirmationPopup.subTitle}),primaryButtonText:L3,secondaryButtonText:T3,action:B,style:{background:t.Colors.overlayDark}}):null,o.jsxRuntimeExports.jsx(t.NavBarWithClose,{title:n==="create"?je.customer.modalNewCustomerText:je.customer.modalEditCustomerText,backgroundColor:S.colors.grey5,style:{zIndex:4},onCloseClick:()=>{Object.keys(g.formState.dirtyFields).length>0?z(!0):(g.reset(),d())}}),o.jsxRuntimeExports.jsxs(I3,{children:[o.jsxRuntimeExports.jsx(D3,{children:je.customer.subTitle}),o.jsxRuntimeExports.jsx(o.FormProvider,{...g,children:o.jsxRuntimeExports.jsxs("form",{id:`${Hr}_form`,onSubmit:R,children:[o.jsxRuntimeExports.jsx(pf,{localData:e,labelWidth:C,onCompanyDomainBlurred:ye,primaryEmailDomainAdditionalLabel:G,isOnboardingAllowedForUser:w}),Fe===!0?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsxs(Kn,{children:[o.jsxRuntimeExports.jsxs(Kr,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsx(t.StandardMedium,{children:je.customer.groupCreationError})]}),o.jsxRuntimeExports.jsx(O3,{children:be})]}),o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary,height:"30px",width:t.Space.sp7},label:je.customer.view,size:"small",onClick:()=>{c(he?"management":"onboarding")}})]}):null,j.fetchState==="Error"||O==="Error"||A.fetchState==="Error"&&e.error!=null&&e.error?.code!==406?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsx(Kn,{children:o.jsxRuntimeExports.jsxs(Kr,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsx(t.LargeMedium,{children:je.customer.emailgroupAPIError})]})}),o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary},label:je.customer.tryAgainText,size:"small",onClick:ue})]}):null,A.fetchState==="Error"&&e.error!=null&&e.error?.code===406?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsxs(Kn,{children:[o.jsxRuntimeExports.jsx(t.LargeMedium,{children:N!==de.empty?je.customer.preOnboardingError:je.customer.preOnboardingSaveError}),N!==de.empty?o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary},label:N,size:"small",onClick:ke}):null]})]}):null,o.jsxRuntimeExports.jsx(ra,{groupEmailAdditionalLabel:M,groupNameAdditionalLabel:I,labelWidth:C,localData:e,ref:se,sectionId:rt}),o.jsxRuntimeExports.jsx(sa,{localData:e,onboardedCompanies:$.companies,isSubsidiary:L,labelWidth:C,largeLabelWidth:b,extraLargeLabelWidth:f,realmIdAdditionalLabel:E,productsAdditionalLabel:W,ref:X,sectionId:De,isDisabled:w===!1?"disabled":void 0}),o.jsxRuntimeExports.jsx(A3,{children:o.jsxRuntimeExports.jsx(x3,{isSectionDisabled:Oe(j,y),sectionId:ia,isLoading:r===!0||F?.fetchState==="In-Progress"||F?.saveConnectionState==="In-Progress",accountingConnectionCreationMode:e.newOnboardingCustomerLocalData.accountingConnectionCreationMode,onQBOConnectClick:h,isConnected:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed===!0,isInviteSent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0,saveConnectionState:F?.saveConnectionState})})]})})]}),o.jsxRuntimeExports.jsx(t.Footer,{formId:`${Hr}_form`,primaryBtn:{label:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0?je.customer.resendInviteBtnText:je.customer.sendInviteBtnText,style:{width:ho.buttonWidth.value(x),display:"flex",alignItems:"center",justifyContent:"center"},isLoading:A.fetchState==="In-Progress",isDisabled:Pe},cancelBtn:{label:je.customer.saveBtnText,style:{width:ho.buttonWidth.value(x),display:"flex",alignItems:"center",justifyContent:"center"},isDisabled:!(t.formHasDirtyFields(g.formState.dirtyFields)||e.emailGroupFetchState.fetchState==="Completed"),isLoading:O==="In-Progress"&&r===!1,shouldResetOnCancel:!1,onClick:U,reverseSpinnerColor:!1}})]})}const go=e=>{const{newOnboardingCustomerLocalData:n,onboardingCompletedCompanies:r}=e;let i;const a=r.companies.find(d=>d.companyInfo.companyId===n.parentCompanyId);return a!=null&&(i={label:a.companyInfo.name,value:a.companyInfo.companyId}),{[k3]:{companyDomain:n.companyEmailDomain??de.empty},[rt]:{groupName:n.groupName??de.empty,groupEmail:n.groupId??de.empty,groupDescription:n.groupDescription??de.empty},[De]:{name:n.name??de.empty,entityType:{allOptions:[{label:je.customer.parent,value:je.customer.parent},{label:je.customer.subsidiary,value:je.customer.subsidiary}],selectedOption:n.isSubsidiary===!0?{label:je.customer.subsidiary,value:je.customer.subsidiary}:{label:je.customer.parent,value:je.customer.parent}},company:{selectedOption:i,allOptions:r.companies.map(d=>({label:d.companyInfo.name,value:d.companyInfo.companyId}))},realmId:n.qboRealmId??de.empty,confirmRealmId:n.qboRealmId??de.empty,chargebeeId:n.chargebeeId??de.empty,hubSpotId:n.hubSpotId??de.empty,email:n.email??de.empty,customerName:n.customerName??{firstName:de.empty,lastName:de.empty},products:{allOptions:cn(e.allProductsList,n.selectedProducts??[]),selectedOptions:n.selectedProducts??[]}},[ia]:{accountingConnectionCreationMode:n.accountingConnectionCreationMode}}},I3=s.div`
+`,Hr="onboardingCustomerPage",k3="companySection",rt="groupSection",De="customerSection",ia="qboConnectionSection",ho={labelWidth:new t.ResponsiveSized(120,180),largeLabelWidth:new t.ResponsiveSized(120,210,210),extraLargeLabelWidth:new t.ResponsiveSized(240,240,240),descriptionMarginBottom:new t.ResponsiveSized(20,t.sp[3]),titleFontSize:new t.ResponsiveSized(t.sp[3],18),titleLineHeight:new t.ResponsiveSized(t.sp[4],27),buttonWidth:new t.ResponsiveSized(135,135)},{cockpit:{onboarding:je},common:{no:T3,yes:L3,strings:de}}=t.appLocale.getLocalizedStrings();function P3({localData:e,screenType:n,qboConnectClicked:r,analytics:i,onOnboardingCustomerDataUpdated:a,onCloseClick:d,onSaveClick:l,onViewClick:c,onCompanyDomainBlurred:p,onNavigateToPreOnboarding:m,onQBOConnectClick:h}){const S=o.useTheme(),x=t.useWindowSizeContext(),C=ho.labelWidth.value(x),b=ho.largeLabelWidth.value(x),f=ho.extraLargeLabelWidth.value(x),g=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:u.useMemo(()=>go(e),[e])}),{emailGroupFetchState:j,newOnboardingCustomerLocalData:y,onboardingCompletedCompanies:$,isOnboardingAllowedForUser:w,fetchState:O,sendInviteFetchState:A,uiState:v,companyView:T,externalConnections:F}=e,[I,K]=u.useState(de.empty),[M,Y]=u.useState(de.empty),[G]=u.useState(de.empty),[E,P]=u.useState(de.empty),[W,k]=u.useState(de.empty),[D,z]=u.useState(!1),[Z,ie]=u.useState(!1),[N,H]=u.useState(je.customer.completePreOnboardingText),[L,Q]=u.useState(!1),se=u.useRef(null),X=u.useRef(null),re=u.useRef(null),{isExistingCustomer:te,isCustomerOnboardedSuccessfully:he}=N3(e),fe=te&&he?je.customer.customerNameExistInManagementText:je.customer.customerNameExistInOnboardingText,be=u.useMemo(()=>fe.replace("_company-domain_",y.companyEmailDomain??de.empty),[j.fetchState]),_=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed,J=u.useCallback(()=>{const me=g.getValues();return me[De].realmId!==me[De].confirmRealmId?(P(je.customer.realmIdWarning),g.trigger(`${De}.confirmRealmId`),!1):(P(de.empty),g.clearErrors(`${De}.confirmRealmId`),!0)},[g]),ge=u.useCallback(()=>{const me=g.getValues();return me[De].entityType.selectedOption?.value=="Subsidiary"&&me[De].company.selectedOption==null?(g.setError("customerSection.company",{type:"required"}),!1):(g.clearErrors("customerSection.company"),!0)},[g]),ve=u.useCallback(()=>y.customerName?.firstName&&!y.customerName?.lastName||!y.customerName?.firstName&&y.customerName?.lastName?(g.trigger(`${De}.customerName`),!1):(y.customerName?.firstName||y.customerName?.lastName)&&!y.email?(g.trigger(`${De}.email`),!1):(y.customerName?.firstName||y.customerName?.lastName)&&y.email&&y.selectedProducts?.length===0?(k(je.customer.productsWarning),g.trigger(`${De}.products`),!1):!0,[g,y.customerName,y.email,y.selectedProducts]),Re=u.useCallback(()=>J()&&ge()&&ve(),[ge,J,ve]),R=g.handleSubmit(()=>{H(je.customer.completePreOnboardingText),Re()&&ie(!0)},()=>{Re(),console.warn("Onboarding customer form error")}),Ce=g.getValues()[De].email??de.empty,ae=(me=!1)=>{const q={companyDomain:y.companyEmailDomain??de.empty,primaryContactEmail:Ce},Ne={groupName:y.groupName??de.empty,groupEmail:y.groupId??de.empty,groupDescription:y.groupDescription??de.empty},qe={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:Ce,companyName:y.name??de.empty,entittyType:y.isSubsidiary===!0?je.customer.subsidiary:je.customer.parent??de.empty,chargebeeId:y.chargebeeId??de.empty,products:y.selectedProducts??[],qboRealmId:y.qboRealmId??de.empty,hubSpotId:y.hubSpotId},He={isSendInvite:me,isInviteAlreadySent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0,isZeniManagedQboConnectionSelected:y.accountingConnectionCreationMode==="zeni_user",isCustomerManagedQboConnectionSelected:y.accountingConnectionCreationMode==="customer",qboConnectionStatus:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed??!1};i?.trackOnboardingSaveOrSendInvite(q,Ne,qe,He)},ce=()=>{const me={companyEmailDomain:y.companyEmailDomain??de.empty,primaryContactEmail:Ce},q={groupName:y.groupName??de.empty,groupEmail:y.groupId??de.empty,groupDescription:y.groupDescription??de.empty,isCompanyEmailDomainAvailable:!0};i?.trackOnboardingNewCustomerGroupCreationCheck(me,q)},$e=()=>{let me=!0;const q=g.getValues();if(q[rt].groupEmail!==de.empty&&q[rt].groupName===de.empty)K(je.customer.groupNameWarning),g.setError("groupSection.groupName",{type:"required"}),me=!1;else if(q[rt].groupName!==de.empty&&q[rt].groupEmail===de.empty)Y(je.customer.groupEmailWarning),g.setError("groupSection.groupEmail",{type:"required"}),me=!1;else{const{error:Ne}=g.getFieldState("groupSection.groupName"),{error:qe}=g.getFieldState("groupSection.groupEmail");(Ne==null||Ne.type==="required")&&(qe==null||qe.type==="required")&&(me=!1,g.clearErrors("groupSection")),K(de.empty),Y(de.empty)}return me},V={onOkClick:()=>{z(!1),g.reset(),d()},onCancelClick:()=>{z(!1)}},B={onOkClick:()=>{ie(!1),l(!0),ae(!0)},onCancelClick:()=>{ie(!1)}},pe=async(me,q)=>{const Ne={...q};if(me.includes("groupName")&&q[rt].groupName!=de.empty&&(q[rt].groupName=q[rt].groupName.charAt(0).toUpperCase()+q[rt].groupName.slice(1)),(me.includes("groupName")||me.includes("groupEmail"))&&$e(),me.includes("confirmRealmId")&&P(de.empty),me.includes("products")&&o.isEqual(y.selectedProducts??[],q[De].products.selectedOptions)===!1){k(de.empty);const qe=M3(y.selectedProducts??[],q[De].products.selectedOptions.map(bt=>ee.toProductTypeStrict(bt)).filter(bt=>bt!=null));Ne[De].products.selectedOptions=qe;const He=cn(e.allProductsList,qe);g.setValue(`${De}.products`,{allOptions:He,selectedOptions:qe})}me.includes("realmId")&&o.has(g.formState.errors,`${De}.confirmRealmId`)&&g.trigger(`${De}.confirmRealmId`),a(Ne)},ye=me=>{const{dirtyFields:q}=g.formState;q.companySection?.companyDomain===!0&&p(me)},ke=()=>{Object.keys(g.formState.errors).length===0&&(m?.(),H(de.empty))},ue=()=>{j.fetchState==="Error"?p(y.companyEmailDomain):Re()&&Object.keys(g.formState.errors).length===0&&(l(A.fetchState==="Error"),ae())},U=()=>{Re()&&Object.keys(g.formState.errors).length===0&&(l(!1),ae())};u.useEffect(()=>{const me=g.watch((q,{name:Ne})=>{Ne!=null&&q!=null&&o.defer(()=>pe(Ne,q))});return()=>{me.unsubscribe()}}),u.useEffect(()=>{y.isCustomerCreationDisabled===!0&&(g.resetField("customerSection",{defaultValue:go(e)[De],keepDirty:!0}),g.clearErrors("customerSection"))},[y.isCustomerCreationDisabled]),u.useEffect(()=>{Q(y.isSubsidiary===!0),y.isSubsidiary!==!0&&g.resetField("customerSection.company",{defaultValue:go(e)[De].company,keepDirty:!0}),g.resetField("customerSection.entityType",{defaultValue:go(e)[De].entityType,keepDirty:!0})},[y.isSubsidiary]),u.useEffect(()=>{j.fetchState==="Completed"&&(g.reset(go(e)),te||ce())},[j.fetchState]),u.useEffect(()=>{v.selectedStep==="STEP_1"?se.current?.scrollIntoView():v.selectedStep==="STEP_2"?X.current?.scrollIntoView():v.selectedStep==="STEP_3"&&re.current?.scrollIntoView()},[]),u.useEffect(()=>{const me=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed;if(F?.saveConnectionState==="Error"){const Ne={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,qboConnectionResponseMessage:je.qboErrorText,isSuccess:!1};i?.trackOnboardingZeniManagedQBOConnection(Ne)}else if(me??!1){const Ne={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,qboConnectionResponseMessage:je.qboSuccessText,isSuccess:!0};i?.trackOnboardingZeniManagedQBOConnection(Ne)}},[F?.saveConnectionState,T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed]),u.useEffect(()=>{if(y.accountingConnectionCreationMode){const me=T?.company.companyOnboardingInfo.onboardingInfo?.accountingConnectionCreationMode??de.empty;if(y.accountingConnectionCreationMode!==me){const q={firstName:y.customerName?.firstName??de.empty,lastName:y.customerName?.lastName??de.empty,customerEmail:g.getValues()[De].email??de.empty,isZeniOrCustomer:y.accountingConnectionCreationMode??de.empty};i?.trackOnboardingQBOConnectionSelected(q)}}},[y.accountingConnectionCreationMode]);const Oe=(me,q)=>{const{fetchState:Ne}=me,{isEmailGroupCreated:qe,selectedProducts:He}=q,bt=Ne!=="Completed"&&qe==null,eo=He==null||He.length===0,Bt=(He?.includes("zeni_checking")===!0||He?.includes("zeni_treasury")===!0||He?.includes("zeni_cards")===!0||He?.includes("zeni_payroll")===!0||He?.includes("zeni_cfo")===!0||He?.includes("zeni_tax")===!0)&&He?.includes("bookkeeping")===!1;return bt||eo||Bt},Pe=u.useMemo(()=>{const me=g.formState.isValid,q=y.selectedProducts!=null&&(y.selectedProducts.includes("zeni_payroll")===!0||y.selectedProducts.includes("zeni_cfo")===!0||y.selectedProducts.includes("zeni_tax")===!0),Ne=y.selectedProducts!=null&&(y.selectedProducts.includes("zeni_checking")===!0||y.selectedProducts.includes("zeni_cards")===!0||q)&&y.selectedProducts.includes("bookkeeping")===!1;return me!==!0||j.fetchState==="In-Progress"||j.fetchState==="Error"||O==="In-Progress"||O==="Error"||w!==!0||y.selectedProducts==null||y.selectedProducts.length===0||y.accountingConnectionCreationMode==null&&!Ne||y.accountingConnectionCreationMode==="zeni_user"&&_!==!0&&!Ne||j.fetchState==="Completed"&&te||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0},[j.fetchState,te,w,O,g.formState.isValid,y.accountingConnectionCreationMode,_,y.selectedProducts,T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted]),Fe=u.useMemo(()=>A.fetchState!=="In-Progress"&&A.fetchState!=="Error"&&O!=="In-Progress"&&O!=="Error"&&j.fetchState!=="In-Progress"&&te===!0,[j.fetchState,te,O,A.fetchState]);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[D===!0?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:je.discardTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:je.discardDescription}),primaryButtonText:je.delete,secondaryButtonText:je.cancel,proceedButtonVariant:"destructive",action:V,style:{background:t.Colors.overlayDark}}):null,Z===!0?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{style:{paddingLeft:t.Space.sp6,paddingRight:t.Space.sp6},children:je.confirmationPopup.title}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:je.confirmationPopup.subTitle}),primaryButtonText:L3,secondaryButtonText:T3,action:B,style:{background:t.Colors.overlayDark}}):null,o.jsxRuntimeExports.jsx(t.NavBarWithClose,{title:n==="create"?je.customer.modalNewCustomerText:je.customer.modalEditCustomerText,backgroundColor:S.colors.grey5,style:{zIndex:4},onCloseClick:()=>{Object.keys(g.formState.dirtyFields).length>0?z(!0):(g.reset(),d())}}),o.jsxRuntimeExports.jsxs(I3,{children:[o.jsxRuntimeExports.jsx(D3,{children:je.customer.subTitle}),o.jsxRuntimeExports.jsx(o.FormProvider,{...g,children:o.jsxRuntimeExports.jsxs("form",{id:`${Hr}_form`,onSubmit:R,children:[o.jsxRuntimeExports.jsx(pf,{localData:e,labelWidth:C,onCompanyDomainBlurred:ye,primaryEmailDomainAdditionalLabel:G,isOnboardingAllowedForUser:w}),Fe===!0?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsxs(Kn,{children:[o.jsxRuntimeExports.jsxs(Kr,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsx(t.StandardMedium,{children:je.customer.groupCreationError})]}),o.jsxRuntimeExports.jsx(O3,{children:be})]}),o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary,height:"30px",width:t.Space.sp7},label:je.customer.view,size:"small",onClick:()=>{c(he?"management":"onboarding")}})]}):null,j.fetchState==="Error"||O==="Error"||A.fetchState==="Error"&&e.error!=null&&e.error?.code!==406?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsx(Kn,{children:o.jsxRuntimeExports.jsxs(Kr,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsx(t.LargeMedium,{children:je.customer.emailgroupAPIError})]})}),o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary},label:je.customer.tryAgainText,size:"small",onClick:ue})]}):null,A.fetchState==="Error"&&e.error!=null&&e.error?.code===406?o.jsxRuntimeExports.jsxs(Hn,{children:[o.jsxRuntimeExports.jsx(Un,{}),o.jsxRuntimeExports.jsxs(Kn,{children:[o.jsxRuntimeExports.jsx(t.LargeMedium,{children:N!==de.empty?je.customer.preOnboardingError:je.customer.preOnboardingSaveError}),N!==de.empty?o.jsxRuntimeExports.jsx(t.Button,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`,backgroundColor:S.colors.champion,borderColor:S.colors.champion,color:S.mode==="light"?t.darkColors.primary:t.lightColors.primary},label:N,size:"small",onClick:ke}):null]})]}):null,o.jsxRuntimeExports.jsx(ra,{groupEmailAdditionalLabel:M,groupNameAdditionalLabel:I,labelWidth:C,localData:e,ref:se,sectionId:rt}),o.jsxRuntimeExports.jsx(sa,{localData:e,onboardedCompanies:$.companies,isSubsidiary:L,labelWidth:C,largeLabelWidth:b,extraLargeLabelWidth:f,realmIdAdditionalLabel:E,productsAdditionalLabel:W,ref:X,sectionId:De,isDisabled:w===!1?"disabled":void 0}),o.jsxRuntimeExports.jsx(A3,{children:o.jsxRuntimeExports.jsx(x3,{isSectionDisabled:Oe(j,y),sectionId:ia,isLoading:r===!0||F?.fetchState==="In-Progress"||F?.saveConnectionState==="In-Progress",accountingConnectionCreationMode:e.newOnboardingCustomerLocalData.accountingConnectionCreationMode,onQBOConnectClick:h,isConnected:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed===!0,isInviteSent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0,saveConnectionState:F?.saveConnectionState})})]})})]}),o.jsxRuntimeExports.jsx(t.Footer,{formId:`${Hr}_form`,primaryBtn:{label:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0?je.customer.resendInviteBtnText:je.customer.sendInviteBtnText,style:{width:ho.buttonWidth.value(x),display:"flex",alignItems:"center",justifyContent:"center"},isLoading:A.fetchState==="In-Progress",isDisabled:Pe},cancelBtn:{label:je.customer.saveBtnText,style:{width:ho.buttonWidth.value(x),display:"flex",alignItems:"center",justifyContent:"center"},isDisabled:!(t.formHasDirtyFields(g.formState.dirtyFields)||e.emailGroupFetchState.fetchState==="Completed"),isLoading:O==="In-Progress"&&r===!1,shouldResetOnCancel:!1,onClick:U,reverseSpinnerColor:!1}})]})}const go=e=>{const{newOnboardingCustomerLocalData:n,onboardingCompletedCompanies:r}=e;let i;const a=r.companies.find(d=>d.companyInfo.companyId===n.parentCompanyId);return a!=null&&(i={label:a.companyInfo.name,value:a.companyInfo.companyId}),{[k3]:{companyDomain:n.companyEmailDomain??de.empty},[rt]:{groupName:n.groupName??de.empty,groupEmail:n.groupId??de.empty,groupDescription:n.groupDescription??de.empty},[De]:{name:n.name??de.empty,entityType:{allOptions:[{label:je.customer.parent,value:je.customer.parent},{label:je.customer.subsidiary,value:je.customer.subsidiary}],selectedOption:n.isSubsidiary===!0?{label:je.customer.subsidiary,value:je.customer.subsidiary}:{label:je.customer.parent,value:je.customer.parent}},company:{selectedOption:i,allOptions:r.companies.map(d=>({label:d.companyInfo.name,value:d.companyInfo.companyId}))},realmId:n.qboRealmId??de.empty,confirmRealmId:n.qboRealmId??de.empty,chargebeeId:n.chargebeeId??de.empty,hubSpotId:n.hubSpotId??de.empty,email:n.email??de.empty,customerName:n.customerName??{firstName:de.empty,lastName:de.empty},products:{allOptions:cn(e.allProductsList,n.selectedProducts??[]),selectedOptions:n.selectedProducts??[]}},[ia]:{accountingConnectionCreationMode:n.accountingConnectionCreationMode}}},I3=s.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -4525,7 +4525,7 @@ ${e}`,bd=e=>le.createElement("svg",{width:38,height:39,viewBox:"0 0 38 39",fill:
   z-index: ${t.sp[2]};
   min-width: ${t.COMMENTS_SECTION_MINIMUM_WIDTH}px;
   max-width: ${t.COMMENTS_DRAWER_MAXIMUM_WIDTH}px;
-`,Xt="monthEndReportFormSection",Yr="monthEndReportPage",ze=t.appLocale.getLocalizedStrings();function xC({companyId:e,enableZeniGPTFeature:n,enableSendingMonthEndEmail:r,monthEndReportView:i,previewMode:a,customerRequestData:d,allThreadsSectionOpen:l,filterMetaData:c,newThreadMetadata:p,isAuditScoreLoadingCompleted:m,improveUsingZeniGPTClick:h,onRemoveFileAttachment:S,onUpdateFileAttachment:x,onCloseAllThreadsSection:C,previewMonthEndReport:b,saveMonthEndReport:f,onEditClick:g,onOpenFileAttachmentSnackBar:j,onClickAuditScore:y,onClickCustomerRequest:$,sendMonthEndReport:w}){const O=o.useTheme(),[A,v]=u.useState(),[T,F]=u.useState(0),[I,K]=u.useState(0),M=u.useRef(),Y=u.useRef(null),G=u.useRef(null),E=u.useRef(null),{html:P,subject:W,improveUsingZeniGPTStatus:k}=i,[D,z]=u.useState(),[Z,ie]=u.useState(!1),[N,H]=u.useState(!1),[L,Q]=u.useState(!1),[se,X]=u.useState(!1),re=u.useRef(null),te=u.useRef(null),he=t.useDelayUnmount(l,250),fe=i.fetchState==="Not-Started"||i.fetchState==="In-Progress"||i.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||i.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:be,sortedThreads:_,threadsPositions:J,observer:ge,unresolvedThreadsMap:ve,handleRemoveFloatingThread:Re}=t.useFloatingThreads(c,re,!a,fe),[R,Ce]=u.useState(0),ae=u.useCallback(()=>{const Ke=be.current?.[be.current?.length-1];Ce(window.scrollY+(Ke?.getBoundingClientRect()?.bottom??0))},[be]),ce=u.useCallback(()=>{l?K(Math.min((window.innerWidth-t.FORM_MINIMUM_WIDTH)/2,window.innerWidth-t.FORM_MINIMUM_WIDTH-t.COMMENTS_DRAWER_MAXIMUM_WIDTH-t.sp[4])):F(Math.min((window.innerWidth-t.FORM_MINIMUM_WIDTH)/2,window.innerWidth-t.FORM_MINIMUM_WIDTH-t.COMMENTS_SECTION_MINIMUM_WIDTH))},[l]);u.useEffect(()=>{ce()},[l,ce]),u.useEffect(()=>(window.addEventListener("resize",ce),()=>{window.removeEventListener("resize",ce)}),[ce]),u.useEffect(()=>(window.addEventListener("scroll",ae),()=>window.removeEventListener("scroll",ae)),[ae]);const{openThread:$e,addThread:V,setOpenThread:B}=u.useContext(t.ThreadsContext),pe=t.useHandleSelection(t.MONTH_END_REPORT_CANVAS,!1,!a),ye=re.current?.getBoundingClientRect(),ke=pe!=null&&pe.coords&&ye?{left:pe.coords.left-ye.left,top:pe.coords.top-ye.top}:void 0,ue=u.useCallback(()=>{const Ke=window.getSelection()?.getRangeAt(0),Me=t.getSelectionData();if(!Ke||Me==null)return;const Qe={...p,...Me,startPath:Me.startPath.join(),endPath:Me.endPath.join()},Je=`${o.nanoid()}${t.NEW_THREAD_SUFFIX}`,Rt=`cockpit_${e}`;V(Je,{type:"thread",id:Je,roomId:Rt,createdAt:new Date,updatedAt:new Date,comments:[],metadata:Qe,resolved:!1}),B(Je)},[V,e,p,B]),U=()=>{Q(!0),setTimeout(()=>{Q(!1)},2e3)};u.useEffect(()=>{$e!=null&&l&&C()},[l,$e,C]);const Oe=k.fetchState==="In-Progress",Pe=o.useForm({mode:"all",defaultValues:Zr(i),values:Zr(i)}),Fe=Pe.handleSubmit(Ke=>{const{recipientEmailList:Me,subject:Qe}=Ke[Xt],Je=i.auditSummaryData.auditSummary.bypassedAuditScore,Rt=i.auditSummaryData.isControllerOrReviewer;if(a===!0)Je>=75?w?.(D?.id):Je<75&&(Rt||r)&&X(!0);else if(Je>=75||Je<75&&(Rt||r)){const to=A?.replace(t.EMPTY_HTML_CHECKER,ze.common.strings.empty);Me!=null&&Qe!=null&&b(Me,Qe,D?.id,to!=null&&to.length>0?A:void 0)}else He()}),me=()=>{Y.current!=null&&Y.current.click()},q=()=>{D!==void 0&&D!=null&&(S([D.id]),z(void 0),ie(!1))},Ne=Ke=>{const Me=Ke.target.files?Ke.target.files[0]:null;if(Me)if(!ee.toSupportedAttachmentFileType(Me.type)||N)console.warn("Please select a valid file.");else{const Qe=new FileReader;Qe.onload=function(Je){const Rt=Je.target?.result;if(typeof Rt=="string"){const to={data:Rt.split(",")[1],name:Me.name,id:ee.getAttachmentFileIdByFileName(e,Me.name)};z(to),ie(!0),x([to])}},Qe.readAsDataURL(Me)}},qe=()=>{G.current&&G.current.scrollIntoView({behavior:"smooth"})},He=()=>{E.current&&(E.current.scrollIntoView({behavior:"smooth"}),U())},bt=()=>{const Ke=Pe.getValues(),{recipientEmailList:Me,subject:Qe}=Ke[Xt];Me!=null&&Qe!=null&&f(Me,Qe,D?.id,A)};u.useEffect(()=>{v(i.zeniRequestsHtml)},[i.zeniRequestsHtml]),u.useEffect(()=>{M.current=D},[D]),u.useEffect(()=>{z(ee.mapAttachmentFileToAttachmentFilePayload(i.attachmentFile)),ie(!1)},[i.attachmentFile]),u.useEffect(()=>{N&&j()},[N,j]);const eo=ee.dateNow().subtract(1,"month").format(ze.dateFormat.visual.MMMMFormat),Bt=P!=null?P.split(t.MONTH_END_EDITOR_PLACEHOLDER):[],ma=i.concatenatedHtml,xa=()=>i.lastDraftSavedDate!=null&&a===!1?o.jsxRuntimeExports.jsx(t.UserWithTimestamp,{time:i.lastDraftSavedDate,user:i.reportLastSavedByUser,timeStampLabel:ze.cockpit.monthEndReport.timeStampLabel}):null,ha={onOkClick:()=>{w?.(D?.id),X(!1),Pe.reset()},onCancelClick:()=>{g==null?X(!1):g(),X(!1)}};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(tC,{ref:te,style:R>0?{height:R}:void 0,children:[o.jsxRuntimeExports.jsx(eC,{availableWidth:l?I:T}),o.jsxRuntimeExports.jsxs(J3,{children:[o.jsxRuntimeExports.jsx(o.FormProvider,{...Pe,children:o.jsxRuntimeExports.jsx("form",{id:Xr(Yr),onSubmit:Fe,children:o.jsxRuntimeExports.jsxs(dC,{children:[o.jsxRuntimeExports.jsx(t.MonthEndReportSection,{sectionId:Xt,previewMode:a,subject:W}),a?null:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(aa,{ref:E,highlight:L,onClickAuditScore:y,auditSummaryData:i.auditSummaryData,isAuditScoreLoadingCompleted:m}),o.jsxRuntimeExports.jsx(t.MonthEndReportCustomerRequestSection,{totalItems:(i.zeniRequestsData??[]).length+t.getTemplatesFromTemplatedData(i.companyMonthEndReportTemplatesData).length,onClickCustomerRequest:$})]}),o.jsxRuntimeExports.jsxs(sC,{id:t.MONTH_END_REPORT_CANVAS,ref:re,children:[o.jsxRuntimeExports.jsxs(rC,{className:"monthEndReportCanvasWrapper",children:[D!=null||N?o.jsxRuntimeExports.jsx(iC,{onClick:qe,children:o.jsxRuntimeExports.jsx(t.CircleWithAttachmentSuccessIcon,{fileSizeError:N,setFileSizeError:H,loading:!1,showAnimation:!a&&Z})}):null,a?o.jsxRuntimeExports.jsx(Gr,{dangerouslySetInnerHTML:{__html:t.getHTMLWithCommentingSections(ma)}}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(nC,{id:t.MONTH_END_EMAIL_HEADER_SECTION,children:[o.jsxRuntimeExports.jsx(t.StandardRegular,{dangerouslySetInnerHTML:{__html:Bt[0]!=null?Bt[0]+"</body></html>":ze.common.strings.empty}}),o.jsxRuntimeExports.jsxs(oC,{children:[o.jsxRuntimeExports.jsx(cC,{children:ze.cockpit.monthEndReport.editorTitle}),o.jsxRuntimeExports.jsx(lC,{children:ze.cockpit.monthEndReport.editorNote})]})]}),o.jsxRuntimeExports.jsx(aC,{id:t.MONTH_END_EMAIL_EDITOR_SECTION,children:o.jsxRuntimeExports.jsx(t.Editor,{handleFileInputClick:me,fileAttached:D!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:Oe,initialHtmlString:i.zeniRequestsHtml,improveUsingZeniGPTClick:h,setZeniRequestsHtml:v,customerRequestData:d})}),o.jsxRuntimeExports.jsx(Gr,{id:t.MONTH_END_EMAIL_BODY_SECTION,dangerouslySetInnerHTML:{__html:Bt[1]!=null?"<html><body>"+Bt[1]:ze.common.strings.empty}})]}),D!=null?o.jsxRuntimeExports.jsx(t.FileAttachment,{ref:G,fileName:D.name,fileSize:t.base64FileSize(D.data),onRemove:q,isRemovable:!a}):null]}),ke?o.jsxRuntimeExports.jsx(t.AddThreadFloating,{style:{zIndex:15},coords:ke,alignment:pe.alignment,onClick:ue}):null,o.jsxRuntimeExports.jsx(t.TextHighlightSection,{canvasContainerRef:re,sortedThreads:_,editorMode:!a})]})]})})}),o.jsxRuntimeExports.jsx(t.FileInputElement,{name:D?.name??ze.common.strings.empty,fileRef:Y,sizeLimit:Q3,acceptableTypes:q3,onFileChange:async Ke=>{Ne(Ke)},onFileSizeError:Ke=>H(Ke),multiple:!1})]}),he?o.jsxRuntimeExports.jsx(mC,{allThreadsSectionOpen:l,children:o.jsxRuntimeExports.jsx(t.AllThreadsSection,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${O.colors.grey3}`,boxShadow:`${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${t.Space.sp5} - ${t.Space.sp5})`,backgroundColor:O.colors.background},threadsContainerStyle:{paddingBottom:a?"160px":t.Space.sp12},collapsibleThreadStyle:{width:`calc(100% - ${t.Space.sp4})`},allowComposer:!1,drawerTitle:ze.common.texts.comments,filter:c,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Ke,Me)=>{B(Me);const Qe=_.findIndex(Je=>Je[0]===Me);C(),be.current?.[Qe]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>C()})}):o.jsxRuntimeExports.jsx(t.FloatingThreads,{observer:ge,canvasContainerRef:re,sortedThreads:_,threadsPositions:J,threadsRefs:be,unresolvedThreadsMap:ve,editorMode:!a,style:{minWidth:`${t.COMMENTS_SECTION_MINIMUM_WIDTH}px`,position:"relative",height:"fit-content",width:"auto",top:`${re.current?.offsetTop}px`},handleRemoveFloatingThread:Re})]}),se?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:ze.cockpit.monthEndReport.sendMonthInsightsTitle.replace("__month__",eo)}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:ze.cockpit.monthEndReport.sendMonthInsightsDescription.replace("__month__",eo)}),primaryButtonText:ze.cockpit.monthEndReport.sendAnyway,primaryButtonWidth:150,proceedButtonVariant:"destructive",secondaryButtonWidth:150,secondaryButtonText:ze.cockpit.monthEndReport.editButtonLabel,action:ha}):null,o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:10},leftSideComponent:xa(),formId:Xr(Yr),helperText:a===!0?ze.cockpit.monthEndReport.reportSentDateInfo:void 0,cancelBtn:{isDisabled:!m||Oe,label:a===!0?ze.cockpit.monthEndReport.editButtonLabel:ze.cockpit.monthEndReport.saveChanges,onClick:a===!0?g:bt,style:{width:"225px"},size:"medium",isLoading:i.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:!m||Oe,isLoading:a===!0?i.sendMonthEndReportStatus.fetchState==="In-Progress":i.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:a===!0?"unset":"225px"},label:a===!0?ze.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",eo):ze.cockpit.monthEndReport.preview,size:"medium"}})]})}const Zr=e=>({[Xt]:{recipientEmailList:e.recipientEmailList,subject:e.subject??ze.common.strings.empty}}),Xr=e=>`${e}_form`,hC=s(t.SmallRegular)`
+`,Xt="monthEndReportFormSection",Yr="monthEndReportPage",ze=t.appLocale.getLocalizedStrings();function xC({companyId:e,enableZeniGPTFeature:n,enableSendingMonthEndEmail:r,monthEndReportView:i,previewMode:a,customerRequestData:d,allThreadsSectionOpen:l,filterMetaData:c,newThreadMetadata:p,isAuditScoreLoadingCompleted:m,improveUsingZeniGPTClick:h,onRemoveFileAttachment:S,onUpdateFileAttachment:x,onCloseAllThreadsSection:C,previewMonthEndReport:b,saveMonthEndReport:f,onEditClick:g,onOpenFileAttachmentSnackBar:j,onClickAuditScore:y,onClickCustomerRequest:$,sendMonthEndReport:w}){const O=o.useTheme(),[A,v]=u.useState(),[T,F]=u.useState(0),[I,K]=u.useState(0),M=u.useRef(),Y=u.useRef(null),G=u.useRef(null),E=u.useRef(null),{html:P,subject:W,improveUsingZeniGPTStatus:k}=i,[D,z]=u.useState(),[Z,ie]=u.useState(!1),[N,H]=u.useState(!1),[L,Q]=u.useState(!1),[se,X]=u.useState(!1),re=u.useRef(null),te=u.useRef(null),he=t.useDelayUnmount(l,250),fe=i.fetchState==="Not-Started"||i.fetchState==="In-Progress"||i.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||i.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:be,sortedThreads:_,threadsPositions:J,observer:ge,unresolvedThreadsMap:ve,handleRemoveFloatingThread:Re}=t.useFloatingThreads(c,re,!a,fe),[R,Ce]=u.useState(0),ae=u.useCallback(()=>{const Ke=be.current?.[be.current?.length-1];Ce(window.scrollY+(Ke?.getBoundingClientRect()?.bottom??0))},[be]),ce=u.useCallback(()=>{l?K(Math.min((window.innerWidth-t.FORM_MINIMUM_WIDTH)/2,window.innerWidth-t.FORM_MINIMUM_WIDTH-t.COMMENTS_DRAWER_MAXIMUM_WIDTH-t.sp[4])):F(Math.min((window.innerWidth-t.FORM_MINIMUM_WIDTH)/2,window.innerWidth-t.FORM_MINIMUM_WIDTH-t.COMMENTS_SECTION_MINIMUM_WIDTH))},[l]);u.useEffect(()=>{ce()},[l,ce]),u.useEffect(()=>(window.addEventListener("resize",ce),()=>{window.removeEventListener("resize",ce)}),[ce]),u.useEffect(()=>(window.addEventListener("scroll",ae),()=>window.removeEventListener("scroll",ae)),[ae]);const{openThread:$e,addThread:V,setOpenThread:B}=u.useContext(t.ThreadsContext),pe=t.useHandleSelection(t.MONTH_END_REPORT_CANVAS,!1,!a),ye=re.current?.getBoundingClientRect(),ke=pe!=null&&pe.coords&&ye?{left:pe.coords.left-ye.left,top:pe.coords.top-ye.top}:void 0,ue=u.useCallback(()=>{const Ke=window.getSelection()?.getRangeAt(0),Me=t.getSelectionData();if(!Ke||Me==null)return;const Qe={...p,...Me,startPath:Me.startPath.join(),endPath:Me.endPath.join()},Je=`${o.nanoid()}${t.NEW_THREAD_SUFFIX}`,Rt=`cockpit_${e}`;V(Je,{type:"thread",id:Je,roomId:Rt,createdAt:new Date,updatedAt:new Date,comments:[],metadata:Qe,resolved:!1}),B(Je)},[V,e,p,B]),U=()=>{Q(!0),setTimeout(()=>{Q(!1)},2e3)};u.useEffect(()=>{$e!=null&&l&&C()},[l,$e,C]);const Oe=k.fetchState==="In-Progress",Pe=o.useForm({mode:"all",defaultValues:Zr(i),values:Zr(i)}),Fe=Pe.handleSubmit(Ke=>{const{recipientEmailList:Me,subject:Qe}=Ke[Xt],Je=i.auditSummaryData.auditSummary.bypassedAuditScore,Rt=i.auditSummaryData.isControllerOrReviewer;if(a===!0)Je>=75?w?.(D?.id):Je<75&&(Rt||r)&&X(!0);else if(Je>=75||Je<75&&(Rt||r)){const to=A?.replace(t.EMPTY_HTML_CHECKER,ze.common.strings.empty);Me!=null&&Qe!=null&&b(Me,Qe,D?.id,to!=null&&to.length>0?A:void 0)}else He()}),me=()=>{Y.current!=null&&Y.current.click()},q=()=>{D!==void 0&&D!=null&&(S([D.id]),z(void 0),ie(!1))},Ne=Ke=>{const Me=Ke.target.files?Ke.target.files[0]:null;if(Me)if(!ee.toSupportedAttachmentFileType(Me.type)||N)console.warn("Please select a valid file.");else{const Qe=new FileReader;Qe.onload=function(Je){const Rt=Je.target?.result;if(typeof Rt=="string"){const to={data:Rt.split(",")[1],name:Me.name,id:ee.getAttachmentFileIdByFileName(e,Me.name)};z(to),ie(!0),x([to])}},Qe.readAsDataURL(Me)}},qe=()=>{G.current&&G.current.scrollIntoView({behavior:"smooth"})},He=()=>{E.current&&(E.current.scrollIntoView({behavior:"smooth"}),U())},bt=()=>{const Ke=Pe.getValues(),{recipientEmailList:Me,subject:Qe}=Ke[Xt];Me!=null&&Qe!=null&&f(Me,Qe,D?.id,A)};u.useEffect(()=>{v(i.zeniRequestsHtml)},[i.zeniRequestsHtml]),u.useEffect(()=>{M.current=D},[D]),u.useEffect(()=>{z(ee.mapAttachmentFileToAttachmentFilePayload(i.attachmentFile)),ie(!1)},[i.attachmentFile]),u.useEffect(()=>{N&&j()},[N,j]);const eo=ee.dateNow().subtract(1,"month").format(ze.dateFormat.visual.MMMMFormat),Bt=P!=null?P.split(t.MONTH_END_EDITOR_PLACEHOLDER):[],ma=i.concatenatedHtml,xa=()=>i.lastDraftSavedDate!=null&&a===!1?o.jsxRuntimeExports.jsx(t.UserWithTimestamp,{time:i.lastDraftSavedDate,user:i.reportLastSavedByUser,timeStampLabel:ze.cockpit.monthEndReport.timeStampLabel}):null,ha={onOkClick:()=>{w?.(D?.id),X(!1),Pe.reset()},onCancelClick:()=>{g==null?X(!1):g(),X(!1)}};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(tC,{ref:te,style:R>0?{height:R}:void 0,children:[o.jsxRuntimeExports.jsx(eC,{availableWidth:l?I:T}),o.jsxRuntimeExports.jsxs(J3,{children:[o.jsxRuntimeExports.jsx(o.FormProvider,{...Pe,children:o.jsxRuntimeExports.jsx("form",{id:Xr(Yr),onSubmit:Fe,children:o.jsxRuntimeExports.jsxs(dC,{children:[o.jsxRuntimeExports.jsx(t.MonthEndReportSection,{sectionId:Xt,previewMode:a,subject:W}),a?null:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(aa,{ref:E,highlight:L,onClickAuditScore:y,auditSummaryData:i.auditSummaryData,isAuditScoreLoadingCompleted:m}),o.jsxRuntimeExports.jsx(t.MonthEndReportCustomerRequestSection,{totalItems:(i.zeniRequestsData??[]).length+t.getTemplatesFromTemplatedData(i.companyMonthEndReportTemplatesData).length,onClickCustomerRequest:$})]}),o.jsxRuntimeExports.jsxs(sC,{id:t.MONTH_END_REPORT_CANVAS,ref:re,children:[o.jsxRuntimeExports.jsxs(rC,{className:"monthEndReportCanvasWrapper",children:[D!=null||N?o.jsxRuntimeExports.jsx(iC,{onClick:qe,children:o.jsxRuntimeExports.jsx(t.CircleWithAttachmentSuccessIcon,{fileSizeError:N,setFileSizeError:H,loading:!1,showAnimation:!a&&Z})}):null,a?o.jsxRuntimeExports.jsx(Gr,{dangerouslySetInnerHTML:{__html:t.getHTMLWithCommentingSections(ma)}}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(nC,{id:t.MONTH_END_EMAIL_HEADER_SECTION,children:[o.jsxRuntimeExports.jsx(t.StandardRegular,{dangerouslySetInnerHTML:{__html:Bt[0]!=null?Bt[0]+"</body></html>":ze.common.strings.empty}}),o.jsxRuntimeExports.jsxs(oC,{children:[o.jsxRuntimeExports.jsx(cC,{children:ze.cockpit.monthEndReport.editorTitle}),o.jsxRuntimeExports.jsx(lC,{children:ze.cockpit.monthEndReport.editorNote})]})]}),o.jsxRuntimeExports.jsx(aC,{id:t.MONTH_END_EMAIL_EDITOR_SECTION,children:o.jsxRuntimeExports.jsx(t.Editor,{handleFileInputClick:me,fileAttached:D!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:Oe,initialHtmlString:i.zeniRequestsHtml,improveUsingZeniGPTClick:h,setZeniRequestsHtml:v,customerRequestData:d})}),o.jsxRuntimeExports.jsx(Gr,{id:t.MONTH_END_EMAIL_BODY_SECTION,dangerouslySetInnerHTML:{__html:Bt[1]!=null?"<html><body>"+Bt[1]:ze.common.strings.empty}})]}),D!=null?o.jsxRuntimeExports.jsx(t.FileAttachment,{ref:G,fileName:D.name,fileSize:t.base64FileSize(D.data),onRemove:q,isRemovable:!a}):null]}),ke?o.jsxRuntimeExports.jsx(t.AddThreadFloating,{style:{zIndex:15},coords:ke,alignment:pe.alignment,onClick:ue}):null,o.jsxRuntimeExports.jsx(t.TextHighlightSection,{canvasContainerRef:re,sortedThreads:_,editorMode:!a})]})]})})}),o.jsxRuntimeExports.jsx(t.FileInputElement,{name:D?.name??ze.common.strings.empty,fileRef:Y,sizeLimit:Q3,acceptableTypes:q3,onFileChange:async Ke=>{Ne(Ke)},onFileSizeError:Ke=>H(Ke),multiple:!1})]}),he?o.jsxRuntimeExports.jsx(mC,{allThreadsSectionOpen:l,children:o.jsxRuntimeExports.jsx(t.AllThreadsSection,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${O.colors.grey3}`,boxShadow:`${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${t.Space.sp5} - ${t.Space.sp5})`,backgroundColor:O.colors.background},threadsContainerStyle:{paddingBottom:a?"160px":t.Space.sp12},collapsibleThreadStyle:{width:`calc(100% - ${t.Space.sp4})`},allowComposer:!1,drawerTitle:ze.common.texts.comments,filter:c,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Ke,Me)=>{B(Me);const Qe=_.findIndex(Je=>Je[0]===Me);C(),be.current?.[Qe]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>C()})}):o.jsxRuntimeExports.jsx(t.FloatingThreads,{observer:ge,canvasContainerRef:re,sortedThreads:_,threadsPositions:J,threadsRefs:be,unresolvedThreadsMap:ve,editorMode:!a,style:{minWidth:`${t.COMMENTS_SECTION_MINIMUM_WIDTH}px`,position:"relative",height:"fit-content",width:"auto",top:`${re.current?.offsetTop}px`},handleRemoveFloatingThread:Re})]}),se?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:ze.cockpit.monthEndReport.sendMonthInsightsTitle.replace("__month__",eo)}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:ze.cockpit.monthEndReport.sendMonthInsightsDescription.replace("__month__",eo)}),primaryButtonText:ze.cockpit.monthEndReport.sendAnyway,primaryButtonWidth:124,secondaryButtonWidth:124,proceedButtonVariant:"destructive",secondaryButtonText:ze.cockpit.monthEndReport.editButtonLabel,action:ha,containerStyle:{minWidth:356}}):null,o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:10},leftSideComponent:xa(),formId:Xr(Yr),helperText:a===!0?ze.cockpit.monthEndReport.reportSentDateInfo:void 0,cancelBtn:{isDisabled:!m||Oe,label:a===!0?ze.cockpit.monthEndReport.editButtonLabel:ze.cockpit.monthEndReport.saveChanges,onClick:a===!0?g:bt,style:{width:"225px"},size:"medium",isLoading:i.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:!m||Oe,isLoading:a===!0?i.sendMonthEndReportStatus.fetchState==="In-Progress":i.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:a===!0?"unset":"225px"},label:a===!0?ze.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",eo):ze.cockpit.monthEndReport.preview,size:"medium"}})]})}const Zr=e=>({[Xt]:{recipientEmailList:e.recipientEmailList,subject:e.subject??ze.common.strings.empty}}),Xr=e=>`${e}_form`,hC=s(t.SmallRegular)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: center;