@zeniai/web-app-ui 5.3.41-qa → 5.3.42-dev

package/dist/assets/withTransactionSidePanel-_ek7stLz.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-DRsJ0YIJ.js";import{R as J,a as t}from"./sentry-G4ZANa8Z.js";import{U as de,O,c as C,b4 as me,as as pe,b9 as fe,b5 as be,b6 as he,a1 as Te,ba as H}from"./index-DGjciFPC.js";import{c as K,n as $}from"./mui-BuJ3P0FU.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-DY2m50un.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-Cxl44PLi.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-DGLzDXWl.js";import{sO as Fe,Vz as ke,Rj as je}from"./zeni-epic-state-Dm2vDWXH.js";import{m as De,s as Me}from"./stripSplatSuffix-BTaD_7hZ.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new a.Error().stack;e&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[e]="b6c615b2-29a8-4041-93f2-79f03e65526f",a._sentryDebugIdIdentifier="sentry-dbid-b6c615b2-29a8-4041-93f2-79f03e65526f")}catch{}})();const _=$.div`
+  ${({$active:a})=>a&&K`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,Y=$.div`
+  ${({$active:a})=>a&&K`
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      min-width: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    `}
+`,Ve=$.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Ae=J.memo((({isFullView:a,transactionId:e,transactionType:v,isTransactionCommentingEnabled:y,onBackToList:d,onClose:o})=>{const i=F(),m=k(),{tenantEmailDomain:r}=j(),h=de(),{useFeatureGate:n}=O(),{isFeatureEnabled:f}=n(C.isCreateTransferEntryFromExpenseEnabled),p=o!=null&&a!==!0,c=h?.currentTenant?.companyId,x=h?.currentTenant?.companyName,{isFeatureEnabled:g}=n(C.isProjectsTransactionsEnabled),{isFeatureEnabled:T}=n(C.isTransactionSplitEnabled),{selectedTransaction:s,transactionDetail:P,tranEntity:I,isChainOfThoughtEnabled:b,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,uncategorizedAccounts:D,vendorSaveStatus:Q,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,firstMonthOfFY:Z,isCreateVendorDrawerOpen:M,rawDetailSaveStatus:ee,rawDetailLineItemById:V}=Ee(e,v),{isFeatureEnabled:ne}=n(C.isRecommendationFeedbackEnabled),A=me(),{onRecommendationSelection:R,popup:ae}=ve({isEnabled:ne,fallbackTransactionId:e}),te=t.useMemo((()=>({...A,onRecommendationSelection:R})),[A,R]);ye(a===!0);const N=t.useRef(V);N.current=V;const S=xe(ee,(()=>{const w=[],U=N.current;if(U!=null)for(const ue of Object.values(U)){const B=ue.account;B?.accountId!=null&&w.push(B.accountId)}return w})),{transactionId:L,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:v}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:ce}=Pe({mobileExploreReferrer:"Transaction Details"}),z=a===!0&&re;pe({isDataReady:a===!0&&P?.fetchState==="Completed"});const G=t.useRef(null);if(t.useEffect((()=>{if(G.current!==e&&P?.fetchState==="Completed"){G.current=e;const w=m.state?.searchContext;Se(P.transaction,w)}}),[m.state,P,e]),P==null)return u.jsx(_,{$active:p,children:u.jsx(Y,{$active:p,children:u.jsx(fe,{})})});const le=u.jsxs(u.Fragment,{children:[L!=null&&M?u.jsx(Ce,{isOpen:M,transactionId:L,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,u.jsx(Ve,{children:u.jsx(be,{toolkit:te,children:u.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:Z,isDisabled:P?.transaction?.type==="transfer"&&h?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!p,tenantEmailDomain:r??"",location:m,navigate:i,selectedTransaction:s,entity:I,isCOTEnabled:b,isCreateTransferEntryFromExpenseEnabled:f,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,transaction:P?.transaction,uncategorizedAccounts:D,vendorSaveStatus:Q,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,isAiCfoAccessEnabled:z,onAskAiCfoClick:z?ce:void 0,isTransactionCommentingEnabled:y,isProjectsTransactionsEnabled:g,isTransactionSplitEnabled:T,companyId:c,companyName:x,onBackClick:d})})}),ae,S.showPopup&&S.popupType!=null&&u.jsx(he,{popupType:S.popupType,currencySymbol:S.currencySymbol,accountId:S.popupAccountId??"",accountName:S.popupAccountName??"",onSubmit:S.handleSubmit,onDismiss:S.handleDismiss})]});return u.jsx(_,{$active:p,children:u.jsx(Y,{$active:p,children:le})})})),Re=[];function Ne(a){const{childPathPattern:e,enabled:v=!0,listPath:y}=a,d=F(),o=j(),i=k(),m=Te(),r=m==="small"||m==="medium-compact",h=o["*"]??"",n=De(e,i.pathname,h),f=v&&!r&&n!=null,p=t.useMemo((()=>new URLSearchParams(i.search).get("view")),[i.search]),c=f&&p==="full",x=n?.slice(1).join("\0"),g=t.useMemo((()=>n==null?Re:n.slice(1)),[x]),T=t.useMemo((()=>y??Me(e,i.pathname,h)),[e,y,i.pathname,h]),s=t.useRef({isOpen:f,locationState:i.state,basePath:T,pathname:i.pathname,search:i.search});s.current.isOpen=f,s.current.locationState=i.state,s.current.basePath=T,s.current.pathname=i.pathname,s.current.search=i.search;const P=t.useCallback(((l,E)=>{d(`${s.current.basePath}/${l}`,{replace:E?.replace??!1,state:E?.extraState!=null?{...s.current.locationState,...E.extraState}:s.current.locationState})}),[d]),I=t.useCallback((()=>{s.current.isOpen&&d(s.current.basePath,{replace:!0,state:s.current.locationState})}),[d]),b=t.useCallback((()=>{const l=new URLSearchParams(s.current.search);l.set("view","full"),d(`${s.current.pathname}?${l.toString()}`,{replace:!0,state:s.current.locationState})}),[d]);return t.useEffect((()=>{if(!f)return;const l=E=>{if(E.key==="Escape"){if(E.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();I()}};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)}),[f,c,I]),{backToList:I,basePath:T,closePanel:I,isFullView:c,isMobile:r,isOpen:f,matchGroups:g,maximize:b,navigateToChild:P}}function q(a){try{return decodeURIComponent(a)}catch{return a}}const Le=/^transaction\/([^/]+)\/([^/?]+)$/;function ze(a){return function(e){const v=e.displayName??e.name??"Component",y=J.memo(e),d=o=>{const{useFeatureGate:i}=O(),{isFeatureEnabled:m}=i(a.gateName??C.isTransactionDetailSplitViewEnabled),r=a.usePanelSetup(a.gateName==null||m),h=t.useContext(H),n=t.useMemo((()=>r.selectedItemId==null?h:{closePanel:r.sidePanel.closePanel,maximize:r.sidePanel.maximize,selectedItemId:r.selectedItemId}),[h,r.sidePanel.closePanel,r.sidePanel.maximize,r.selectedItemId]);return u.jsx(H.Provider,{value:n,children:u.jsx(y,{...o,...r.injectedProps})})};return d.displayName=`${a.displayNamePrefix}(${v})`,d}}const Qe=ze({displayNamePrefix:"withTransactionSidePanel",gateName:C.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const e=(function(o=!0){const i=F(),m=k(),r=Oe(),h=j(),n=Ne({childPathPattern:Le,enabled:o}),f=n.matchGroups[0]!=null&&n.matchGroups[0]!==""?Fe(q(n.matchGroups[0])):void 0,p=n.matchGroups[1]!=null&&n.matchGroups[1]!==""?q(n.matchGroups[1]):void 0,c=t.useMemo((()=>{if(o&&p!=null&&f!=null)return{id:p,type:f}}),[o,p,f]),x=$e((b=>{if(c!=null)return ke(b,c)})),g=t.useMemo((()=>n.isOpen&&c!=null?x==null?"In-Progress":x.fetchState:"Not-Started"),[n.isOpen,c,x]),T=h.tenantEmailDomain??m.pathname.split("/").find(Boolean)??"";t.useEffect((()=>{n.isOpen&&c!=null&&r(je(c,!1))}),[r,n.isOpen,c]);const s=t.useRef({isOpen:n.isOpen,transactionId:p});s.current={isOpen:n.isOpen,transactionId:p};const P=t.useCallback((b=>{const l=encodeURIComponent(b.type);return n.isMobile||!o?`/${T}/transaction/${l}/${b.id}${m.search}`:`${n.basePath}/transaction/${l}/${b.id}${m.search}`}),[n.isMobile,n.basePath,o,T,m.search]);we({currentTransactionId:c,enabled:T!=="",buildPath:P,navigate:i,navigateState:m.state});const I=t.useCallback(((b,l,E)=>{!n.isMobile&&o?s.current.isOpen&&s.current.transactionId===b?n.closePanel():n.navigateToChild(`transaction/${encodeURIComponent(l)}/${b}`,{replace:s.current.isOpen,extraState:E!=null?{searchContext:E}:void 0}):i(`/${T}/transaction/${encodeURIComponent(l)}/${b}`)}),[i,n.isMobile,n.navigateToChild,n.closePanel,o,T]);return{backToList:n.closePanel,closePanel:n.closePanel,fetchState:g,isFullView:n.isFullView,isOpen:n.isOpen,maximize:n.maximize,openPanel:I,selectedTransactionId:o?c:void 0,transactionDetail:o?x:void 0,transactionId:o?p:void 0,transactionType:o?f:void 0}})(a),{useFeatureGate:v}=O(),{isFeatureEnabled:y}=v(C.isTransactionCommentingEnabled),d=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return u.jsx(Ae,{isFullView:e.isFullView,isTransactionCommentingEnabled:y,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})}),[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,y]);return{injectedProps:t.useMemo((()=>a?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:d,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[a,e.closePanel,e.openPanel,d,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}});export{ze as a,Ne as u,Qe as w};