@zeniai/web-app-ui 5.3.26-dev → 5.3.27-dev

package/dist/assets/{withTransactionSidePanel-CvrgoXlG.js → withTransactionSidePanel-BqPfYxXB.js}

@@ -1,10 +1,10 @@
-import{j as c}from"./liveblocks-D0hIH2N0.js";import{R as ne,a as t}from"./sentry-DhqS_W-k.js";import{U as de,I as B,d as $,b2 as ue,aq as me,b7 as pe,b3 as fe,b4 as he,$ as be,b8 as Te}from"./index-Dck-MxQS.js";import{c as ae,n as q}from"./mui-CY_LMiAy.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-Cs4YJbah.js";import{u as ve,a as ye,b as Ee,c as xe,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-D6CiVTKH.js";import{h as H,g as _,i as Y,u as Oe,j as $e}from"./core-35eDsgGP.js";import{rY as Fe,UT as ke,Qy as je}from"./zeni-epic-state-BRRtwAQl.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new n.Error().stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="da647fa7-7807-443c-ae3f-d91406df40e8",n._sentryDebugIdIdentifier="sentry-dbid-da647fa7-7807-443c-ae3f-d91406df40e8")}catch{}})();const X=q.div`
+import{j as c}from"./liveblocks-BY1qt3Nf.js";import{R as ne,a as t}from"./sentry-xWYlrqHr.js";import{V as de,c as U,y as $,b4 as ue,as as me,b9 as pe,b5 as fe,b6 as he,a1 as be,ba as Te}from"./index-CKPer1bp.js";import{c as ae,n as Q}from"./mui-DesXezzU.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-CxYBeccP.js";import{u as ve,a as ye,b as Ee,c as xe,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-8UnSIXVI.js";import{h as H,g as _,i as Y,u as Oe,j as $e}from"./core-DFhvjgE1.js";import{sd as Fe,Vb as ke,QO as je}from"./zeni-epic-state-DxmmAR38.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new n.Error().stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="15754a07-624a-4f8d-bd41-0919295b89ee",n._sentryDebugIdIdentifier="sentry-dbid-15754a07-624a-4f8d-bd41-0919295b89ee")}catch{}})();const X=Q.div`
   ${({$active:n})=>n&&ae`
       display: flex;
       flex-direction: column;
       height: 100%;
     `}
-`,Z=q.div`
+`,Z=Q.div`
   ${({$active:n})=>n&&ae`
       flex: 1;
       min-height: 0;
@@ -15,11 +15,11 @@ import{j as c}from"./liveblocks-D0hIH2N0.js";import{R as ne,a as t}from"./sentry
       overflow-x: hidden;
       overflow-y: auto;
     `}
-`,De=q.div`
+`,De=Q.div`
   display: flex;
   flex: 1;
   flex-direction: column;
   min-height: 0;
   min-width: 0;
   box-sizing: border-box;
-`,Me=ne.memo((({isFullView:n,transactionId:e,transactionType:d,isTransactionCommentingEnabled:f,onBackToList:T,onClose:a})=>{const P=H(),s=_(),{tenantEmailDomain:u}=Y(),v=de(),{useFeatureGate:w}=B(),{isFeatureEnabled:E}=w($.isCreateTransferEntryFromExpenseEnabled),h=a!=null&&n!==!0,V=v?.currentTenant?.companyId,A=v?.currentTenant?.companyName,{isFeatureEnabled:m}=w($.isProjectsTransactionsEnabled),{isFeatureEnabled:b}=w($.isTransactionSplitEnabled),{selectedTransaction:x,transactionDetail:l,tranEntity:R,isChainOfThoughtEnabled:o,defaultTrendTransactionTimePeriod:F,resetTrendIsFetchedStates:k,uncategorizedAccounts:I,vendorSaveStatus:S,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:L,firstMonthOfFY:O,isCreateVendorDrawerOpen:j,rawDetailSaveStatus:N,rawDetailLineItemById:C}=ve(e,d),i=ue(),{onRecommendationSelection:D,popup:g}=ye({isEnabled:o,fallbackTransactionId:e}),z=t.useMemo((()=>({...i,onRecommendationSelection:D})),[i,D]);Ee(n===!0);const p=t.useRef(C);p.current=C;const r=xe(N,(()=>{const M=[],K=p.current;if(K!=null)for(const le of Object.values(K)){const W=le.account;W?.accountId!=null&&M.push(W.accountId)}return M})),{transactionId:G,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:d}),{isAiCfoAccessEnabled:oe,onAskAiCfoClick:re}=Pe({mobileExploreReferrer:"Transaction Details"}),Q=n===!0&&oe;me({isDataReady:n===!0&&l?.fetchState==="Completed"});const J=t.useRef(null);if(t.useEffect((()=>{if(J.current!==e&&l?.fetchState==="Completed"){J.current=e;const M=s.state?.searchContext;Se(l.transaction,M)}}),[s.state,l,e]),l==null)return c.jsx(X,{$active:h,children:c.jsx(Z,{$active:h,children:c.jsx(pe,{})})});const ce=c.jsxs(c.Fragment,{children:[G!=null&&j?c.jsx(Ce,{isOpen:j,transactionId:G,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}):null,c.jsx(De,{children:c.jsx(fe,{toolkit:z,children:c.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:O,isDisabled:l?.transaction?.type==="transfer"&&v?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!h,tenantEmailDomain:u??"",location:s,navigate:P,selectedTransaction:x,entity:R,isCOTEnabled:o,isCreateTransferEntryFromExpenseEnabled:E,defaultTrendTransactionTimePeriod:F,resetTrendIsFetchedStates:k,transaction:l?.transaction,uncategorizedAccounts:I,vendorSaveStatus:S,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:L,isAiCfoAccessEnabled:Q,onAskAiCfoClick:Q?re:void 0,isTransactionCommentingEnabled:f,isProjectsTransactionsEnabled:m,isTransactionSplitEnabled:b,companyId:V,companyName:A,onBackClick:T})})}),g,r.showPopup&&r.popupType!=null&&c.jsx(he,{popupType:r.popupType,currencySymbol:r.currencySymbol,accountId:r.popupAccountId??"",accountName:r.popupAccountName??"",onSubmit:r.handleSubmit,onDismiss:r.handleDismiss})]});return c.jsx(X,{$active:h,children:c.jsx(Z,{$active:h,children:ce})})})),Ve=[];function ee(n){try{return decodeURIComponent(n)}catch{return n}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Re(n=!0){const e=H(),d=_(),f=Oe(),T=Y(),a=(function(m){const{childPathPattern:b,enabled:x=!0}=m,l=H(),R=Y(),o=_(),F=be(),k=F==="small"||F==="medium-compact",I=R["*"]??"",S=I.match(b),y=x&&!k&&S!=null,L=t.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),O=y&&L==="full",j=S?.slice(1).join("\0"),N=t.useMemo((()=>S==null?Ve:S.slice(1)),[j]),C=t.useMemo((()=>{if(!I)return o.pathname;const p=o.pathname.lastIndexOf("/"+I);return p>=0?o.pathname.slice(0,p):o.pathname}),[o.pathname,I]),i=t.useRef({isOpen:y,locationState:o.state,basePath:C,pathname:o.pathname,search:o.search});i.current.isOpen=y,i.current.locationState=o.state,i.current.basePath=C,i.current.pathname=o.pathname,i.current.search=o.search;const D=t.useCallback(((p,r)=>{l(`${i.current.basePath}/${p}`,{replace:r?.replace??!1,state:r?.extraState!=null?{...i.current.locationState,...r.extraState}:i.current.locationState})}),[l]),g=t.useCallback((()=>{i.current.isOpen&&l(i.current.basePath,{replace:!0,state:i.current.locationState})}),[l]),z=t.useCallback((()=>{const p=new URLSearchParams(i.current.search);p.set("view","full"),l(`${i.current.pathname}?${p.toString()}`,{replace:!0,state:i.current.locationState})}),[l]);return t.useEffect((()=>{if(!y)return;const p=r=>{if(r.key==="Escape"){if(r.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!O&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();g()}};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)}),[y,O,g]),{backToList:g,basePath:C,closePanel:g,isFullView:O,isMobile:k,isOpen:y,matchGroups:N,maximize:z,navigateToChild:D}})({childPathPattern:Ae,enabled:n}),P=a.matchGroups[0]!=null&&a.matchGroups[0]!==""?Fe(ee(a.matchGroups[0])):void 0,s=a.matchGroups[1]!=null&&a.matchGroups[1]!==""?ee(a.matchGroups[1]):void 0,u=t.useMemo((()=>{if(n&&s!=null&&P!=null)return{id:s,type:P}}),[n,s,P]),v=$e((m=>{if(u!=null)return ke(m,u)})),w=t.useMemo((()=>a.isOpen&&u!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[a.isOpen,u,v]),E=T.tenantEmailDomain??d.pathname.split("/").find(Boolean)??"";t.useEffect((()=>{a.isOpen&&u!=null&&f(je(u,!1))}),[f,a.isOpen,u]);const h=t.useRef({isOpen:a.isOpen,transactionId:s});h.current={isOpen:a.isOpen,transactionId:s};const V=t.useCallback((m=>{const b=encodeURIComponent(m.type);return a.isMobile||!n?`/${E}/transaction/${b}/${m.id}${d.search}`:`${a.basePath}/transaction/${b}/${m.id}${d.search}`}),[a.isMobile,a.basePath,n,E,d.search]);we({currentTransactionId:u,enabled:E!=="",buildPath:V,navigate:e,navigateState:d.state});const A=t.useCallback(((m,b,x)=>{!a.isMobile&&n?h.current.isOpen&&h.current.transactionId===m?a.closePanel():a.navigateToChild(`transaction/${encodeURIComponent(b)}/${m}`,{replace:h.current.isOpen,extraState:x!=null?{searchContext:x}:void 0}):e(`/${E}/transaction/${encodeURIComponent(b)}/${m}`)}),[e,a.isMobile,a.navigateToChild,a.closePanel,n,E]);return{backToList:a.closePanel,closePanel:a.closePanel,fetchState:w,isFullView:a.isFullView,isOpen:a.isOpen,maximize:a.maximize,openPanel:A,selectedTransactionId:n?u:void 0,transactionDetail:n?v:void 0,transactionId:n?s:void 0,transactionType:n?P:void 0}}const Ye=(U={displayNamePrefix:"withTransactionSidePanel",usePanelSetup:function(n){const e=Re(n),{useFeatureGate:d}=B(),{isFeatureEnabled:f}=d($.isTransactionCommentingEnabled),T=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return c.jsx(Me,{isFullView:e.isFullView,isTransactionCommentingEnabled:f,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})}),[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,f]);return{injectedProps:t.useMemo((()=>n?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:T,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[n,e.closePanel,e.openPanel,T,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}},function(n){const e=n.displayName??n.name??"Component",d=ne.memo(n),f=T=>{const{useFeatureGate:a}=B(),{isFeatureEnabled:P}=a($.isTransactionDetailSplitViewEnabled),s=U.usePanelSetup(P),u=t.useMemo((()=>({closePanel:s.sidePanel.closePanel,maximize:s.sidePanel.maximize,selectedItemId:s.selectedItemId})),[s.sidePanel.closePanel,s.sidePanel.maximize,s.selectedItemId]);return c.jsx(Te.Provider,{value:u,children:c.jsx(d,{...T,...s.injectedProps})})};return f.displayName=`${U.displayNamePrefix}(${e})`,f});var U;export{Ye as w};
+`,Me=ne.memo((({isFullView:n,transactionId:e,transactionType:d,isTransactionCommentingEnabled:f,onBackToList:T,onClose:a})=>{const P=H(),s=_(),{tenantEmailDomain:u}=Y(),v=de(),{useFeatureGate:w}=U(),{isFeatureEnabled:E}=w($.isCreateTransferEntryFromExpenseEnabled),h=a!=null&&n!==!0,V=v?.currentTenant?.companyId,A=v?.currentTenant?.companyName,{isFeatureEnabled:m}=w($.isProjectsTransactionsEnabled),{isFeatureEnabled:b}=w($.isTransactionSplitEnabled),{selectedTransaction:x,transactionDetail:l,tranEntity:R,isChainOfThoughtEnabled:o,defaultTrendTransactionTimePeriod:F,resetTrendIsFetchedStates:k,uncategorizedAccounts:I,vendorSaveStatus:S,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:L,firstMonthOfFY:O,isCreateVendorDrawerOpen:j,rawDetailSaveStatus:N,rawDetailLineItemById:C}=ve(e,d),i=ue(),{onRecommendationSelection:D,popup:g}=ye({isEnabled:o,fallbackTransactionId:e}),z=t.useMemo((()=>({...i,onRecommendationSelection:D})),[i,D]);Ee(n===!0);const p=t.useRef(C);p.current=C;const r=xe(N,(()=>{const M=[],K=p.current;if(K!=null)for(const le of Object.values(K)){const W=le.account;W?.accountId!=null&&M.push(W.accountId)}return M})),{transactionId:G,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:d}),{isAiCfoAccessEnabled:oe,onAskAiCfoClick:re}=Pe({mobileExploreReferrer:"Transaction Details"}),q=n===!0&&oe;me({isDataReady:n===!0&&l?.fetchState==="Completed"});const J=t.useRef(null);if(t.useEffect((()=>{if(J.current!==e&&l?.fetchState==="Completed"){J.current=e;const M=s.state?.searchContext;Se(l.transaction,M)}}),[s.state,l,e]),l==null)return c.jsx(X,{$active:h,children:c.jsx(Z,{$active:h,children:c.jsx(pe,{})})});const ce=c.jsxs(c.Fragment,{children:[G!=null&&j?c.jsx(Ce,{isOpen:j,transactionId:G,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}):null,c.jsx(De,{children:c.jsx(fe,{toolkit:z,children:c.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:O,isDisabled:l?.transaction?.type==="transfer"&&v?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!h,tenantEmailDomain:u??"",location:s,navigate:P,selectedTransaction:x,entity:R,isCOTEnabled:o,isCreateTransferEntryFromExpenseEnabled:E,defaultTrendTransactionTimePeriod:F,resetTrendIsFetchedStates:k,transaction:l?.transaction,uncategorizedAccounts:I,vendorSaveStatus:S,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:L,isAiCfoAccessEnabled:q,onAskAiCfoClick:q?re:void 0,isTransactionCommentingEnabled:f,isProjectsTransactionsEnabled:m,isTransactionSplitEnabled:b,companyId:V,companyName:A,onBackClick:T})})}),g,r.showPopup&&r.popupType!=null&&c.jsx(he,{popupType:r.popupType,currencySymbol:r.currencySymbol,accountId:r.popupAccountId??"",accountName:r.popupAccountName??"",onSubmit:r.handleSubmit,onDismiss:r.handleDismiss})]});return c.jsx(X,{$active:h,children:c.jsx(Z,{$active:h,children:ce})})})),Ve=[];function ee(n){try{return decodeURIComponent(n)}catch{return n}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Re(n=!0){const e=H(),d=_(),f=Oe(),T=Y(),a=(function(m){const{childPathPattern:b,enabled:x=!0}=m,l=H(),R=Y(),o=_(),F=be(),k=F==="small"||F==="medium-compact",I=R["*"]??"",S=I.match(b),y=x&&!k&&S!=null,L=t.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),O=y&&L==="full",j=S?.slice(1).join("\0"),N=t.useMemo((()=>S==null?Ve:S.slice(1)),[j]),C=t.useMemo((()=>{if(!I)return o.pathname;const p=o.pathname.lastIndexOf("/"+I);return p>=0?o.pathname.slice(0,p):o.pathname}),[o.pathname,I]),i=t.useRef({isOpen:y,locationState:o.state,basePath:C,pathname:o.pathname,search:o.search});i.current.isOpen=y,i.current.locationState=o.state,i.current.basePath=C,i.current.pathname=o.pathname,i.current.search=o.search;const D=t.useCallback(((p,r)=>{l(`${i.current.basePath}/${p}`,{replace:r?.replace??!1,state:r?.extraState!=null?{...i.current.locationState,...r.extraState}:i.current.locationState})}),[l]),g=t.useCallback((()=>{i.current.isOpen&&l(i.current.basePath,{replace:!0,state:i.current.locationState})}),[l]),z=t.useCallback((()=>{const p=new URLSearchParams(i.current.search);p.set("view","full"),l(`${i.current.pathname}?${p.toString()}`,{replace:!0,state:i.current.locationState})}),[l]);return t.useEffect((()=>{if(!y)return;const p=r=>{if(r.key==="Escape"){if(r.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!O&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();g()}};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)}),[y,O,g]),{backToList:g,basePath:C,closePanel:g,isFullView:O,isMobile:k,isOpen:y,matchGroups:N,maximize:z,navigateToChild:D}})({childPathPattern:Ae,enabled:n}),P=a.matchGroups[0]!=null&&a.matchGroups[0]!==""?Fe(ee(a.matchGroups[0])):void 0,s=a.matchGroups[1]!=null&&a.matchGroups[1]!==""?ee(a.matchGroups[1]):void 0,u=t.useMemo((()=>{if(n&&s!=null&&P!=null)return{id:s,type:P}}),[n,s,P]),v=$e((m=>{if(u!=null)return ke(m,u)})),w=t.useMemo((()=>a.isOpen&&u!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[a.isOpen,u,v]),E=T.tenantEmailDomain??d.pathname.split("/").find(Boolean)??"";t.useEffect((()=>{a.isOpen&&u!=null&&f(je(u,!1))}),[f,a.isOpen,u]);const h=t.useRef({isOpen:a.isOpen,transactionId:s});h.current={isOpen:a.isOpen,transactionId:s};const V=t.useCallback((m=>{const b=encodeURIComponent(m.type);return a.isMobile||!n?`/${E}/transaction/${b}/${m.id}${d.search}`:`${a.basePath}/transaction/${b}/${m.id}${d.search}`}),[a.isMobile,a.basePath,n,E,d.search]);we({currentTransactionId:u,enabled:E!=="",buildPath:V,navigate:e,navigateState:d.state});const A=t.useCallback(((m,b,x)=>{!a.isMobile&&n?h.current.isOpen&&h.current.transactionId===m?a.closePanel():a.navigateToChild(`transaction/${encodeURIComponent(b)}/${m}`,{replace:h.current.isOpen,extraState:x!=null?{searchContext:x}:void 0}):e(`/${E}/transaction/${encodeURIComponent(b)}/${m}`)}),[e,a.isMobile,a.navigateToChild,a.closePanel,n,E]);return{backToList:a.closePanel,closePanel:a.closePanel,fetchState:w,isFullView:a.isFullView,isOpen:a.isOpen,maximize:a.maximize,openPanel:A,selectedTransactionId:n?u:void 0,transactionDetail:n?v:void 0,transactionId:n?s:void 0,transactionType:n?P:void 0}}const Ye=(B={displayNamePrefix:"withTransactionSidePanel",usePanelSetup:function(n){const e=Re(n),{useFeatureGate:d}=U(),{isFeatureEnabled:f}=d($.isTransactionCommentingEnabled),T=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return c.jsx(Me,{isFullView:e.isFullView,isTransactionCommentingEnabled:f,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})}),[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,f]);return{injectedProps:t.useMemo((()=>n?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:T,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[n,e.closePanel,e.openPanel,T,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}},function(n){const e=n.displayName??n.name??"Component",d=ne.memo(n),f=T=>{const{useFeatureGate:a}=U(),{isFeatureEnabled:P}=a($.isTransactionDetailSplitViewEnabled),s=B.usePanelSetup(P),u=t.useMemo((()=>({closePanel:s.sidePanel.closePanel,maximize:s.sidePanel.maximize,selectedItemId:s.selectedItemId})),[s.sidePanel.closePanel,s.sidePanel.maximize,s.selectedItemId]);return c.jsx(Te.Provider,{value:u,children:c.jsx(d,{...T,...s.injectedProps})})};return f.displayName=`${B.displayNamePrefix}(${e})`,f});var B;export{Ye as w};