@zeniai/web-app-ui 5.4.21-qa → 5.4.22-dev

package/dist/assets/{withTransactionSidePanel-BoHm4v8l.js → withTransactionSidePanel-D-hDwbdr.js}

@@ -1,11 +1,11 @@
-import{j as d}from"./liveblocks-ByIxqWJk.js";import{R as Y,a as i}from"./sentry-9XsSr7sR.js";import{V as de,p as W,_ as w,b7 as me,aq as pe,bc as fe,b8 as he,b9 as be,$ as Pe,bd as U}from"./index-CY0VD1jn.js";import{c as J,n as O}from"./mui-BYXLmEqm.js";import{u as Te}from"./useAskAiCfoHostNavButtonProps-KhabBRdb.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-P7tVSby5.js";import{u as Oe}from"./useInitialThreadRequest-BsXsay8_.js";import{h as $,g as F,i as k,u as $e,j as Fe}from"./core-Dj_sc5JU.js";import{tc as ke,WP as je,Su as De}from"./zeni-epic-state-RN9etYeQ.js";import{m as Me,s as Ve}from"./stripSplatSuffix-BjmSkzFi.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]="c5e831e1-c2cf-41a9-9d1e-eac385965a3d",a._sentryDebugIdIdentifier="sentry-dbid-c5e831e1-c2cf-41a9-9d1e-eac385965a3d")}catch{}})();const H=O.div`
-  ${({$active:a})=>a&&J`
+import{j as d}from"./liveblocks-BLpmr1Pv.js";import{R as Y,a as i}from"./sentry-DWNq3t8E.js";import{V as de,p as J,_ 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-CnIO6_IQ.js";import{c as K,n as O}from"./mui-DNGY4bFU.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-DXFswt7R.js";import{f as ve,c as ye,a as Ee,b as xe,g as Ie,l as Se,C as ge,T as Ce,h as we}from"./TransactionDetailScreen-JBKbtouq.js";import{u as Oe}from"./useInitialThreadRequest-DAUsQlCl.js";import{h as $,g as F,i as k,u as $e,j as Fe}from"./core-CbdTrw7T.js";import{tn as ke,$_ as je,SE as De}from"./zeni-epic-state-C5DO1jkr.js";import{m as Me,s as Ve}from"./stripSplatSuffix-DP9nmQOu.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]="ce7fbbf0-26fc-4746-9726-4b9e6962e72c",a._sentryDebugIdIdentifier="sentry-dbid-ce7fbbf0-26fc-4746-9726-4b9e6962e72c")}catch{}})();const _=O.div`
+  ${({$active:a})=>a&&K`
       display: flex;
       flex-direction: column;
       height: 100%;
     `}
-`,_=O.div`
-  ${({$active:a})=>a&&J`
+`,H=O.div`
+  ${({$active:a})=>a&&K`
       flex: 1;
       min-height: 0;
       display: flex;
@@ -22,4 +22,4 @@ import{j as d}from"./liveblocks-ByIxqWJk.js";import{R as Y,a as i}from"./sentry-
   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=de(),{useFeatureGate:c}=W(),{isFeatureEnabled:u}=c(w.isCreateTransferEntryFromExpenseEnabled),s=l!=null&&a!==!0,b=e?.currentTenant?.companyId,I=e?.currentTenant?.companyName,{isFeatureEnabled:P}=c(w.isProjectsTransactionsEnabled),{isFeatureEnabled:y}=c(w.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}=c(w.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 g=[],G=R.current;if(G!=null)for(const ue of Object.values(G)){const B=ue.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:ce}=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 d.jsx(H,{$active:s,children:d.jsx(_,{$active:s,children:d.jsx(fe,{})})});const le=d.jsxs(d.Fragment,{children:[N!=null&&D?d.jsx(Ce,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,d.jsx(Ae,{children:d.jsx(he,{toolkit:te,children:d.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:u,defaultTrendTransactionTimePeriod:C,resetTrendIsFetchedStates:T,transaction:t?.transaction,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:K,isExpenseAutomationEnabled:Q,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?ce:void 0,isProjectsTransactionsEnabled:P,isTransactionSplitEnabled:y,companyId:b,companyName:I,onBackClick:r})})}),ae,E.showPopup&&E.popupType!=null&&d.jsx(be,{popupType:E.popupType,currencySymbol:E.currencySymbol,accountId:E.popupAccountId??"",accountName:E.popupAccountName??"",onSubmit:E.handleSubmit,onDismiss:E.handleDismiss})]});return d.jsx(H,{$active:s,children:d.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=Pe(),e=v==="small"||v==="medium-compact",c=f["*"]??"",u=Me(n,o.pathname,c),s=h&&!e&&u!=null,b=i.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),I=s&&b==="full",P=u?.slice(1).join("\0"),y=i.useMemo((()=>u==null?Le:u.slice(1)),[P]),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(((T,x)=>{l(`${t.current.basePath}/${T}`,{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]),C=i.useCallback((()=>{const T=new URLSearchParams(t.current.search);T.set("view","full"),l(`${t.current.pathname}?${T.toString()}`,{replace:!0,state:t.current.locationState})}),[l]);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),l=f=>{const{useFeatureGate:o}=W(),{isFeatureEnabled:v}=o(a.gateName??w.isTransactionDetailSplitViewEnabled),e=a.usePanelSetup(a.gateName==null||v),c=i.useContext(U),u=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 d.jsx(U.Provider,{value:u,children:d.jsx(r,{...f,...e.injectedProps})})};return l.displayName=`${a.displayNamePrefix}(${h})`,l}}const Xe=Ge({displayNamePrefix:"withTransactionSidePanel",gateName:w.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,u=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?q(e.matchGroups[1]):void 0,s=i.useMemo((()=>{if(r&&u!=null&&c!=null)return{id:u,type:c}}),[r,u,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]),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:u});y.current={isOpen:e.isOpen,transactionId:u};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:l,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}):l(`/${P}/transaction/${encodeURIComponent(p)}/${m}`)}),[l,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?u:void 0,transactionType:r?c:void 0}})(a),h=i.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return d.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};
+`,Re=Y.memo((({isFullView:a,transactionId:n,transactionType:h,onBackToList:r,onClose:l})=>{const f=$(),o=F(),{tenantEmailDomain:v}=k(),e=de(),{useFeatureGate:c}=J(),{isFeatureEnabled:u}=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:E,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]);Ee(a===!0);const R=i.useRef(M);R.current=M;const x=xe(Z,(()=>{const w=[],G=R.current;if(G!=null)for(const ue of Object.values(G)){const B=ue.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 d.jsx(_,{$active:s,children:d.jsx(H,{$active:s,children:d.jsx(fe,{})})});const le=d.jsxs(d.Fragment,{children:[N!=null&&D?d.jsx(ge,{isOpen:D,transactionId:N,onSaveVendor:se,onSaveSuccess:ie,onCancel:oe}):null,d.jsx(Ae,{children:d.jsx(he,{toolkit:te,children:d.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:u,defaultTrendTransactionTimePeriod:g,resetTrendIsFetchedStates:P,transaction:t?.transaction,uncategorizedAccounts:E,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:Q,isExpenseAutomationEnabled:W,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?ce:void 0,isProjectsTransactionsEnabled:T,isTransactionSplitEnabled:y,companyId:b,companyName:I,onBackClick:r})})}),ae,x.showPopup&&x.popupType!=null&&d.jsx(be,{popupType:x.popupType,currencySymbol:x.currencySymbol,accountId:x.popupAccountId??"",accountName:x.popupAccountName??"",onSubmit:x.handleSubmit,onDismiss:x.handleDismiss})]});return d.jsx(_,{$active:s,children:d.jsx(H,{$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["*"]??"",u=Me(n,o.pathname,c),s=h&&!e&&u!=null,b=i.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),I=s&&b==="full",T=u?.slice(1).join("\0"),y=i.useMemo((()=>u==null?Le:u.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,E)=>{l(`${t.current.basePath}/${P}`,{replace:E?.replace??!1,state:E?.extraState!=null?{...t.current.locationState,...E.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=E=>{if(E.key==="Escape"){if(E.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),u=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 d.jsx(U.Provider,{value:u,children:d.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,u=e.matchGroups[1]!=null&&e.matchGroups[1]!==""?q(e.matchGroups[1]):void 0,s=i.useMemo((()=>{if(r&&u!=null&&c!=null)return{id:u,type:c}}),[r,u,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:u});y.current={isOpen:e.isOpen,transactionId:u};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?u:void 0,transactionType:r?c:void 0}})(a),h=i.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return d.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};