@zeniai/web-app-ui 5.3.65-qa → 5.3.66-qa

package/dist/assets/withTransactionSidePanel-BYLq7mXT.js

@@ -0,0 +1,25 @@
+import{j as d}from"./liveblocks-D15RiFCG.js";import{R as Q,a as t}from"./sentry-CKsmO8pj.js";import{K as ue,o as O,S as C,b5 as me,at as pe,ba as fe,b6 as be,b7 as he,a2 as Te,bb as H}from"./index-DoOOksKb.js";import{c as q,n as $}from"./mui-BJmjbHJq.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-CT0mpA7T.js";import{u as Ee,a as ve,b as ye,c as Se,d as xe,l as Ie,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-BQn-CaJc.js";import{h as F,g as k,i as j,u as Oe,j as $e}from"./core-DH5NyLW2.js";import{sS as Fe,VQ as ke,RA as je}from"./zeni-epic-state-DJybC3kH.js";import{m as De,s as Me}from"./stripSplatSuffix-I0ZnDMgZ.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]="db4e91fe-c410-413b-a039-13fee44e9d8f",a._sentryDebugIdIdentifier="sentry-dbid-db4e91fe-c410-413b-a039-13fee44e9d8f")}catch{}})();const _=$.div`
+  ${({$active:a})=>a&&q`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,Y=$.div`
+  ${({$active:a})=>a&&q`
+      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=Q.memo((({isFullView:a,transactionId:e,transactionType:v,isTransactionCommentingEnabled:y,onBackToList:u,onClose:o})=>{const i=F(),m=k(),{tenantEmailDomain:r}=j(),h=ue(),{useFeatureGate:n}=O(),{isFeatureEnabled:f}=n(C.isCreateTransferEntryFromExpenseEnabled),p=o!=null&&a!==!0,c=h?.currentTenant?.companyId,S=h?.currentTenant?.companyName,{isFeatureEnabled:g}=n(C.isProjectsTransactionsEnabled),{isFeatureEnabled:T}=n(C.isTransactionSplitEnabled),{selectedTransaction:s,transactionDetail:P,tranEntity:x,isChainOfThoughtEnabled:b,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,uncategorizedAccounts:D,vendorSaveStatus:J,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 I=Se(ee,(()=>{const w=[],B=N.current;if(B!=null)for(const de of Object.values(B)){const U=de.account;U?.accountId!=null&&w.push(U.accountId)}return w})),{transactionId:L,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=xe({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;Ie(P.transaction,w)}}),[m.state,P,e]),P==null)return d.jsx(_,{$active:p,children:d.jsx(Y,{$active:p,children:d.jsx(fe,{})})});const le=d.jsxs(d.Fragment,{children:[L!=null&&M?d.jsx(Ce,{isOpen:M,transactionId:L,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,d.jsx(Ve,{children:d.jsx(be,{toolkit:te,children:d.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:x,isCOTEnabled:b,isCreateTransferEntryFromExpenseEnabled:f,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,transaction:P?.transaction,uncategorizedAccounts:D,vendorSaveStatus:J,isVendorBulkUpdateOnTransactionEnabled:W,isExpenseAutomationEnabled:X,isAiCfoAccessEnabled:z,onAskAiCfoClick:z?ce:void 0,isTransactionCommentingEnabled:y,isProjectsTransactionsEnabled:g,isTransactionSplitEnabled:T,companyId:c,companyName:S,onBackClick:u})})}),ae,I.showPopup&&I.popupType!=null&&d.jsx(he,{popupType:I.popupType,currencySymbol:I.currencySymbol,accountId:I.popupAccountId??"",accountName:I.popupAccountName??"",onSubmit:I.handleSubmit,onDismiss:I.handleDismiss})]});return d.jsx(_,{$active:p,children:d.jsx(Y,{$active:p,children:le})})})),Re=[];function Ne(a){const{childPathPattern:e,enabled:v=!0,listPath:y}=a,u=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",S=n?.slice(1).join("\0"),g=t.useMemo((()=>n==null?Re:n.slice(1)),[S]),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)=>{u(`${s.current.basePath}/${l}`,{replace:E?.replace??!1,state:E?.extraState!=null?{...s.current.locationState,...E.extraState}:s.current.locationState})}),[u]),x=t.useCallback((()=>{s.current.isOpen&&u(s.current.basePath,{replace:!0,state:s.current.locationState})}),[u]),b=t.useCallback((()=>{const l=new URLSearchParams(s.current.search);l.set("view","full"),u(`${s.current.pathname}?${l.toString()}`,{replace:!0,state:s.current.locationState})}),[u]);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();x()}};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)}),[f,c,x]),{backToList:x,basePath:T,closePanel:x,isFullView:c,isMobile:r,isOpen:f,matchGroups:g,maximize:b,navigateToChild:P}}function K(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=Q.memo(e),u=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 d.jsx(H.Provider,{value:n,children:d.jsx(y,{...o,...r.injectedProps})})};return u.displayName=`${a.displayNamePrefix}(${v})`,u}}const Je=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(K(n.matchGroups[0])):void 0,p=n.matchGroups[1]!=null&&n.matchGroups[1]!==""?K(n.matchGroups[1]):void 0,c=t.useMemo((()=>{if(o&&p!=null&&f!=null)return{id:p,type:f}}),[o,p,f]),S=$e((b=>{if(c!=null)return ke(b,c)})),g=t.useMemo((()=>n.isOpen&&c!=null?S==null?"In-Progress":S.fetchState:"Not-Started"),[n.isOpen,c,S]),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 x=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:x,selectedTransactionId:o?c:void 0,transactionDetail:o?S:void 0,transactionId:o?p:void 0,transactionType:o?f:void 0}})(a),{useFeatureGate:v}=O(),{isFeatureEnabled:y}=v(C.isTransactionCommentingEnabled),u=t.useMemo((()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return d.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:u,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{}),[a,e.closePanel,e.openPanel,u,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}});export{ze as a,Ne as u,Je as w};