@zeniai/web-app-ui 5.3.47-dev → 5.3.48-dev

package/dist/assets/withTransactionSidePanel-aokrUwcT.js

@@ -0,0 +1,25 @@
+import{j as l}from"./liveblocks-DTaiayIC.js";import{R as Q,a as o}from"./sentry-BRmieicQ.js";import{V as ue,M as O,y 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-CsnAk3jU.js";import{c as q,n as $}from"./mui-yMDYeeMr.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-BOgWSkqa.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-BzVEfQec.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-DA_GbUVO.js";import{sg as Fe,V1 as ke,QO as je}from"./zeni-epic-state-cafsD4rZ.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]="1c1d50ae-5b7c-48da-9fb2-147f0a0ea381",t._sentryDebugIdIdentifier="sentry-dbid-1c1d50ae-5b7c-48da-9fb2-147f0a0ea381")}catch{}})();const H=$.div`
+  ${({$active:t})=>t&&q`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,_=$.div`
+  ${({$active:t})=>t&&q`
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      min-width: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    `}
+`,De=$.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Me=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: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(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: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:h,companyName:v,onBackClick:P})})}),ae,x.showPopup&&x.popupType!=null&&l.jsx(be,{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(),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?Ve: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 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 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 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:h,enabled:s!=="",buildPath:u,navigate:b,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}):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(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,Qe as w};