@zeniai/web-app-ui 5.2.18-dev → 5.2.19-dev

package/dist/assets/withTransactionSidePanel-DKi_i4iZ.js

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