@zeniai/web-app-ui 5.2.15-qa → 5.2.16-dev

package/dist/assets/withTransactionSidePanel-Dkd_LZWk.js

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