@zeniai/web-app-ui 5.3.48-prod → 5.3.49-dev

package/dist/assets/withTransactionSidePanel-M6DARYy7.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-DJozFz1F.js";import{R as q,a as t}from"./sentry-C1W0cBeR.js";import{Q as de,c as O,A as C,b5 as me,at as pe,ba as fe,b6 as he,b7 as be,a2 as Te,bb as H}from"./index-BRSI70wf.js";import{c as J,n as F}from"./mui-DqsEgFea.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-DgHBW0CH.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-DaJqMIrN.js";import{h as $,g as k,i as j,u as Oe,j as Fe}from"./core-DrG65cn7.js";import{sP as $e,VF as ke,Rp as je}from"./zeni-epic-state-1I_oueWp.js";import{m as De,s as Me}from"./stripSplatSuffix-Dk3dK5Wm.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]="b432ceea-ef4d-4fc1-92aa-f8e896979878",a._sentryDebugIdIdentifier="sentry-dbid-b432ceea-ef4d-4fc1-92aa-f8e896979878")}catch{}})();const _=F.div`
+  ${({$active:a})=>a&&J`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,Y=F.div`
+  ${({$active:a})=>a&&J`
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      min-width: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    `}
+`,Ve=F.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:d,onClose:o})=>{const i=$(),m=k(),{tenantEmailDomain:r}=j(),b=de(),{useFeatureGate:n}=O(),{isFeatureEnabled:f}=n(C.isCreateTransferEntryFromExpenseEnabled),p=o!=null&&a!==!0,c=b?.currentTenant?.companyId,x=b?.currentTenant?.companyName,{isFeatureEnabled:g}=n(C.isProjectsTransactionsEnabled),{isFeatureEnabled:T}=n(C.isTransactionSplitEnabled),{selectedTransaction:s,transactionDetail:P,tranEntity:I,isChainOfThoughtEnabled:h,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,uncategorizedAccounts:D,vendorSaveStatus:K,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=[],B=N.current;if(B!=null)for(const ue of Object.values(B)){const U=ue.account;U?.accountId!=null&&w.push(U.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(he,{toolkit:te,children:u.jsx(ge,{hideDeleteAttachment:!0,firstMonthOfFY:Z,isDisabled:P?.transaction?.type==="transfer"&&b?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!p,tenantEmailDomain:r??"",location:m,navigate:i,selectedTransaction:s,entity:I,isCOTEnabled:h,isCreateTransferEntryFromExpenseEnabled:f,defaultTrendTransactionTimePeriod:l,resetTrendIsFetchedStates:E,transaction:P?.transaction,uncategorizedAccounts:D,vendorSaveStatus:K,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(be,{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=$(),o=j(),i=k(),m=Te(),r=m==="small"||m==="medium-compact",b=o["*"]??"",n=De(e,i.pathname,b),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,b)),[e,y,i.pathname,b]),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]),h=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:h,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=q.memo(e),d=o=>{const{useFeatureGate:i}=O(),{isFeatureEnabled:m}=i(a.gateName??C.isTransactionDetailSplitViewEnabled),r=a.usePanelSetup(a.gateName==null||m),b=t.useContext(H),n=t.useMemo((()=>r.selectedItemId==null?b:{closePanel:r.sidePanel.closePanel,maximize:r.sidePanel.maximize,selectedItemId:r.selectedItemId}),[b,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 Ke=ze({displayNamePrefix:"withTransactionSidePanel",gateName:C.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const e=(function(o=!0){const i=$(),m=k(),r=Oe(),b=j(),n=Ne({childPathPattern:Le,enabled:o}),f=n.matchGroups[0]!=null&&n.matchGroups[0]!==""?$e(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=Fe((h=>{if(c!=null)return ke(h,c)})),g=t.useMemo((()=>n.isOpen&&c!=null?x==null?"In-Progress":x.fetchState:"Not-Started"),[n.isOpen,c,x]),T=b.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((h=>{const l=encodeURIComponent(h.type);return n.isMobile||!o?`/${T}/transaction/${l}/${h.id}${m.search}`:`${n.basePath}/transaction/${l}/${h.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(((h,l,E)=>{!n.isMobile&&o?s.current.isOpen&&s.current.transactionId===h?n.closePanel():n.navigateToChild(`transaction/${encodeURIComponent(l)}/${h}`,{replace:s.current.isOpen,extraState:E!=null?{searchContext:E}:void 0}):i(`/${T}/transaction/${encodeURIComponent(l)}/${h}`)}),[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,Ke as w};