@zeniai/web-app-ui 5.3.27-qa → 5.3.28-dev

package/dist/assets/withTransactionSidePanel-D2qM2kUe.js

@@ -0,0 +1,25 @@
+import{j as l}from"./liveblocks-DOBkg1D1.js";import{R as Q,a as o}from"./sentry-B0nIwgR6.js";import{V as ue,O,y as S,b4 as de,as as me,b9 as pe,b5 as fe,b6 as he,a1 as be,ba as U}from"./index-BzXVp9e6.js";import{c as q,n as $}from"./mui-DpenkF9f.js";import{u as Te}from"./useAskAiCfoHostNavButtonProps-4GEN23bC.js";import{u as Pe,a as ve,b as Ee,c as ye,d as xe,l as Ie,C as Se,e as Ce,f as ge}from"./TransactionDetailScreen-DGG9zgNP.js";import{h as F,g as k,i as j,u as we,j as Oe}from"./core-D5xlmXJj.js";import{sd as $e,V1 as Fe,QO as ke}from"./zeni-epic-state-DVQQo6UD.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]="ec1a2106-c921-485f-92e2-8941c3b908f5",t._sentryDebugIdIdentifier="sentry-dbid-ec1a2106-c921-485f-92e2-8941c3b908f5")}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;
+    `}
+`,je=$.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,De=Q.memo((({isFullView:t,transactionId:n,transactionType:T,isTransactionCommentingEnabled:p,onBackToList:P,onClose:a})=>{const b=F(),u=k(),{tenantEmailDomain:r}=j(),f=ue(),{useFeatureGate:e}=O(),{isFeatureEnabled:v}=e(S.isCreateTransferEntryFromExpenseEnabled),c=a!=null&&t!==!0,h=f?.currentTenant?.companyId,E=f?.currentTenant?.companyName,{isFeatureEnabled:I}=e(S.isProjectsTransactionsEnabled),{isFeatureEnabled:i}=e(S.isTransactionSplitEnabled),{selectedTransaction:y,transactionDetail:d,tranEntity:C,isChainOfThoughtEnabled:s,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,firstMonthOfFY:Z,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:ee,rawDetailLineItemById:V}=Pe(n,T),M=de(),{onRecommendationSelection:A,popup:ne}=ve({isEnabled:s,fallbackTransactionId:n}),ae=o.useMemo((()=>({...M,onRecommendationSelection:A})),[M,A]);Ee(t===!0);const R=o.useRef(V);R.current=V;const x=ye(ee,(()=>{const w=[],G=R.current;if(G!=null)for(const le of Object.values(G)){const B=le.account;B?.accountId!=null&&w.push(B.accountId)}return w})),{transactionId:N,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}=xe({closeDrawerHandler:()=>{},overrideTransactionId:n,overrideTransactionType:T}),{isAiCfoAccessEnabled:oe,onAskAiCfoClick:re}=Te({mobileExploreReferrer:"Transaction Details"}),L=t===!0&&oe;me({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;Ie(d.transaction,w)}}),[u.state,d,n]),d==null)return l.jsx(H,{$active:c,children:l.jsx(_,{$active:c,children:l.jsx(pe,{})})});const ce=l.jsxs(l.Fragment,{children:[N!=null&&D?l.jsx(Se,{isOpen:D,transactionId:N,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}):null,l.jsx(je,{children:l.jsx(fe,{toolkit:ae,children:l.jsx(Ce,{hideDeleteAttachment:!0,firstMonthOfFY:Z,isDisabled:d?.transaction?.type==="transfer"&&f?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!c,tenantEmailDomain:r??"",location:u,navigate:b,selectedTransaction:y,entity:C,isCOTEnabled:s,isCreateTransferEntryFromExpenseEnabled:v,defaultTrendTransactionTimePeriod:m,resetTrendIsFetchedStates:g,transaction:d?.transaction,uncategorizedAccounts:J,vendorSaveStatus:K,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?re:void 0,isTransactionCommentingEnabled:p,isProjectsTransactionsEnabled:I,isTransactionSplitEnabled:i,companyId:h,companyName:E,onBackClick:P})})}),ne,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:ce})})})),Ve=[];function Me(t){const{childPathPattern:n,enabled:T=!0}=t,p=F(),P=j(),a=k(),b=be(),u=b==="small"||b==="medium-compact",r=P["*"]??"",f=r.match(n),e=T&&!u&&f!=null,v=o.useMemo((()=>new URLSearchParams(a.search).get("view")),[a.search]),c=e&&v==="full",h=f?.slice(1).join("\0"),E=o.useMemo((()=>f==null?Ve:f.slice(1)),[h]),I=o.useMemo((()=>{if(!r)return a.pathname;const s=a.pathname.lastIndexOf("/"+r);return s>=0?a.pathname.slice(0,s):a.pathname}),[a.pathname,r]),i=o.useRef({isOpen:e,locationState:a.state,basePath:I,pathname:a.pathname,search:a.search});i.current.isOpen=e,i.current.locationState=a.state,i.current.basePath=I,i.current.pathname=a.pathname,i.current.search=a.search;const y=o.useCallback(((s,m)=>{p(`${i.current.basePath}/${s}`,{replace:m?.replace??!1,state:m?.extraState!=null?{...i.current.locationState,...m.extraState}:i.current.locationState})}),[p]),d=o.useCallback((()=>{i.current.isOpen&&p(i.current.basePath,{replace:!0,state:i.current.locationState})}),[p]),C=o.useCallback((()=>{const s=new URLSearchParams(i.current.search);s.set("view","full"),p(`${i.current.pathname}?${s.toString()}`,{replace:!0,state:i.current.locationState})}),[p]);return o.useEffect((()=>{if(!e)return;const s=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",s),()=>document.removeEventListener("keydown",s)}),[e,c,d]),{backToList:d,basePath:I,closePanel:d,isFullView:c,isMobile:u,isOpen:e,matchGroups:E,maximize:C,navigateToChild:y}}function Y(t){try{return decodeURIComponent(t)}catch{return t}}const Ae=/^transaction\/([^/]+)\/([^/?]+)$/;function Re(t){return function(n){const T=n.displayName??n.name??"Component",p=Q.memo(n),P=a=>{const{useFeatureGate:b}=O(),{isFeatureEnabled:u}=b(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 Ye=Re({displayNamePrefix:"withTransactionSidePanel",gateName:S.isTransactionDetailSplitViewEnabled,usePanelSetup:function(t){const n=(function(a=!0){const b=F(),u=k(),r=we(),f=j(),e=Me({childPathPattern:Ae,enabled:a}),v=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?$e(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&&v!=null)return{id:c,type:v}}),[a,c,v]),E=Oe((s=>{if(h!=null)return Fe(s,h)})),I=o.useMemo((()=>e.isOpen&&h!=null?E==null?"In-Progress":E.fetchState:"Not-Started"),[e.isOpen,h,E]),i=f.tenantEmailDomain??u.pathname.split("/").find(Boolean)??"";o.useEffect((()=>{e.isOpen&&h!=null&&r(ke(h,!1))}),[r,e.isOpen,h]);const y=o.useRef({isOpen:e.isOpen,transactionId:c});y.current={isOpen:e.isOpen,transactionId:c};const d=o.useCallback((s=>{const m=encodeURIComponent(s.type);return e.isMobile||!a?`/${i}/transaction/${m}/${s.id}${u.search}`:`${e.basePath}/transaction/${m}/${s.id}${u.search}`}),[e.isMobile,e.basePath,a,i,u.search]);ge({currentTransactionId:h,enabled:i!=="",buildPath:d,navigate:b,navigateState:u.state});const C=o.useCallback(((s,m,g)=>{!e.isMobile&&a?y.current.isOpen&&y.current.transactionId===s?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(m)}/${s}`,{replace:y.current.isOpen,extraState:g!=null?{searchContext:g}:void 0}):b(`/${i}/transaction/${encodeURIComponent(m)}/${s}`)}),[b,e.isMobile,e.navigateToChild,e.closePanel,a,i]);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?E:void 0,transactionId:a?c:void 0,transactionType:a?v: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(De,{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{Re as a,Me as u,Ye as w};