@zeniai/web-app-ui 5.3.35-dev → 5.3.36-dev

package/dist/assets/{withTransactionSidePanel-CghfULxy.js → withTransactionSidePanel-Bbcq3RMx.js}

@@ -1,4 +1,4 @@
-import{j as l}from"./liveblocks-DVe3Eena.js";import{R as Q,a as o}from"./sentry-DqMiDAOv.js";import{V as de,O,y as S,b4 as me,as as pe,b9 as fe,b5 as be,b6 as he,a1 as Te,ba as U}from"./index-D4ChxRFU.js";import{c as q,n as $}from"./mui-a6BeA4JD.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-0oF2VYBt.js";import{u as Ee,a as ve,b as ye,c as xe,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-D_QMd7J1.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-cL-h_S3o.js";import{sg as Fe,V1 as ke,QO as je}from"./zeni-epic-state-DMwHYs-L.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new t.Error().stack;n&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[n]="8c007a6d-07ee-4f9a-ae19-b300bc01b2a0",t._sentryDebugIdIdentifier="sentry-dbid-8c007a6d-07ee-4f9a-ae19-b300bc01b2a0")}catch{}})();const H=$.div`
+import{j as l}from"./liveblocks-Bqt_XhHh.js";import{R as Y,a as o}from"./sentry-2yczjdjC.js";import{Q as ue,O,y as S,b4 as me,as as pe,b9 as fe,b5 as be,b6 as he,a1 as Te,ba as U}from"./index-Ecojj-Pb.js";import{c as q,n as $}from"./mui-gvvniK3d.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-BC2E97t6.js";import{u as Ee,a as ve,b as ye,c as xe,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-CsT2rgA9.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-FnF-Uc4O.js";import{sg as Fe,V1 as ke,QO as je}from"./zeni-epic-state-Ch0HFr9W.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new t.Error().stack;n&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[n]="bc375d13-89f9-42a7-bc2c-603d52c1cbec",t._sentryDebugIdIdentifier="sentry-dbid-bc375d13-89f9-42a7-bc2c-603d52c1cbec")}catch{}})();const H=$.div`
   ${({$active:t})=>t&&q`
       display: flex;
       flex-direction: column;
@@ -22,4 +22,4 @@ import{j as l}from"./liveblocks-DVe3Eena.js";import{R as Q,a as o}from"./sentry-
   min-height: 0;
   min-width: 0;
   box-sizing: border-box;
-`,Ve=Q.memo((({isFullView:t,transactionId:n,transactionType:T,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const h=F(),u=k(),{tenantEmailDomain:r}=j(),f=de(),{useFeatureGate:e}=O(),{isFeatureEnabled:E}=e(S.isCreateTransferEntryFromExpenseEnabled),c=a!=null&&t!==!0,b=f?.currentTenant?.companyId,v=f?.currentTenant?.companyName,{isFeatureEnabled:I}=e(S.isProjectsTransactionsEnabled),{isFeatureEnabled:s}=e(S.isTransactionSplitEnabled),{selectedTransaction:y,transactionDetail:d,tranEntity:C,isChainOfThoughtEnabled:i,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,firstMonthOfFY:Z,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:ee,rawDetailLineItemById:V}=Ee(n,T),{isFeatureEnabled:ne}=e(S.isRecommendationFeedbackEnabled),M=me(),{onRecommendationSelection:R,popup:ae}=ve({isEnabled:ne,fallbackTransactionId:n}),te=o.useMemo((()=>({...M,onRecommendationSelection:R})),[M,R]);ye(t===!0);const A=o.useRef(V);A.current=V;const x=xe(ee,(()=>{const w=[],G=A.current;if(G!=null)for(const ue of Object.values(G)){const B=ue.account;B?.accountId!=null&&w.push(B.accountId)}return w})),{transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:n,overrideTransactionType:T}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:ce}=Pe({mobileExploreReferrer:"Transaction Details"}),L=t===!0&&re;pe({isDataReady:t===!0&&d?.fetchState==="Completed"});const z=o.useRef(null);if(o.useEffect((()=>{if(z.current!==n&&d?.fetchState==="Completed"){z.current=n;const w=u.state?.searchContext;Se(d.transaction,w)}}),[u.state,d,n]),d==null)return l.jsx(H,{$active:c,children:l.jsx(_,{$active:c,children:l.jsx(fe,{})})});const le=l.jsxs(l.Fragment,{children:[N!=null&&D?l.jsx(Ce,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,l.jsx(De,{children:l.jsx(be,{toolkit:te,children:l.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:Z,isDisabled:d?.transaction?.type==="transfer"&&f?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!c,tenantEmailDomain:r??"",location:u,navigate:h,selectedTransaction:y,entity:C,isCOTEnabled:i,isCreateTransferEntryFromExpenseEnabled:E,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,transaction:d?.transaction,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?ce:void 0,isTransactionCommentingEnabled:p,isProjectsTransactionsEnabled:I,isTransactionSplitEnabled:s,companyId:b,companyName:v,onBackClick:P})})}),ae,x.showPopup&&x.popupType!=null&&l.jsx(he,{popupType:x.popupType,currencySymbol:x.currencySymbol,accountId:x.popupAccountId??"",accountName:x.popupAccountName??"",onSubmit:x.handleSubmit,onDismiss:x.handleDismiss})]});return l.jsx(H,{$active:c,children:l.jsx(_,{$active:c,children:le})})})),Me=[];function Re(t){const{childPathPattern:n,enabled:T=!0}=t,p=F(),P=j(),a=k(),h=Te(),u=h==="small"||h==="medium-compact",r=P["*"]??"",f=r.match(n),e=T&&!u&&f!=null,E=o.useMemo((()=>new URLSearchParams(a.search).get("view")),[a.search]),c=e&&E==="full",b=f?.slice(1).join("\0"),v=o.useMemo((()=>f==null?Me:f.slice(1)),[b]),I=o.useMemo((()=>{if(!r)return a.pathname;const i=a.pathname.lastIndexOf("/"+r);return i>=0?a.pathname.slice(0,i):a.pathname}),[a.pathname,r]),s=o.useRef({isOpen:e,locationState:a.state,basePath:I,pathname:a.pathname,search:a.search});s.current.isOpen=e,s.current.locationState=a.state,s.current.basePath=I,s.current.pathname=a.pathname,s.current.search=a.search;const y=o.useCallback(((i,m)=>{p(`${s.current.basePath}/${i}`,{replace:m?.replace??!1,state:m?.extraState!=null?{...s.current.locationState,...m.extraState}:s.current.locationState})}),[p]),d=o.useCallback((()=>{s.current.isOpen&&p(s.current.basePath,{replace:!0,state:s.current.locationState})}),[p]),C=o.useCallback((()=>{const i=new URLSearchParams(s.current.search);i.set("view","full"),p(`${s.current.pathname}?${i.toString()}`,{replace:!0,state:s.current.locationState})}),[p]);return o.useEffect((()=>{if(!e)return;const i=m=>{if(m.key==="Escape"){if(m.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!c&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();d()}};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)}),[e,c,d]),{backToList:d,basePath:I,closePanel:d,isFullView:c,isMobile:u,isOpen:e,matchGroups:v,maximize:C,navigateToChild:y}}function Y(t){try{return decodeURIComponent(t)}catch{return t}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Ne(t){return function(n){const T=n.displayName??n.name??"Component",p=Q.memo(n),P=a=>{const{useFeatureGate:h}=O(),{isFeatureEnabled:u}=h(t.gateName??S.isTransactionDetailSplitViewEnabled),r=t.usePanelSetup(t.gateName==null||u),f=o.useContext(U),e=o.useMemo((()=>r.selectedItemId==null?f:{closePanel:r.sidePanel.closePanel,maximize:r.sidePanel.maximize,selectedItemId:r.selectedItemId}),[f,r.sidePanel.closePanel,r.sidePanel.maximize,r.selectedItemId]);return l.jsx(U.Provider,{value:e,children:l.jsx(p,{...a,...r.injectedProps})})};return P.displayName=`${t.displayNamePrefix}(${T})`,P}}const Qe=Ne({displayNamePrefix:"withTransactionSidePanel",gateName:S.isTransactionDetailSplitViewEnabled,usePanelSetup:function(t){const n=(function(a=!0){const h=F(),u=k(),r=Oe(),f=j(),e=Re({childPathPattern:Ae,enabled:a}),E=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?Fe(Y(e.matchGroups[0])):void 0,c=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?Y(e.matchGroups[1]):void 0,b=o.useMemo((()=>{if(a&&c!=null&&E!=null)return{id:c,type:E}}),[a,c,E]),v=$e((i=>{if(b!=null)return ke(i,b)})),I=o.useMemo((()=>e.isOpen&&b!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[e.isOpen,b,v]),s=f.tenantEmailDomain??u.pathname.split("/").find(Boolean)??"";o.useEffect((()=>{e.isOpen&&b!=null&&r(je(b,!1))}),[r,e.isOpen,b]);const y=o.useRef({isOpen:e.isOpen,transactionId:c});y.current={isOpen:e.isOpen,transactionId:c};const d=o.useCallback((i=>{const m=encodeURIComponent(i.type);return e.isMobile||!a?`/${s}/transaction/${m}/${i.id}${u.search}`:`${e.basePath}/transaction/${m}/${i.id}${u.search}`}),[e.isMobile,e.basePath,a,s,u.search]);we({currentTransactionId:b,enabled:s!=="",buildPath:d,navigate:h,navigateState:u.state});const C=o.useCallback(((i,m,g)=>{!e.isMobile&&a?y.current.isOpen&&y.current.transactionId===i?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(m)}/${i}`,{replace:y.current.isOpen,extraState:g!=null?{searchContext:g}:void 0}):h(`/${s}/transaction/${encodeURIComponent(m)}/${i}`)}),[h,e.isMobile,e.navigateToChild,e.closePanel,a,s]);return{backToList:e.closePanel,closePanel:e.closePanel,fetchState:I,isFullView:e.isFullView,isOpen:e.isOpen,maximize:e.maximize,openPanel:C,selectedTransactionId:a?b:void 0,transactionDetail:a?v:void 0,transactionId:a?c:void 0,transactionType:a?E:void 0}})(t),{useFeatureGate:T}=O(),{isFeatureEnabled:p}=T(S.isTransactionCommentingEnabled),P=o.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return l.jsx(Ve,{isFullView:n.isFullView,isTransactionCommentingEnabled:p,transactionId:n.transactionId,transactionType:n.transactionType,onBackToList:n.closePanel,onClose:n.closePanel})}),[n.isOpen,n.isFullView,n.transactionId,n.transactionType,n.closePanel,p]);return{injectedProps:o.useMemo((()=>t?{closeSidePanel:n.closePanel,openTransactionPanel:n.openPanel,panelContent:P,sidePanelIsFullView:n.isFullView,sidePanelIsOpen:n.isOpen}:{}),[t,n.closePanel,n.openPanel,P,n.isFullView,n.isOpen]),selectedItemId:n.transactionId,sidePanel:n}}});export{Ne as a,Re as u,Qe as w};
+`,Me=Y.memo((({isFullView:t,transactionId:n,transactionType:T,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const h=F(),d=k(),{tenantEmailDomain:r}=j(),f=ue(),{useFeatureGate:e}=O(),{isFeatureEnabled:E}=e(S.isCreateTransferEntryFromExpenseEnabled),c=a!=null&&t!==!0,b=f?.currentTenant?.companyId,v=f?.currentTenant?.companyName,{isFeatureEnabled:I}=e(S.isProjectsTransactionsEnabled),{isFeatureEnabled:s}=e(S.isTransactionSplitEnabled),{selectedTransaction:y,transactionDetail:u,tranEntity:C,isChainOfThoughtEnabled:i,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,firstMonthOfFY:Z,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:ee,rawDetailLineItemById:M}=Ee(n,T),{isFeatureEnabled:ne}=e(S.isRecommendationFeedbackEnabled),V=me(),{onRecommendationSelection:R,popup:ae}=ve({isEnabled:ne,fallbackTransactionId:n}),te=o.useMemo((()=>({...V,onRecommendationSelection:R})),[V,R]);ye(t===!0);const A=o.useRef(M);A.current=M;const x=xe(ee,(()=>{const w=[],G=A.current;if(G!=null)for(const de of Object.values(G)){const B=de.account;B?.accountId!=null&&w.push(B.accountId)}return w})),{transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:n,overrideTransactionType:T}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:ce}=Pe({mobileExploreReferrer:"Transaction Details"}),L=t===!0&&re;pe({isDataReady:t===!0&&u?.fetchState==="Completed"});const z=o.useRef(null);if(o.useEffect((()=>{if(z.current!==n&&u?.fetchState==="Completed"){z.current=n;const w=d.state?.searchContext;Se(u.transaction,w)}}),[d.state,u,n]),u==null)return l.jsx(H,{$active:c,children:l.jsx(_,{$active:c,children:l.jsx(fe,{})})});const le=l.jsxs(l.Fragment,{children:[N!=null&&D?l.jsx(Ce,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,l.jsx(De,{children:l.jsx(be,{toolkit:te,children:l.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:Z,isDisabled:u?.transaction?.type==="transfer"&&f?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!c,tenantEmailDomain:r??"",location:d,navigate:h,selectedTransaction:y,entity:C,isCOTEnabled:i,isCreateTransferEntryFromExpenseEnabled:E,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,transaction:u?.transaction,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?ce:void 0,isTransactionCommentingEnabled:p,isProjectsTransactionsEnabled:I,isTransactionSplitEnabled:s,companyId:b,companyName:v,onBackClick:P})})}),ae,x.showPopup&&x.popupType!=null&&l.jsx(he,{popupType:x.popupType,currencySymbol:x.currencySymbol,accountId:x.popupAccountId??"",accountName:x.popupAccountName??"",onSubmit:x.handleSubmit,onDismiss:x.handleDismiss})]});return l.jsx(H,{$active:c,children:l.jsx(_,{$active:c,children:le})})})),Ve=[];function Re(t){const{childPathPattern:n,enabled:T=!0}=t,p=F(),P=j(),a=k(),h=Te(),d=h==="small"||h==="medium-compact",r=P["*"]??"",f=r.match(n),e=T&&!d&&f!=null,E=o.useMemo((()=>new URLSearchParams(a.search).get("view")),[a.search]),c=e&&E==="full",b=f?.slice(1).join("\0"),v=o.useMemo((()=>f==null?Ve:f.slice(1)),[b]),I=o.useMemo((()=>{if(!r)return a.pathname;const i=a.pathname.lastIndexOf("/"+r);return i>=0?a.pathname.slice(0,i):a.pathname}),[a.pathname,r]),s=o.useRef({isOpen:e,locationState:a.state,basePath:I,pathname:a.pathname,search:a.search});s.current.isOpen=e,s.current.locationState=a.state,s.current.basePath=I,s.current.pathname=a.pathname,s.current.search=a.search;const y=o.useCallback(((i,m)=>{p(`${s.current.basePath}/${i}`,{replace:m?.replace??!1,state:m?.extraState!=null?{...s.current.locationState,...m.extraState}:s.current.locationState})}),[p]),u=o.useCallback((()=>{s.current.isOpen&&p(s.current.basePath,{replace:!0,state:s.current.locationState})}),[p]),C=o.useCallback((()=>{const i=new URLSearchParams(s.current.search);i.set("view","full"),p(`${s.current.pathname}?${i.toString()}`,{replace:!0,state:s.current.locationState})}),[p]);return o.useEffect((()=>{if(!e)return;const i=m=>{if(m.key==="Escape"){if(m.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!c&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();u()}};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)}),[e,c,u]),{backToList:u,basePath:I,closePanel:u,isFullView:c,isMobile:d,isOpen:e,matchGroups:v,maximize:C,navigateToChild:y}}function Q(t){try{return decodeURIComponent(t)}catch{return t}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Ne(t){return function(n){const T=n.displayName??n.name??"Component",p=Y.memo(n),P=a=>{const{useFeatureGate:h}=O(),{isFeatureEnabled:d}=h(t.gateName??S.isTransactionDetailSplitViewEnabled),r=t.usePanelSetup(t.gateName==null||d),f=o.useContext(U),e=o.useMemo((()=>r.selectedItemId==null?f:{closePanel:r.sidePanel.closePanel,maximize:r.sidePanel.maximize,selectedItemId:r.selectedItemId}),[f,r.sidePanel.closePanel,r.sidePanel.maximize,r.selectedItemId]);return l.jsx(U.Provider,{value:e,children:l.jsx(p,{...a,...r.injectedProps})})};return P.displayName=`${t.displayNamePrefix}(${T})`,P}}const Ye=Ne({displayNamePrefix:"withTransactionSidePanel",gateName:S.isTransactionDetailSplitViewEnabled,usePanelSetup:function(t){const n=(function(a=!0){const h=F(),d=k(),r=Oe(),f=j(),e=Re({childPathPattern:Ae,enabled:a}),E=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?Fe(Q(e.matchGroups[0])):void 0,c=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?Q(e.matchGroups[1]):void 0,b=o.useMemo((()=>{if(a&&c!=null&&E!=null)return{id:c,type:E}}),[a,c,E]),v=$e((i=>{if(b!=null)return ke(i,b)})),I=o.useMemo((()=>e.isOpen&&b!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[e.isOpen,b,v]),s=f.tenantEmailDomain??d.pathname.split("/").find(Boolean)??"";o.useEffect((()=>{e.isOpen&&b!=null&&r(je(b,!1))}),[r,e.isOpen,b]);const y=o.useRef({isOpen:e.isOpen,transactionId:c});y.current={isOpen:e.isOpen,transactionId:c};const u=o.useCallback((i=>{const m=encodeURIComponent(i.type);return e.isMobile||!a?`/${s}/transaction/${m}/${i.id}${d.search}`:`${e.basePath}/transaction/${m}/${i.id}${d.search}`}),[e.isMobile,e.basePath,a,s,d.search]);we({currentTransactionId:b,enabled:s!=="",buildPath:u,navigate:h,navigateState:d.state});const C=o.useCallback(((i,m,g)=>{!e.isMobile&&a?y.current.isOpen&&y.current.transactionId===i?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(m)}/${i}`,{replace:y.current.isOpen,extraState:g!=null?{searchContext:g}:void 0}):h(`/${s}/transaction/${encodeURIComponent(m)}/${i}`)}),[h,e.isMobile,e.navigateToChild,e.closePanel,a,s]);return{backToList:e.closePanel,closePanel:e.closePanel,fetchState:I,isFullView:e.isFullView,isOpen:e.isOpen,maximize:e.maximize,openPanel:C,selectedTransactionId:a?b:void 0,transactionDetail:a?v:void 0,transactionId:a?c:void 0,transactionType:a?E:void 0}})(t),{useFeatureGate:T}=O(),{isFeatureEnabled:p}=T(S.isTransactionCommentingEnabled),P=o.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return l.jsx(Me,{isFullView:n.isFullView,isTransactionCommentingEnabled:p,transactionId:n.transactionId,transactionType:n.transactionType,onBackToList:n.closePanel,onClose:n.closePanel})}),[n.isOpen,n.isFullView,n.transactionId,n.transactionType,n.closePanel,p]);return{injectedProps:o.useMemo((()=>t?{closeSidePanel:n.closePanel,openTransactionPanel:n.openPanel,panelContent:P,sidePanelIsFullView:n.isFullView,sidePanelIsOpen:n.isOpen}:{}),[t,n.closePanel,n.openPanel,P,n.isFullView,n.isOpen]),selectedItemId:n.transactionId,sidePanel:n}}});export{Ne as a,Re as u,Ye as w};