@zeniai/web-app-ui 5.3.64-dev → 5.3.65-dev

package/dist/assets/withTransactionSidePanel-CbnU34fe.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-CzCs-qU3.js";import{R as q,a as i}from"./sentry-CWp8Ph3h.js";import{_ as ue,c as W,m as g,b4 as me,as as pe,b9 as fe,b5 as he,b6 as be,a1 as Pe,ba as U}from"./index-De2R2YuA.js";import{c as J,n as O}from"./mui-B2F_PvWe.js";import{u as Te}from"./useAskAiCfoHostNavButtonProps-Bq-fQXG8.js";import{u as ve,a as ye,b as xe,c as Ee,d as Ie,l as Se,C as Ce,e as ge,f as we}from"./TransactionDetailScreen-hIkUAVjY.js";import{u as Oe}from"./useInitialThreadRequest-C1rKRZSH.js";import{h as $,g as F,i as k,u as $e,j as Fe}from"./core-BBG4mxvC.js";import{sY as ke,VW as je,RG as De}from"./zeni-epic-state-FRanwwFO.js";import{m as Me,s as Re}from"./stripSplatSuffix-BWJSV6oD.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]="05747100-2a04-4bd4-a046-d72dd94f351c",a._sentryDebugIdIdentifier="sentry-dbid-05747100-2a04-4bd4-a046-d72dd94f351c")}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;
+    `}
+`,Ve=O.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Ae=q.memo((({isFullView:a,transactionId:n,transactionType:h,onBackToList:r,onClose:c})=>{const f=$(),o=F(),{tenantEmailDomain:v}=k(),e=ue(),{useFeatureGate:l}=W(),{isFeatureEnabled:d}=l(g.isCreateTransferEntryFromExpenseEnabled),s=c!=null&&a!==!0,b=e?.currentTenant?.companyId,I=e?.currentTenant?.companyName,{isFeatureEnabled:P}=l(g.isProjectsTransactionsEnabled),{isFeatureEnabled:y}=l(g.isTransactionSplitEnabled),{selectedTransaction:S,transactionDetail:t,tranEntity:m,isChainOfThoughtEnabled:p,defaultTrendTransactionTimePeriod:C,resetTrendIsFetchedStates:T,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:K,isExpenseAutomationEnabled:Q,firstMonthOfFY:X,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:Z,rawDetailLineItemById:M}=ve(n,h),ee=Oe(b,{clearParams:t!=null}),{isFeatureEnabled:ne}=l(g.isRecommendationFeedbackEnabled),R=me(),{onRecommendationSelection:V,popup:ae}=ye({isEnabled:ne,fallbackTransactionId:n}),te=i.useMemo((()=>({...R,onRecommendationSelection:V})),[R,V]);xe(a===!0);const A=i.useRef(M);A.current=M;const E=Ee(Z,(()=>{const w=[],G=A.current;if(G!=null)for(const de of Object.values(G)){const B=de.account;B?.accountId!=null&&w.push(B.accountId)}return w})),{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 w=o.state?.searchContext;Se(t.transaction,w)}}),[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&&D?u.jsx(Ce,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,u.jsx(Ve,{children:u.jsx(he,{toolkit:te,children:u.jsx(ge,{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:j,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=[];function Le(a){const{childPathPattern:n,enabled:h=!0,listPath:r}=a,c=$(),f=k(),o=F(),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?Ne:d.slice(1)),[P]),S=i.useMemo((()=>r??Re(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 Y(a){try{return decodeURIComponent(a)}catch{return a}}const ze=/^transaction\/([^/]+)\/([^/?]+)$/;function Ge(a){return function(n){const h=n.displayName??n.name??"Component",r=q.memo(n),c=f=>{const{useFeatureGate:o}=W(),{isFeatureEnabled:v}=o(a.gateName??g.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:g.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const n=(function(r=!0){const c=$(),f=F(),o=$e(),v=k(),e=Le({childPathPattern:ze,enabled:r}),l=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?ke(Y(e.matchGroups[0])):void 0,d=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?Y(e.matchGroups[1]):void 0,s=i.useMemo((()=>{if(r&&d!=null&&l!=null)return{id:d,type:l}}),[r,d,l]),b=Fe((m=>{if(s!=null)return je(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(De(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]);we({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,Le as u,Xe as w};