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

package/dist/assets/withTransactionSidePanel-Dn8x-lme.js

@@ -0,0 +1,25 @@
+import{j as u}from"./liveblocks-2F3ER8H4.js";import{R as K,a as i}from"./sentry-Dwi3Xpu2.js";import{O as de,d as q,$ as C,b6 as ue,at as me,bb as pe,b7 as fe,b8 as be,a2 as he,bc as U}from"./index-BH7Z90Ry.js";import{c as J,n as O}from"./mui-DpZKsKJ-.js";import{u as Pe}from"./useAskAiCfoHostNavButtonProps-B82QOIYm.js";import{u as Te,a as ve,b as ye,c as xe,d as Ee,l as Ie,C as Se,e as we,f as Ce}from"./TransactionDetailScreen-C2qhnA5b.js";import{h as $,g as F,i as k,u as ge,j as Oe}from"./core-BmXpopk3.js";import{sS as $e,V_ as Fe,RK as ke}from"./zeni-epic-state-DtY6MD5C.js";import{m as je,s as De}from"./stripSplatSuffix-Cm_Bj9mb.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]="ba9642b1-4bb5-4e3d-851f-689ba9fd1d4c",a._sentryDebugIdIdentifier="sentry-dbid-ba9642b1-4bb5-4e3d-851f-689ba9fd1d4c")}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;
+    `}
+`,Me=O.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+`,Ve=K.memo((({isFullView:a,transactionId:n,transactionType:b,onBackToList:r,onClose:l})=>{const f=$(),o=F(),{tenantEmailDomain:T}=k(),e=de(),{useFeatureGate:c}=q(),{isFeatureEnabled:d}=c(C.isCreateTransferEntryFromExpenseEnabled),s=l!=null&&a!==!0,v=e?.currentTenant?.companyId,I=e?.currentTenant?.companyName,{isFeatureEnabled:h}=c(C.isProjectsTransactionsEnabled),{isFeatureEnabled:y}=c(C.isTransactionSplitEnabled),{selectedTransaction:S,transactionDetail:t,tranEntity:m,isChainOfThoughtEnabled:p,defaultTrendTransactionTimePeriod:w,resetTrendIsFetchedStates:P,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:Q,isExpenseAutomationEnabled:W,firstMonthOfFY:X,isCreateVendorDrawerOpen:D,rawDetailSaveStatus:Z,rawDetailLineItemById:M}=Te(n,b),{isFeatureEnabled:ee}=c(C.isRecommendationFeedbackEnabled),V=ue(),{onRecommendationSelection:R,popup:ne}=ve({isEnabled:ee,fallbackTransactionId:n}),ae=i.useMemo((()=>({...V,onRecommendationSelection:R})),[V,R]);ye(a===!0);const A=i.useRef(M);A.current=M;const E=xe(Z,(()=>{const g=[],G=A.current;if(G!=null)for(const le of Object.values(G)){const B=le.account;B?.accountId!=null&&g.push(B.accountId)}return g})),{transactionId:N,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}=Ee({closeDrawerHandler:()=>{},overrideTransactionId:n,overrideTransactionType:b}),{isAiCfoAccessEnabled:oe,onAskAiCfoClick:re}=Pe({mobileExploreReferrer:"Transaction Details"}),L=a===!0&&oe;me({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;Ie(t.transaction,g)}}),[o.state,t,n]),t==null)return u.jsx(H,{$active:s,children:u.jsx(_,{$active:s,children:u.jsx(pe,{})})});const ce=u.jsxs(u.Fragment,{children:[N!=null&&D?u.jsx(Se,{isOpen:D,transactionId:N,onSaveVendor:te,onSaveSuccess:se,onCancel:ie}):null,u.jsx(Me,{children:u.jsx(fe,{toolkit:ae,children:u.jsx(we,{hideDeleteAttachment:!0,firstMonthOfFY:X,isDisabled:t?.transaction?.type==="transfer"&&e?.connectionName==="netsuite"?"readonly":void 0,isNavBarVisible:!s,tenantEmailDomain:T??"",location:o,navigate:f,selectedTransaction:S,entity:m,isCOTEnabled:p,isCreateTransferEntryFromExpenseEnabled:d,defaultTrendTransactionTimePeriod:w,resetTrendIsFetchedStates:P,transaction:t?.transaction,uncategorizedAccounts:x,vendorSaveStatus:j,isVendorBulkUpdateOnTransactionEnabled:Q,isExpenseAutomationEnabled:W,isAiCfoAccessEnabled:L,onAskAiCfoClick:L?re:void 0,isProjectsTransactionsEnabled:h,isTransactionSplitEnabled:y,companyId:v,companyName:I,onBackClick:r})})}),ne,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})})})),Re=/^transaction\/(?!new\/)([^/]+)\/([^/?]+)$/,Ae=[];function Ne(a){const{childPathPattern:n,enabled:b=!0,listPath:r}=a,l=$(),f=k(),o=F(),T=he(),e=T==="small"||T==="medium-compact",c=f["*"]??"",d=je(n,o.pathname,c),s=b&&!e&&d!=null,v=i.useMemo((()=>new URLSearchParams(o.search).get("view")),[o.search]),I=s&&v==="full",h=d?.slice(1).join("\0"),y=i.useMemo((()=>d==null?Ae:d.slice(1)),[h]),S=i.useMemo((()=>r??De(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]),w=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:w,navigateToChild:m}}function Y(a){try{return decodeURIComponent(a)}catch{return a}}function Le(a){return function(n){const b=n.displayName??n.name??"Component",r=K.memo(n),l=f=>{const{useFeatureGate:o}=q(),{isFeatureEnabled:T}=o(a.gateName??C.isTransactionDetailSplitViewEnabled),e=a.usePanelSetup(a.gateName==null||T),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}(${b})`,l}}const Je=Le({displayNamePrefix:"withTransactionSidePanel",gateName:C.isTransactionDetailSplitViewEnabled,usePanelSetup:function(a){const n=(function(r=!0){const l=$(),f=F(),o=ge(),T=k(),e=Ne({childPathPattern:Re,enabled:r}),c=e.matchGroups[0]!=null&&e.matchGroups[0]!==""?$e(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&&c!=null)return{id:d,type:c}}),[r,d,c]),v=Oe((m=>{if(s!=null)return Fe(m,s)})),I=i.useMemo((()=>e.isOpen&&s!=null?v==null?"In-Progress":v.fetchState:"Not-Started"),[e.isOpen,s,v]),h=T.tenantEmailDomain??f.pathname.split("/").find(Boolean)??"";i.useEffect((()=>{e.isOpen&&s!=null&&o(ke(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?`/${h}/transaction/${p}/${m.id}${f.search}`:`${e.basePath}/transaction/${p}/${m.id}${f.search}`}),[e.isMobile,e.basePath,r,h,f.search]);Ce({currentTransactionId:s,enabled:h!=="",buildPath:S,navigate:l,navigateState:f.state});const t=i.useCallback(((m,p,w)=>{!e.isMobile&&r?y.current.isOpen&&y.current.transactionId===m?e.closePanel():e.navigateToChild(`transaction/${encodeURIComponent(p)}/${m}`,{replace:y.current.isOpen,extraState:w!=null?{searchContext:w}:void 0}):l(`/${h}/transaction/${encodeURIComponent(p)}/${m}`)}),[l,e.isMobile,e.navigateToChild,e.closePanel,r,h]);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?v:void 0,transactionId:r?d:void 0,transactionType:r?c:void 0}})(a),b=i.useMemo((()=>{if(n.isOpen&&n.transactionId!=null&&n.transactionType!=null)return u.jsx(Ve,{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:b,sidePanelIsFullView:n.isFullView,sidePanelIsOpen:n.isOpen}:{}),[a,n.closePanel,n.openPanel,b,n.isFullView,n.isOpen]),selectedItemId:n.transactionId,sidePanel:n}}});export{Le as a,Ne as u,Je as w};