@zeniai/web-app-ui 5.4.14-dev → 5.4.15-dev

package/dist/assets/withTransactionSidePanel-DCK_khop.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-DXlRhlw7.js";import{R as Y,a as i}from"./sentry-CtZyo70D.js";import{V as ue,p as W,d as w,b5 as me,aq as pe,ba as fe,b6 as he,b7 as be,$ as Pe,bb as U}from"./index-B_U4bcDF.js";import{c as J,n as O}from"./mui-UvvMpioS.js";import{u as Te}from"./useAskAiCfoHostNavButtonProps-Rl6Dxu4t.js";import{a as ve,b as ye,u as xe,c as Ee,d as Ie,l as Se,C as Ce,e as we,f as ge}from"./TransactionDetailScreen-D1z9X11O.js";import{u as Oe}from"./useInitialThreadRequest-B9aUCLGn.js";import{h as $,g as k,i as F,u as $e,j as ke}from"./core-DtTeGJWB.js";import{t1 as Fe,WD as De,Sk as je}from"./zeni-epic-state-DZFeYKWz.js";import{m as Me,s as Ve}from"./stripSplatSuffix-DUYOfZtR.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new a.Error().stack;n&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[n]="74a65298-e844-4866-8e4b-c2eddcd09f90",a._sentryDebugIdIdentifier="sentry-dbid-74a65298-e844-4866-8e4b-c2eddcd09f90")}catch{}})();const H=O.div`
+  ${({$active:a})=>a&&J`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,_=O.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;
+    `}
+`,Re=O.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Ae=Y.memo((({isFullView:a,transactionId:n,transactionType:h,onBackToList:r,onClose:c})=>{const f=$(),o=k(),{tenantEmailDomain:v}=F(),e=ue(),{useFeatureGate:l}=W(),{isFeatureEnabled:d}=l(w.isCreateTransferEntryFromExpenseEnabled),s=c!=null&&a!==!0,b=e?.currentTenant?.companyId,I=e?.currentTenant?.companyName,{isFeatureEnabled:P}=l(w.isProjectsTransactionsEnabled),{isFeatureEnabled:y}=l(w.isTransactionSplitEnabled),{selectedTransaction:S,transactionDetail:t,tranEntity:m,isChainOfThoughtEnabled:p,defaultTrendTransactionTimePeriod:C,resetTrendIsFetchedStates:T,uncategorizedAccounts:x,vendorSaveStatus:D,isVendorBulkUpdateOnTransactionEnabled:K,isExpenseAutomationEnabled:Q,firstMonthOfFY:X,isCreateVendorDrawerOpen:j,rawDetailSaveStatus:Z,rawDetailLineItemById:M}=ve(n,h),ee=Oe(b,{clearParams:t!=null}),{isFeatureEnabled:ne}=l(w.isRecommendationFeedbackEnabled),V=me(),{onRecommendationSelection:R,popup:ae}=ye({isEnabled:ne,fallbackTransactionId:n}),te=i.useMemo((()=>({...V,onRecommendationSelection:R})),[V,R]);xe(a===!0);const A=i.useRef(M);A.current=M;const E=Ee(Z,(()=>{const g=[],G=A.current;if(G!=null)for(const de of Object.values(G)){const B=de.account;B?.accountId!=null&&g.push(B.accountId)}return g})),{transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}=Ie({closeDrawerHandler:()=>{},overrideTransactionId:n,overrideTransactionType:h}),{isAiCfoAccessEnabled:re,onAskAiCfoClick:le}=Te({mobileExploreReferrer:"Transaction Details"}),L=a===!0&&re;pe({isDataReady:a===!0&&t?.fetchState==="Completed"});const z=i.useRef(null);if(i.useEffect((()=>{if(z.current!==n&&t?.fetchState==="Completed"){z.current=n;const g=o.state?.searchContext;Se(t.transaction,g)}}),[o.state,t,n]),t==null)return u.jsx(H,{$active:s,children:u.jsx(_,{$active:s,children:u.jsx(fe,{})})});const ce=u.jsxs(u.Fragment,{children:[N!=null&&j?u.jsx(Ce,{isOpen:j,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,u.jsx(Re,{children:u.jsx(he,{toolkit:te,children:u.jsx(we,{hideDeleteAttachment:!0,initialOpenThreadRequest:ee,firstMonthOfFY:X,isDisabled:t?.transaction?.type==="transfer"&&e?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!s,tenantEmailDomain:v??"",location:o,navigate:f,selectedTransaction:S,entity:m,isCOTEnabled:p,isCreateTransferEntryFromExpenseEnabled:d,defaultTrendTransactionTimePeriod:C,resetTrendIsFetchedStates:T,transaction:t?.transaction,uncategorizedAccounts:x,vendorSaveStatus:D,isVendorBulkUpdateOnTransactionEnabled:K,isExpenseAutomationEnabled:Q,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?le:void 0,isProjectsTransactionsEnabled:P,isTransactionSplitEnabled:y,companyId:b,companyName:I,onBackClick:r})})}),ae,E.showPopup&&E.popupType!=null&&u.jsx(be,{popupType:E.popupType,currencySymbol:E.currencySymbol,accountId:E.popupAccountId??"",accountName:E.popupAccountName??"",onSubmit:E.handleSubmit,onDismiss:E.handleDismiss})]});return u.jsx(H,{$active:s,children:u.jsx(_,{$active:s,children:ce})})})),Ne=/^transaction\/(?!new\/)([^/]+)\/([^/?]+)$/,Le=[];function ze(a){const{childPathPattern:n,enabled:h=!0,listPath:r}=a,c=$(),f=F(),o=k(),v=Pe(),e=v==="small"||v==="medium-compact",l=f["*"]??"",d=Me(n,o.pathname,l),s=h&&!e&&d!=null,b=i.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),I=s&&b==="full",P=d?.slice(1).join("\0"),y=i.useMemo((()=>d==null?Le:d.slice(1)),[P]),S=i.useMemo((()=>r??Ve(n,o.pathname,l)),[n,r,o.pathname,l]),t=i.useRef({isOpen:s,locationState:o.state,basePath:S,pathname:o.pathname,search:o.search});t.current.isOpen=s,t.current.locationState=o.state,t.current.basePath=S,t.current.pathname=o.pathname,t.current.search=o.search;const m=i.useCallback(((T,x)=>{c(`${t.current.basePath}/${T}`,{replace:x?.replace??!1,state:x?.extraState!=null?{...t.current.locationState,...x.extraState}:t.current.locationState})}),[c]),p=i.useCallback((()=>{t.current.isOpen&&c(t.current.basePath,{replace:!0,state:t.current.locationState})}),[c]),C=i.useCallback((()=>{const T=new URLSearchParams(t.current.search);T.set("view","full"),c(`${t.current.pathname}?${T.toString()}`,{replace:!0,state:t.current.locationState})}),[c]);return i.useEffect((()=>{if(!s)return;const T=x=>{if(x.key==="Escape"){if(x.target?.closest('[role="dialog"], [role="alertdialog"]'))return;if(!I&&(document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||document.activeElement instanceof HTMLSelectElement))return void document.activeElement.blur();p()}};return document.addEventListener("keydown",T),()=>document.removeEventListener("keydown",T)}),[s,I,p]),{backToList:p,basePath:S,closePanel:p,isFullView:I,isMobile:e,isOpen:s,matchGroups:y,maximize:C,navigateToChild:m}}function q(a){try{return decodeURIComponent(a)}catch{return a}}function Ge(a){return function(n){const h=n.displayName??n.name??"Component",r=Y.memo(n),c=f=>{const{useFeatureGate:o}=W(),{isFeatureEnabled:v}=o(a.gateName??w.isTransactionDetailSplitViewEnabled),e=a.usePanelSetup(a.gateName==null||v),l=i.useContext(U),d=i.useMemo((()=>e.selectedItemId==null?l:{closePanel:e.sidePanel.closePanel,maximize:e.sidePanel.maximize,selectedItemId:e.selectedItemId}),[l,e.sidePanel.closePanel,e.sidePanel.maximize,e.selectedItemId]);return u.jsx(U.Provider,{value:d,children:u.jsx(r,{...f,...e.injectedProps})})};return c.displayName=`${a.displayNamePrefix}(${h})`,c}}const Xe=Ge({displayNamePrefix:"withTransactionSidePanel",gateName:w.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const n=(function(r=!0){const c=$(),f=k(),o=$e(),v=F(),e=ze({childPathPattern:Ne,enabled:r}),l=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?Fe(q(e.matchGroups[0])):void 0,d=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?q(e.matchGroups[1]):void 0,s=i.useMemo((()=>{if(r&&d!=null&&l!=null)return{id:d,type:l}}),[r,d,l]),b=ke((m=>{if(s!=null)return De(m,s)})),I=i.useMemo((()=>e.isOpen&&s!=null?b==null?"In-Progress":b.fetchState:"Not-Started"),[e.isOpen,s,b]),P=v.tenantEmailDomain??f.pathname.split("/").find(Boolean)??"";i.useEffect((()=>{e.isOpen&&s!=null&&o(je(s,!1))}),[o,e.isOpen,s]);const y=i.useRef({isOpen:e.isOpen,transactionId:d});y.current={isOpen:e.isOpen,transactionId:d};const S=i.useCallback((m=>{const p=encodeURIComponent(m.type);return e.isMobile||!r?`/${P}/transaction/${p}/${m.id}${f.search}`:`${e.basePath}/transaction/${p}/${m.id}${f.search}`}),[e.isMobile,e.basePath,r,P,f.search]);ge({currentTransactionId:s,enabled:P!=="",buildPath:S,navigate:c,navigateState:f.state});const t=i.useCallback(((m,p,C)=>{!e.isMobile&&r?y.current.isOpen&&y.current.transactionId===m?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(p)}/${m}`,{replace:y.current.isOpen,extraState:C!=null?{searchContext:C}:void 0}):c(`/${P}/transaction/${encodeURIComponent(p)}/${m}`)}),[c,e.isMobile,e.navigateToChild,e.closePanel,r,P]);return{backToList:e.closePanel,closePanel:e.closePanel,fetchState:I,isFullView:e.isFullView,isOpen:e.isOpen,maximize:e.maximize,openPanel:t,selectedTransactionId:r?s:void 0,transactionDetail:r?b:void 0,transactionId:r?d:void 0,transactionType:r?l:void 0}})(a),h=i.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return u.jsx(Ae,{isFullView:n.isFullView,transactionId:n.transactionId,transactionType:n.transactionType,onBackToList:n.closePanel,onClose:n.closePanel})}),[n.isOpen,n.isFullView,n.transactionId,n.transactionType,n.closePanel]);return{injectedProps:i.useMemo((()=>a?{closeSidePanel:n.closePanel,openTransactionPanel:n.openPanel,panelContent:h,sidePanelIsFullView:n.isFullView,sidePanelIsOpen:n.isOpen}:{}),[a,n.closePanel,n.openPanel,h,n.isFullView,n.isOpen]),selectedItemId:n.transactionId,sidePanel:n}}});export{Ge as a,ze as u,Xe as w};