@zeniai/web-app-ui 5.3.36-qa → 5.3.37-dev

package/dist/assets/{withTransactionSidePanel-t6MfqVMB.js → withTransactionSidePanel-CzeazBMg.js}

@@ -1,4 +1,4 @@
-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-bwrXkHAd.js";import{c as q,n as $}from"./mui-gvvniK3d.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-B0woZnci.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-8aqi-OdB.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`
+import{j as l}from"./liveblocks-DFmQJs9l.js";import{R as Q,a as o}from"./sentry-C-wepUYh.js";import{V as ue,O,c as S,b4 as me,as as pe,b9 as fe,b5 as he,b6 as be,a1 as Te,ba as U}from"./index-CSXIBJ_M.js";import{c as q,n as $}from"./mui-BM_3_akP.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-9-Fy3nUU.js";import{u as Ee,a as ve,b as xe,c as ye,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-ztNW1t0S.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-BmuD0S3N.js";import{sg as Fe,V1 as ke,QO as je}from"./zeni-epic-state-BzURQeUK.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]="e0e0ef10-9581-40e8-919b-fdef9884ed8f",t._sentryDebugIdIdentifier="sentry-dbid-e0e0ef10-9581-40e8-919b-fdef9884ed8f")}catch{}})();const H=$.div`
   ${({$active:t})=>t&&q`
       display: flex;
       flex-direction: column;
@@ -22,4 +22,4 @@ import{j as l}from"./liveblocks-Bqt_XhHh.js";import{R as Y,a as o}from"./sentry-
   min-height: 0;
   min-width: 0;
   box-sizing: border-box;
-`,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};
+`,Ve=Q.memo((({isFullView:t,transactionId:n,transactionType:T,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const b=F(),d=k(),{tenantEmailDomain:r}=j(),f=ue(),{useFeatureGate:e}=O(),{isFeatureEnabled:E}=e(S.isCreateTransferEntryFromExpenseEnabled),c=a!=null&&t!==!0,h=f?.currentTenant?.companyId,v=f?.currentTenant?.companyName,{isFeatureEnabled:I}=e(S.isProjectsTransactionsEnabled),{isFeatureEnabled:s}=e(S.isTransactionSplitEnabled),{selectedTransaction:x,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: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]);xe(t===!0);const A=o.useRef(V);A.current=V;const y=ye(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(he,{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:b,selectedTransaction:x,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:h,companyName:v,onBackClick:P})})}),ae,y.showPopup&&y.popupType!=null&&l.jsx(be,{popupType:y.popupType,currencySymbol:y.currencySymbol,accountId:y.popupAccountId??"",accountName:y.popupAccountName??"",onSubmit:y.handleSubmit,onDismiss:y.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(),b=Te(),d=b==="small"||b==="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",h=f?.slice(1).join("\0"),v=o.useMemo((()=>f==null?Me:f.slice(1)),[h]),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 x=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:x}}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:b}=O(),{isFeatureEnabled:d}=b(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 Qe=Ne({displayNamePrefix:"withTransactionSidePanel",gateName:S.isTransactionDetailSplitViewEnabled,usePanelSetup:function(t){const n=(function(a=!0){const b=F(),d=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,h=o.useMemo((()=>{if(a&&c!=null&&E!=null)return{id:c,type:E}}),[a,c,E]),v=$e((i=>{if(h!=null)return ke(i,h)})),I=o.useMemo((()=>e.isOpen&&h!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[e.isOpen,h,v]),s=f.tenantEmailDomain??d.pathname.split("/").find(Boolean)??"";o.useEffect((()=>{e.isOpen&&h!=null&&r(je(h,!1))}),[r,e.isOpen,h]);const x=o.useRef({isOpen:e.isOpen,transactionId:c});x.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:h,enabled:s!=="",buildPath:u,navigate:b,navigateState:d.state});const C=o.useCallback(((i,m,g)=>{!e.isMobile&&a?x.current.isOpen&&x.current.transactionId===i?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(m)}/${i}`,{replace:x.current.isOpen,extraState:g!=null?{searchContext:g}:void 0}):b(`/${s}/transaction/${encodeURIComponent(m)}/${i}`)}),[b,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?h: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};