@zeniai/web-app-ui 5.4.15-qa → 5.4.16-dev

package/dist/assets/withTransactionSidePanel-D8qNv0pH.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-CueKZN6-.js";import{R as Y,a as i}from"./sentry-uvO3Tp8f.js";import{V as ue,p as J,b as C,cg as me,al as pe,d9 as fe,ch as he,cj as be,a2 as Te,c7 as U}from"./index-BkGKDMtv.js";import{c as K,n as O}from"./mui-CQYR1UI4.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-Ds1IYXBl.js";import{f as ve,c as ye,a as xe,b as Ee,g as Ie,l as Se,C as ge,T as Ce,h as we}from"./TransactionDetailScreen-DvsztMnO.js";import{u as Oe}from"./useInitialThreadRequest-E--3OsRP.js";import{h as $,g as F,i as k,u as $e,j as Fe}from"./core-BQjZS2e8.js";import{t7 as ke,$J as je,Sp as De}from"./zeni-epic-state-DNah8dni.js";import{m as Me,s as Ve}from"./stripSplatSuffix-C6Dmp1Fj.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]="28d7ee91-d9fd-4a40-a349-cc038e7947f0",a._sentryDebugIdIdentifier="sentry-dbid-28d7ee91-d9fd-4a40-a349-cc038e7947f0")}catch{}})();const H=O.div`
+  ${({$active:a})=>a&&K`
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    `}
+`,_=O.div`
+  ${({$active:a})=>a&&K`
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+      min-width: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    `}
+`,Ae=O.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Re=Y.memo((({isFullView:a,transactionId:n,transactionType:h,onBackToList:r,onClose:l})=>{const f=$(),o=F(),{tenantEmailDomain:v}=k(),e=ue(),{useFeatureGate:c}=J(),{isFeatureEnabled:d}=c(C.isCreateTransferEntryFromExpenseEnabled),s=l!=null&&a!==!0,b=e?.currentTenant?.companyId,I=e?.currentTenant?.companyName,{isFeatureEnabled:T}=c(C.isProjectsTransactionsEnabled),{isFeatureEnabled:y}=c(C.isTransactionSplitEnabled),{selectedTransaction:S,transactionDetail:t,tranEntity:m,isChainOfThoughtEnabled:p,defaultTrendTransactionTimePeriod:g,resetTrendIsFetchedStates:P,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:Q,isExpenseAutomationEnabled:W,firstMonthOfFY:X,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:Z,rawDetailLineItemById:M}=ve(n,h),ee=Oe(b,{clearParams:t!=null}),{isFeatureEnabled:ne}=c(C.isRecommendationFeedbackEnabled),V=me(),{onRecommendationSelection:A,popup:ae}=ye({isEnabled:ne,fallbackTransactionId:n}),te=i.useMemo((()=>({...V,onRecommendationSelection:A})),[V,A]);xe(a===!0);const R=i.useRef(M);R.current=M;const E=Ee(Z,(()=>{const w=[],G=R.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:ce}=Pe({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 le=u.jsxs(u.Fragment,{children:[N!=null&&D?u.jsx(ge,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,u.jsx(Ae,{children:u.jsx(he,{toolkit:te,children:u.jsx(Ce,{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:g,resetTrendIsFetchedStates:P,transaction:t?.transaction,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:Q,isExpenseAutomationEnabled:W,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?ce:void 0,isProjectsTransactionsEnabled:T,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:le})})})),Ne=/^transaction\/(?!new\/)([^/]+)\/([^/?]+)$/,Le=[];function ze(a){const{childPathPattern:n,enabled:h=!0,listPath:r}=a,l=$(),f=k(),o=F(),v=Te(),e=v==="small"||v==="medium-compact",c=f["*"]??"",d=Me(n,o.pathname,c),s=h&&!e&&d!=null,b=i.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),I=s&&b==="full",T=d?.slice(1).join("\0"),y=i.useMemo((()=>d==null?Le:d.slice(1)),[T]),S=i.useMemo((()=>r??Ve(n,o.pathname,c)),[n,r,o.pathname,c]),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(((P,x)=>{l(`${t.current.basePath}/${P}`,{replace:x?.replace??!1,state:x?.extraState!=null?{...t.current.locationState,...x.extraState}:t.current.locationState})}),[l]),p=i.useCallback((()=>{t.current.isOpen&&l(t.current.basePath,{replace:!0,state:t.current.locationState})}),[l]),g=i.useCallback((()=>{const P=new URLSearchParams(t.current.search);P.set("view","full"),l(`${t.current.pathname}?${P.toString()}`,{replace:!0,state:t.current.locationState})}),[l]);return i.useEffect((()=>{if(!s)return;const P=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",P),()=>document.removeEventListener("keydown",P)}),[s,I,p]),{backToList:p,basePath:S,closePanel:p,isFullView:I,isMobile:e,isOpen:s,matchGroups:y,maximize:g,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),l=f=>{const{useFeatureGate:o}=J(),{isFeatureEnabled:v}=o(a.gateName??C.isTransactionDetailSplitViewEnabled),e=a.usePanelSetup(a.gateName==null||v),c=i.useContext(U),d=i.useMemo((()=>e.selectedItemId==null?c:{closePanel:e.sidePanel.closePanel,maximize:e.sidePanel.maximize,selectedItemId:e.selectedItemId}),[c,e.sidePanel.closePanel,e.sidePanel.maximize,e.selectedItemId]);return u.jsx(U.Provider,{value:d,children:u.jsx(r,{...f,...e.injectedProps})})};return l.displayName=`${a.displayNamePrefix}(${h})`,l}}const Xe=Ge({displayNamePrefix:"withTransactionSidePanel",gateName:C.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const n=(function(r=!0){const l=$(),f=F(),o=$e(),v=k(),e=ze({childPathPattern:Ne,enabled:r}),c=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?ke(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&&c!=null)return{id:d,type:c}}),[r,d,c]),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]),T=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?`/${T}/transaction/${p}/${m.id}${f.search}`:`${e.basePath}/transaction/${p}/${m.id}${f.search}`}),[e.isMobile,e.basePath,r,T,f.search]);we({currentTransactionId:s,enabled:T!=="",buildPath:S,navigate:l,navigateState:f.state});const t=i.useCallback(((m,p,g)=>{!e.isMobile&&r?y.current.isOpen&&y.current.transactionId===m?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(p)}/${m}`,{replace:y.current.isOpen,extraState:g!=null?{searchContext:g}:void 0}):l(`/${T}/transaction/${encodeURIComponent(p)}/${m}`)}),[l,e.isMobile,e.navigateToChild,e.closePanel,r,T]);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?c:void 0}})(a),h=i.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return u.jsx(Re,{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};