@zeniai/web-app-ui 5.1.66-qa → 5.1.67-dev

package/dist/assets/withTransactionSidePanel-CX4JOeDg.js

@@ -0,0 +1,21 @@
+import{j as r}from"./liveblocks-MixcwhMA.js";import{b as ne,a as t}from"./sentry-D0mKmHcQ.js";import{k as se,a as L,G as D,W as ie,aT as oe,aQ as re,J as le,aU as ce}from"./index-BwN7KSwf.js";import{n as H}from"./mui-B9tA-iNs.js";import{u as de}from"./useAskAiCfoHostNavButtonProps-Bi3X0FAy.js";import{u as ue,a as me,b as pe,c as he,C as fe,d as be,e as Pe}from"./TransactionDetailScreen-D0x2Wt6k.js";import{h as N,g as B,i as _,u as Te,j as ye}from"./core-DD4ucbeL.js";import{qj as Ie,La as xe,Hv as ve}from"./zeni-epic-state-BZ9oujed.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new n.Error().stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="2588ab81-7573-46bb-9324-183f14a67860",n._sentryDebugIdIdentifier="sentry-dbid-2588ab81-7573-46bb-9324-183f14a67860")}catch{}})();const X=H.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`,Z=H.div`
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+`,Ee=H.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,ge=ne.memo(({isFullView:n,transactionId:e,transactionType:l,isTransactionCommentingEnabled:m,onBackToList:h,onClose:a})=>{const f=N(),s=B(),{tenantEmailDomain:c}=_(),b=se(),{useFeatureGate:O}=L(),{isFeatureEnabled:I}=O(D.isCreateTransferEntryFromExpenseEnabled),x=a!=null&&n!==!0,$=b?.currentTenant?.companyId,V=b?.currentTenant?.companyName,{isFeatureEnabled:d}=O(D.isProjectsTransactionsEnabled),{selectedTransaction:p,transactionDetail:E,tranEntity:P,isChainOfThoughtEnabled:M,defaultTrendTransactionTimePeriod:o,resetTrendIsFetchedStates:F,uncategorizedAccounts:j,vendorSaveStatus:g,isVendorBulkUpdateOnTransactionEnabled:C,isExpenseAutomationEnabled:T,isUncategorizedExpenseCategoryEnabled:A,firstMonthOfFY:z,isCreateVendorDrawerOpen:k,rawDetailSaveStatus:G,rawDetailLineItemById:S}=ue(e,l);me(n===!0);const i=t.useRef(S);i.current=S;const y=pe(G,()=>{const Q=[],W=i.current;if(W!=null)for(const te of Object.values(W)){const K=te.account;K?.accountId!=null&&Q.push(K.accountId)}return Q}),{transactionId:v,onSaveVendor:R,onSaveSuccess:u,onCancel:w}=he({closeDrawerHandler:()=>{},overrideTransactionId:e,overrideTransactionType:l}),{isAiCfoAccessEnabled:Y,onAskAiCfoClick:ae}=de({mobileExploreReferrer:"Transaction Details"}),q=n===!0&&Y;if(ie({isDataReady:n===!0&&E?.fetchState==="Completed"}),E==null)return r.jsx(X,{children:r.jsx(Z,{children:r.jsx(oe,{})})});const J=r.jsxs(r.Fragment,{children:[v!=null&&k?r.jsx(fe,{isOpen:k,transactionId:v,onSaveVendor:R,onSaveSuccess:u,onCancel:w}):null,r.jsx(Ee,{children:r.jsx(be,{hideDeleteAttachment:!0,firstMonthOfFY:z,isDisabled:E?.transaction?.type==="transfer"&&b?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!x,tenantEmailDomain:c??"",location:s,navigate:f,selectedTransaction:p,entity:P,isCOTEnabled:M,isCreateTransferEntryFromExpenseEnabled:I,defaultTrendTransactionTimePeriod:o,resetTrendIsFetchedStates:F,transaction:E?.transaction,uncategorizedAccounts:j,vendorSaveStatus:g,isVendorBulkUpdateOnTransactionEnabled:C,isExpenseAutomationEnabled:T,isUncategorizedExpenseCategoryEnabled:A,isAiCfoAccessEnabled:q,onAskAiCfoClick:q?ae:void 0,isTransactionCommentingEnabled:m,isProjectsTransactionsEnabled:d,companyId:$,companyName:V,onBackClick:h})}),y.showPopup&&y.popupType!=null&&r.jsx(re,{popupType:y.popupType,currencySymbol:y.currencySymbol,onSubmit:y.handleSubmit,onDismiss:y.handleDismiss})]});return x?r.jsx(X,{children:r.jsx(Z,{children:J})}):J}),Ce=[];function ee(n){try{return decodeURIComponent(n)}catch{return n}}const Se=/^transaction\/([^/]+)\/([^/?]+)$/;function we(n=!0){const e=N(),l=B(),m=Te(),h=_(),a=function(d){const{childPathPattern:p,enabled:E=!0}=d,P=N(),M=_(),o=B(),F=le(),j=F==="small"||F==="medium-compact",g=M["*"]??"",C=g.match(p),T=E&&!j&&C!=null,A=t.useMemo(()=>new URLSearchParams(o.search).get("view"),[o.search]),z=T&&A==="full",k=C?.slice(1).join("\0"),G=t.useMemo(()=>C==null?Ce:C.slice(1),[k]),S=t.useMemo(()=>{if(!g)return o.pathname;const u=o.pathname.lastIndexOf("/"+g);return u>=0?o.pathname.slice(0,u):o.pathname},[o.pathname,g]),i=t.useRef({isOpen:T,locationState:o.state,basePath:S,pathname:o.pathname,search:o.search});i.current.isOpen=T,i.current.locationState=o.state,i.current.basePath=S,i.current.pathname=o.pathname,i.current.search=o.search;const y=t.useCallback((u,w)=>{P(`${i.current.basePath}/${u}`,{replace:w?.replace??!1,state:i.current.locationState})},[P]),v=t.useCallback(()=>{i.current.isOpen&&P(i.current.basePath,{replace:!0,state:i.current.locationState})},[P]),R=t.useCallback(()=>{const u=new URLSearchParams(i.current.search);u.set("view","full"),P(`${i.current.pathname}?${u.toString()}`,{replace:!0,state:i.current.locationState})},[P]);return t.useEffect(()=>{if(!T)return;const u=w=>{if(w.key==="Escape"){if(w.target?.closest('[role="dialog"], [role="alertdialog"]'))return;v()}};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[T,v]),{backToList:v,basePath:S,closePanel:v,isFullView:z,isMobile:j,isOpen:T,matchGroups:G,maximize:R,navigateToChild:y}}({childPathPattern:Se,enabled:n}),f=a.matchGroups[0]!=null&&a.matchGroups[0]!==""?Ie(ee(a.matchGroups[0])):void 0,s=a.matchGroups[1]!=null&&a.matchGroups[1]!==""?ee(a.matchGroups[1]):void 0,c=t.useMemo(()=>{if(n&&s!=null&&f!=null)return{id:s,type:f}},[n,s,f]),b=ye(d=>{if(c!=null)return xe(d,c)}),O=t.useMemo(()=>a.isOpen&&c!=null?b==null?"In-Progress":b.fetchState:"Not-Started",[a.isOpen,c,b]),I=h.tenantEmailDomain??l.pathname.split("/").find(Boolean)??"";t.useEffect(()=>{a.isOpen&&c!=null&&m(ve(c,!1))},[m,a.isOpen,c]);const x=t.useRef({isOpen:a.isOpen,transactionId:s});x.current={isOpen:a.isOpen,transactionId:s};const $=t.useCallback(d=>{const p=encodeURIComponent(d.type);return a.isMobile||!n?`/${I}/transaction/${p}/${d.id}${l.search}`:`${a.basePath}/transaction/${p}/${d.id}${l.search}`},[a.isMobile,a.basePath,n,I,l.search]);Pe({currentTransactionId:c,enabled:I!=="",buildPath:$,navigate:e,navigateState:l.state});const V=t.useCallback((d,p)=>{!a.isMobile&&n?x.current.isOpen&&x.current.transactionId===d?a.closePanel():a.navigateToChild(`transaction/${encodeURIComponent(p)}/${d}`,{replace:x.current.isOpen}):e(`/${I}/transaction/${encodeURIComponent(p)}/${d}`)},[e,a.isMobile,a.navigateToChild,a.closePanel,n,I]);return{backToList:a.closePanel,closePanel:a.closePanel,fetchState:O,isFullView:a.isFullView,isOpen:a.isOpen,maximize:a.maximize,openPanel:V,selectedTransactionId:n?c:void 0,transactionDetail:n?b:void 0,transactionId:n?s:void 0,transactionType:n?f:void 0}}const Ae=(U={displayNamePrefix:"withTransactionSidePanel",usePanelSetup:function(n){const e=we(n),{useFeatureGate:l}=L(),{isFeatureEnabled:m}=l(D.isTransactionCommentingEnabled),h=t.useMemo(()=>{if(e.isOpen&&e.transactionId!=null&&e.transactionType!=null)return r.jsx(ge,{isFullView:e.isFullView,isTransactionCommentingEnabled:m,transactionId:e.transactionId,transactionType:e.transactionType,onBackToList:e.closePanel,onClose:e.closePanel})},[e.isOpen,e.isFullView,e.transactionId,e.transactionType,e.closePanel,m]);return{injectedProps:t.useMemo(()=>n?{closeSidePanel:e.closePanel,openTransactionPanel:e.openPanel,panelContent:h,sidePanelIsFullView:e.isFullView,sidePanelIsOpen:e.isOpen}:{},[n,e.closePanel,e.openPanel,h,e.isFullView,e.isOpen]),selectedItemId:e.transactionId,sidePanel:e}}},function(n){const e=n.displayName??n.name??"Component",l=ne.memo(n),m=h=>{const{useFeatureGate:a}=L(),{isFeatureEnabled:f}=a(D.isTransactionDetailSplitViewEnabled),s=U.usePanelSetup(f),c=t.useMemo(()=>({closePanel:s.sidePanel.closePanel,maximize:s.sidePanel.maximize,selectedItemId:s.selectedItemId}),[s.sidePanel.closePanel,s.sidePanel.maximize,s.selectedItemId]);return r.jsx(ce.Provider,{value:c,children:r.jsx(l,{...h,...s.injectedProps})})};return m.displayName=`${U.displayNamePrefix}(${e})`,m});var U;export{Ae as w};