@zeniai/web-app-ui 5.3.31-dev → 5.3.31-next

package/dist/assets/{withTransactionSidePanel-BjLmCRfl.js → withTransactionSidePanel-qDIN4nKR.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./liveblocks-CkQ2CY6T.js";import{R as ae,a as t}from"./sentry-Lj2WEO6K.js";import{V as ue,O as U,y as $,b2 as me,aq as pe,b7 as fe,b3 as be,b4 as he,$ as Te,b8 as Pe}from"./index-juRht-9c.js";import{c as te,n as q}from"./mui-FQy08n5j.js";import{u as ve}from"./useAskAiCfoHostNavButtonProps-Dhoa0fnv.js";import{u as Ee,a as ye,b as xe,c as Ie,d as Se,l as Ce,C as ge,e as we,f as Oe}from"./TransactionDetailScreen-srWo_3sK.js";import{h as H,g as _,i as Y,u as $e,j as Fe}from"./core-CiFsHd3i.js";import{sd as ke,V7 as je,QO as De}from"./zeni-epic-state-BdFiPfcm.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]="bca5c142-a59b-44b9-9d10-263caecc8fa1",n._sentryDebugIdIdentifier="sentry-dbid-bca5c142-a59b-44b9-9d10-263caecc8fa1")}catch{}})();const Z=q.div`
+import{j as r}from"./liveblocks-CrgMd6cu.js";import{R as ae,a as t}from"./sentry-C0JeJOxU.js";import{U as ue,I as B,d as $,b2 as me,aq as pe,b7 as fe,b3 as he,b4 as be,$ as Te,b8 as Pe}from"./index-D7arCk2M.js";import{c as te,n as q}from"./mui-DBCQIIXU.js";import{u as ve}from"./useAskAiCfoHostNavButtonProps-JCPjjF9P.js";import{u as Ee,a as ye,b as xe,c as Ie,d as Se,l as Ce,C as ge,e as we,f as Oe}from"./TransactionDetailScreen-D_LA5Rwt.js";import{h as H,g as _,i as Y,u as $e,j as Fe}from"./core-CesISa_L.js";import{rY as ke,UT as je,Qy as De}from"./zeni-epic-state-B9V6b-sD.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]="385427c8-db7a-44e6-92c9-8562f0ecdb70",n._sentryDebugIdIdentifier="sentry-dbid-385427c8-db7a-44e6-92c9-8562f0ecdb70")}catch{}})();const Z=q.div`
   ${({$active:n})=>n&&te`
       display: flex;
       flex-direction: column;
@@ -22,4 +22,4 @@ import{j as r}from"./liveblocks-CkQ2CY6T.js";import{R as ae,a as t}from"./sentry
   min-height: 0;
   min-width: 0;
   box-sizing: border-box;
-`,Ve=ae.memo((({isFullView:n,transactionId:e,transactionType:l,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const v=H(),s=_(),{tenantEmailDomain:d}=Y(),E=ue(),{useFeatureGate:S}=U(),{isFeatureEnabled:x}=S($.isCreateTransferEntryFromExpenseEnabled),f=a!=null&&n!==!0,R=E?.currentTenant?.companyId,A=E?.currentTenant?.companyName,{isFeatureEnabled:u}=S($.isProjectsTransactionsEnabled),{isFeatureEnabled:b}=S($.isTransactionSplitEnabled),{selectedTransaction:C,transactionDetail:c,tranEntity:L,isChainOfThoughtEnabled:o,defaultTrendTransactionTimePeriod:k,resetTrendIsFetchedStates:j,uncategorizedAccounts:g,vendorSaveStatus:w,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:N,firstMonthOfFY:F,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:z,rawDetailLineItemById:O}=Ee(e,l),{isFeatureEnabled:i}=S($.isRecommendationFeedbackEnabled),M=me(),{onRecommendationSelection:I,popup:G}=ye({isEnabled:i,fallbackTransactionId:e}),m=t.useMemo((()=>({...M,onRecommendationSelection:I})),[M,I]);xe(n===!0);const h=t.useRef(O);h.current=O;const T=Ie(z,(()=>{const V=[],W=h.current;if(W!=null)for(const de of Object.values(W)){const X=de.account;X?.accountId!=null&&V.push(X.accountId)}return V})),{transactionId:Q,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Se({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:l}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:ce}=ve({mobileExploreReferrer:"Transaction Details"}),J=n===!0&&re;pe({isDataReady:n===!0&&c?.fetchState==="Completed"});const K=t.useRef(null);if(t.useEffect((()=>{if(K.current!==e&&c?.fetchState==="Completed"){K.current=e;const V=s.state?.searchContext;Ce(c.transaction,V)}}),[s.state,c,e]),c==null)return r.jsx(Z,{$active:f,children:r.jsx(ee,{$active:f,children:r.jsx(fe,{})})});const le=r.jsxs(r.Fragment,{children:[Q!=null&&D?r.jsx(ge,{isOpen:D,transactionId:Q,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,r.jsx(Me,{children:r.jsx(be,{toolkit:m,children:r.jsx(we,{hideDeleteAttachment:!0,firstMonthOfFY:F,isDisabled:c?.transaction?.type==="transfer"&&E?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!f,tenantEmailDomain:d??"",location:s,navigate:v,selectedTransaction:C,entity:L,isCOTEnabled:o,isCreateTransferEntryFromExpenseEnabled:x,defaultTrendTransactionTimePeriod:k,resetTrendIsFetchedStates:j,transaction:c?.transaction,uncategorizedAccounts:g,vendorSaveStatus:w,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:N,isAiCfoAccessEnabled:J,onAskAiCfoClick:J?ce:void 0,isTransactionCommentingEnabled:p,isProjectsTransactionsEnabled:u,isTransactionSplitEnabled:b,companyId:R,companyName:A,onBackClick:P})})}),G,T.showPopup&&T.popupType!=null&&r.jsx(he,{popupType:T.popupType,currencySymbol:T.currencySymbol,accountId:T.popupAccountId??"",accountName:T.popupAccountName??"",onSubmit:T.handleSubmit,onDismiss:T.handleDismiss})]});return r.jsx(Z,{$active:f,children:r.jsx(ee,{$active:f,children:le})})})),Re=[];function ne(n){try{return decodeURIComponent(n)}catch{return n}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Le(n=!0){const e=H(),l=_(),p=$e(),P=Y(),a=(function(u){const{childPathPattern:b,enabled:C=!0}=u,c=H(),L=Y(),o=_(),k=Te(),j=k==="small"||k==="medium-compact",g=L["*"]??"",w=g.match(b),y=C&&!j&&w!=null,N=t.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),F=y&&N==="full",D=w?.slice(1).join("\0"),z=t.useMemo((()=>w==null?Re:w.slice(1)),[D]),O=t.useMemo((()=>{if(!g)return o.pathname;const m=o.pathname.lastIndexOf("/"+g);return m>=0?o.pathname.slice(0,m):o.pathname}),[o.pathname,g]),i=t.useRef({isOpen:y,locationState:o.state,basePath:O,pathname:o.pathname,search:o.search});i.current.isOpen=y,i.current.locationState=o.state,i.current.basePath=O,i.current.pathname=o.pathname,i.current.search=o.search;const M=t.useCallback(((m,h)=>{c(`${i.current.basePath}/${m}`,{replace:h?.replace??!1,state:h?.extraState!=null?{...i.current.locationState,...h.extraState}:i.current.locationState})}),[c]),I=t.useCallback((()=>{i.current.isOpen&&c(i.current.basePath,{replace:!0,state:i.current.locationState})}),[c]),G=t.useCallback((()=>{const m=new URLSearchParams(i.current.search);m.set("view","full"),c(`${i.current.pathname}?${m.toString()}`,{replace:!0,state:i.current.locationState})}),[c]);return t.useEffect((()=>{if(!y)return;const m=h=>{if(h.key==="Escape"){if(h.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!F&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();I()}};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)}),[y,F,I]),{backToList:I,basePath:O,closePanel:I,isFullView:F,isMobile:j,isOpen:y,matchGroups:z,maximize:G,navigateToChild:M}})({childPathPattern:Ae,enabled:n}),v=a.matchGroups[0]!=null&&a.matchGroups[0]!==""?ke(ne(a.matchGroups[0])):void 0,s=a.matchGroups[1]!=null&&a.matchGroups[1]!==""?ne(a.matchGroups[1]):void 0,d=t.useMemo((()=>{if(n&&s!=null&&v!=null)return{id:s,type:v}}),[n,s,v]),E=Fe((u=>{if(d!=null)return je(u,d)})),S=t.useMemo((()=>a.isOpen&&d!=null?E==null?"In-Progress":E.fetchState:"Not-Started"),[a.isOpen,d,E]),x=P.tenantEmailDomain??l.pathname.split("/").find(Boolean)??"";t.useEffect((()=>{a.isOpen&&d!=null&&p(De(d,!1))}),[p,a.isOpen,d]);const f=t.useRef({isOpen:a.isOpen,transactionId:s});f.current={isOpen:a.isOpen,transactionId:s};const R=t.useCallback((u=>{const b=encodeURIComponent(u.type);return a.isMobile||!n?`/${x}/transaction/${b}/${u.id}${l.search}`:`${a.basePath}/transaction/${b}/${u.id}${l.search}`}),[a.isMobile,a.basePath,n,x,l.search]);Oe({currentTransactionId:d,enabled:x!=="",buildPath:R,navigate:e,navigateState:l.state});const A=t.useCallback(((u,b,C)=>{!a.isMobile&&n?f.current.isOpen&&f.current.transactionId===u?a.closePanel():a.navigateToChild(`transaction/${encodeURIComponent(b)}/${u}`,{replace:f.current.isOpen,extraState:C!=null?{searchContext:C}:void 0}):e(`/${x}/transaction/${encodeURIComponent(b)}/${u}`)}),[e,a.isMobile,a.navigateToChild,a.closePanel,n,x]);return{backToList:a.closePanel,closePanel:a.closePanel,fetchState:S,isFullView:a.isFullView,isOpen:a.isOpen,maximize:a.maximize,openPanel:A,selectedTransactionId:n?d:void 0,transactionDetail:n?E:void 0,transactionId:n?s:void 0,transactionType:n?v:void 0}}const qe=(B={displayNamePrefix:"withTransactionSidePanel",usePanelSetup:function(n){const e=Le(n),{useFeatureGate:l}=U(),{isFeatureEnabled:p}=l($.isTransactionCommentingEnabled),P=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return r.jsx(Ve,{isFullView:e.isFullView,isTransactionCommentingEnabled:p,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})}),[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,p]);return{injectedProps:t.useMemo((()=>n?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:P,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[n,e.closePanel,e.openPanel,P,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}},function(n){const e=n.displayName??n.name??"Component",l=ae.memo(n),p=P=>{const{useFeatureGate:a}=U(),{isFeatureEnabled:v}=a($.isTransactionDetailSplitViewEnabled),s=B.usePanelSetup(v),d=t.useMemo((()=>({closePanel:s.sidePanel.closePanel,maximize:s.sidePanel.maximize,selectedItemId:s.selectedItemId})),[s.sidePanel.closePanel,s.sidePanel.maximize,s.selectedItemId]);return r.jsx(Pe.Provider,{value:d,children:r.jsx(l,{...P,...s.injectedProps})})};return p.displayName=`${B.displayNamePrefix}(${e})`,p});var B;export{qe as w};
+`,Ve=ae.memo((({isFullView:n,transactionId:e,transactionType:l,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const v=H(),s=_(),{tenantEmailDomain:d}=Y(),E=ue(),{useFeatureGate:S}=B(),{isFeatureEnabled:x}=S($.isCreateTransferEntryFromExpenseEnabled),f=a!=null&&n!==!0,R=E?.currentTenant?.companyId,A=E?.currentTenant?.companyName,{isFeatureEnabled:u}=S($.isProjectsTransactionsEnabled),{isFeatureEnabled:h}=S($.isTransactionSplitEnabled),{selectedTransaction:C,transactionDetail:c,tranEntity:L,isChainOfThoughtEnabled:o,defaultTrendTransactionTimePeriod:k,resetTrendIsFetchedStates:j,uncategorizedAccounts:g,vendorSaveStatus:w,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:N,firstMonthOfFY:F,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:z,rawDetailLineItemById:O}=Ee(e,l),{isFeatureEnabled:i}=S($.isRecommendationFeedbackEnabled),M=me(),{onRecommendationSelection:I,popup:G}=ye({isEnabled:i,fallbackTransactionId:e}),m=t.useMemo((()=>({...M,onRecommendationSelection:I})),[M,I]);xe(n===!0);const b=t.useRef(O);b.current=O;const T=Ie(z,(()=>{const V=[],W=b.current;if(W!=null)for(const de of Object.values(W)){const X=de.account;X?.accountId!=null&&V.push(X.accountId)}return V})),{transactionId:Q,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Se({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:l}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:ce}=ve({mobileExploreReferrer:"Transaction Details"}),J=n===!0&&re;pe({isDataReady:n===!0&&c?.fetchState==="Completed"});const K=t.useRef(null);if(t.useEffect((()=>{if(K.current!==e&&c?.fetchState==="Completed"){K.current=e;const V=s.state?.searchContext;Ce(c.transaction,V)}}),[s.state,c,e]),c==null)return r.jsx(Z,{$active:f,children:r.jsx(ee,{$active:f,children:r.jsx(fe,{})})});const le=r.jsxs(r.Fragment,{children:[Q!=null&&D?r.jsx(ge,{isOpen:D,transactionId:Q,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,r.jsx(Me,{children:r.jsx(he,{toolkit:m,children:r.jsx(we,{hideDeleteAttachment:!0,firstMonthOfFY:F,isDisabled:c?.transaction?.type==="transfer"&&E?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!f,tenantEmailDomain:d??"",location:s,navigate:v,selectedTransaction:C,entity:L,isCOTEnabled:o,isCreateTransferEntryFromExpenseEnabled:x,defaultTrendTransactionTimePeriod:k,resetTrendIsFetchedStates:j,transaction:c?.transaction,uncategorizedAccounts:g,vendorSaveStatus:w,isVendorBulkUpdateOnTransactionEnabled:y,isExpenseAutomationEnabled:N,isAiCfoAccessEnabled:J,onAskAiCfoClick:J?ce:void 0,isTransactionCommentingEnabled:p,isProjectsTransactionsEnabled:u,isTransactionSplitEnabled:h,companyId:R,companyName:A,onBackClick:P})})}),G,T.showPopup&&T.popupType!=null&&r.jsx(be,{popupType:T.popupType,currencySymbol:T.currencySymbol,accountId:T.popupAccountId??"",accountName:T.popupAccountName??"",onSubmit:T.handleSubmit,onDismiss:T.handleDismiss})]});return r.jsx(Z,{$active:f,children:r.jsx(ee,{$active:f,children:le})})})),Re=[];function ne(n){try{return decodeURIComponent(n)}catch{return n}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Le(n=!0){const e=H(),l=_(),p=$e(),P=Y(),a=(function(u){const{childPathPattern:h,enabled:C=!0}=u,c=H(),L=Y(),o=_(),k=Te(),j=k==="small"||k==="medium-compact",g=L["*"]??"",w=g.match(h),y=C&&!j&&w!=null,N=t.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),F=y&&N==="full",D=w?.slice(1).join("\0"),z=t.useMemo((()=>w==null?Re:w.slice(1)),[D]),O=t.useMemo((()=>{if(!g)return o.pathname;const m=o.pathname.lastIndexOf("/"+g);return m>=0?o.pathname.slice(0,m):o.pathname}),[o.pathname,g]),i=t.useRef({isOpen:y,locationState:o.state,basePath:O,pathname:o.pathname,search:o.search});i.current.isOpen=y,i.current.locationState=o.state,i.current.basePath=O,i.current.pathname=o.pathname,i.current.search=o.search;const M=t.useCallback(((m,b)=>{c(`${i.current.basePath}/${m}`,{replace:b?.replace??!1,state:b?.extraState!=null?{...i.current.locationState,...b.extraState}:i.current.locationState})}),[c]),I=t.useCallback((()=>{i.current.isOpen&&c(i.current.basePath,{replace:!0,state:i.current.locationState})}),[c]),G=t.useCallback((()=>{const m=new URLSearchParams(i.current.search);m.set("view","full"),c(`${i.current.pathname}?${m.toString()}`,{replace:!0,state:i.current.locationState})}),[c]);return t.useEffect((()=>{if(!y)return;const m=b=>{if(b.key==="Escape"){if(b.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!F&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();I()}};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)}),[y,F,I]),{backToList:I,basePath:O,closePanel:I,isFullView:F,isMobile:j,isOpen:y,matchGroups:z,maximize:G,navigateToChild:M}})({childPathPattern:Ae,enabled:n}),v=a.matchGroups[0]!=null&&a.matchGroups[0]!==""?ke(ne(a.matchGroups[0])):void 0,s=a.matchGroups[1]!=null&&a.matchGroups[1]!==""?ne(a.matchGroups[1]):void 0,d=t.useMemo((()=>{if(n&&s!=null&&v!=null)return{id:s,type:v}}),[n,s,v]),E=Fe((u=>{if(d!=null)return je(u,d)})),S=t.useMemo((()=>a.isOpen&&d!=null?E==null?"In-Progress":E.fetchState:"Not-Started"),[a.isOpen,d,E]),x=P.tenantEmailDomain??l.pathname.split("/").find(Boolean)??"";t.useEffect((()=>{a.isOpen&&d!=null&&p(De(d,!1))}),[p,a.isOpen,d]);const f=t.useRef({isOpen:a.isOpen,transactionId:s});f.current={isOpen:a.isOpen,transactionId:s};const R=t.useCallback((u=>{const h=encodeURIComponent(u.type);return a.isMobile||!n?`/${x}/transaction/${h}/${u.id}${l.search}`:`${a.basePath}/transaction/${h}/${u.id}${l.search}`}),[a.isMobile,a.basePath,n,x,l.search]);Oe({currentTransactionId:d,enabled:x!=="",buildPath:R,navigate:e,navigateState:l.state});const A=t.useCallback(((u,h,C)=>{!a.isMobile&&n?f.current.isOpen&&f.current.transactionId===u?a.closePanel():a.navigateToChild(`transaction/${encodeURIComponent(h)}/${u}`,{replace:f.current.isOpen,extraState:C!=null?{searchContext:C}:void 0}):e(`/${x}/transaction/${encodeURIComponent(h)}/${u}`)}),[e,a.isMobile,a.navigateToChild,a.closePanel,n,x]);return{backToList:a.closePanel,closePanel:a.closePanel,fetchState:S,isFullView:a.isFullView,isOpen:a.isOpen,maximize:a.maximize,openPanel:A,selectedTransactionId:n?d:void 0,transactionDetail:n?E:void 0,transactionId:n?s:void 0,transactionType:n?v:void 0}}const qe=(U={displayNamePrefix:"withTransactionSidePanel",usePanelSetup:function(n){const e=Le(n),{useFeatureGate:l}=B(),{isFeatureEnabled:p}=l($.isTransactionCommentingEnabled),P=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return r.jsx(Ve,{isFullView:e.isFullView,isTransactionCommentingEnabled:p,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})}),[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,p]);return{injectedProps:t.useMemo((()=>n?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:P,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[n,e.closePanel,e.openPanel,P,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}},function(n){const e=n.displayName??n.name??"Component",l=ae.memo(n),p=P=>{const{useFeatureGate:a}=B(),{isFeatureEnabled:v}=a($.isTransactionDetailSplitViewEnabled),s=U.usePanelSetup(v),d=t.useMemo((()=>({closePanel:s.sidePanel.closePanel,maximize:s.sidePanel.maximize,selectedItemId:s.selectedItemId})),[s.sidePanel.closePanel,s.sidePanel.maximize,s.selectedItemId]);return r.jsx(Pe.Provider,{value:d,children:r.jsx(l,{...P,...s.injectedProps})})};return p.displayName=`${U.displayNamePrefix}(${e})`,p});var U;export{qe as w};