@zeniai/web-components 3.16.42 → 3.16.43

package/dist/AllUserItems-hxpdMXDr.cjs

@@ -1,192 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),p=require("@emotion/styled"),A=require("@zeniai/client-epic-state"),t=require("./index-BP5gPMlL.cjs"),M=require("react"),J=require("./LabeledEmailInputField-BltJ9ZJY.cjs"),K=require("./LabeledSingleSelectWithoutClearableField-DzlfH5lw.cjs"),X=require("./LabeledUserSingleSelectWithSubtitlesField-ijc5JXYe.cjs"),q=require("./LabeledZeniRolesDropDownField-CumNuiTc.cjs"),N=(e,i)=>`${e}.${i}`,k={largeLabelWidth:new t.ResponsiveSized(120,120,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),textFieldPaddingHorizontal:new t.ResponsiveSized(t.sp[2],t.sp[3]),toolTipWidth:new t.ResponsiveSized(215,237)},x=t.appLocale.getLocalizedStrings().peoplePage,le=({user:e,sectionId:i,mode:s,managersList:r,classList:l,controllersList:g,customerRoleOptions:j,isBankingOnlyTenant:u,isCardsOnlyTenant:R,isEdit:C,person:h,analytics:v})=>{const b=t.useWindowSizeContext(),E=k.largeLabelWidth.value(b),{setValue:P}=o.useFormContext(),I=o.cloneDeep(g),f=I.splice(0,1),W=I.reduce((n,a)=>n.concat(`${a.email},`),""),F=M.useMemo(()=>o.cloneDeep(t.ZeniRolesConstants.roles),[]),m=A.hasInvestorBankerLevelAccess(e.role);return M.useEffect(()=>{(m||u||R)&&P("userItems.0.department",{allOptions:[],selectedOption:void 0}),m&&P("userItems.0.manager",{allUsers:[],selectedUser:void 0})},[m,u,R]),o.jsxRuntimeExports.jsxs(re,{windowSize:b,"data-testid":t.generateDataTestId("edit-people-user-item-section"),children:[o.jsxRuntimeExports.jsx(J.LabeledEmailInputField,{label:x.invitePage.email,name:N(i,"email"),registerOptions:{required:!0,value:e.email,disabled:!0},placeholder:t.getPlaceholderTextWithPrefix$1(x.addPlaceholderPrefix,x.invitePage.email),style:{paddingTop:t.Space.sp2,paddingBottom:t.Space.sp2}}),o.jsxRuntimeExports.jsx(H,{}),s==="off"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(q.LabeledRolesDropDownField,{label:{label:x.invitePage.role,width:E},style:{width:"auto"},rolesDropDownField:{name:N(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(e.role),allRootRole:t.getAllRootRoles(u,R)},productsByUserRole:t.getProductWiseRoleOptions(e.role,j)},registerOptions:{required:!0}}}),o.jsxRuntimeExports.jsx(H,{}),o.jsxRuntimeExports.jsx(X.LabeledUserSingleSelectWithSubtitlesField,{label:{label:x.invitePage.manager,width:E},showTooltip:!0,toolTipWidth:k.toolTipWidth.valuePx(b),tooltipTitle:o.jsxRuntimeExports.jsx(se,{}),userSingleSelectWithSubTitlesField:{name:N(i,"manager"),value:{allUsers:r,selectedUser:e?.managerId?e?.managerId:"no_manager"},valueToSubtitle:n=>{const a=r.findIndex(d=>d.userId===n);if(a!==-1){const d=r[a],$=l.find(D=>D.classId===d.userRole.accountingClassIDs[0]),w=[];return $!=null&&w.push($.className),w}else return[]},placeholderLabel:m?x.notApplicable:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.manager),registerOptions:{required:!m},showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]},isDisabled:m?"disabled":void 0,isOptionDisabled:n=>n===h?.user?.userId},style:{width:"auto"},isDisabled:m?"disabled":void 0,opacity:m?.32:1}),o.jsxRuntimeExports.jsx(H,{}),o.jsxRuntimeExports.jsx(K.LabeledSingleSelectWithoutClearableField,{label:{label:x.invitePage.department,width:E},singleSelectWithoutClearableField:{name:N(i,"department"),defaultValue:{allOptions:l.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:l.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===e.departmentId)},placeholder:m||u||R?x.notApplicable:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.department),registerOptions:{required:!m||!(u||R)},isDisabled:m||u||R?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:m||u||R?"disabled":void 0,opacity:m||u||R?.32:1}),C?null:o.jsxRuntimeExports.jsxs(ne,{windowSize:b,children:[x.invitePage.controllerText,f[0]?o.jsxRuntimeExports.jsxs(ae,{href:`mailto:${f[0].email}?cc=${W}&subject=${encodeURIComponent(x.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx("span",{children:`${f[0].firstName} ${f[0].lastName}`}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]}):null]})]}):o.jsxRuntimeExports.jsx(q.LabeledZeniRolesDropDownField,{label:{label:x.invitePage.role,width:E},zeniRolesDropDownField:{name:N(i,"role"),defaultValue:{selectedOptions:e.role,allOptions:F},registerOptions:{required:!0},placeholderLabel:t.getPlaceholderTextWithPrefix$1(x.selectPlaceholderPrefix,x.invitePage.role),isMulti:!0,forZeniUser:!0,onSelectionChanged:n=>{h!=null&&v?.trackRoleChanged(h.userRole.userRoles,n[0],h?.userRole.userEmail)}},style:{width:"auto"}})]})},se=()=>t.appLocale.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,re=p.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  margin-bottom: ${t.Space.sp3};
-  .single-select-field__menu {
-    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
-  }
-`,H=p.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ne=p(t.ExtraSmallRegular)`
-  padding: ${e=>`${t.Space.sp1}  ${e.windowSize==="small"?t.Space.sp3:t.Space.sp4}`};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>e.windowSize==="small"?t.Space.sp0:"6px"};
-`,ae=p.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  .arrowIcon {
-    cursor: pointer;
-    height: ${t.Space.sp3};
-    width: ${t.Space.sp3};
-  }
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-    .arrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,T=(e,i)=>`${e}.${i}`,Q={largeLabelWidth:new t.ResponsiveSized(125,140,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),toolTipWidth:new t.ResponsiveSized(246,250)},c=t.appLocale.getLocalizedStrings().peoplePage,de=({user:e,sectionId:i,mode:s,isZeniTenant:r,managersList:l,classList:g,controllersList:j,index:u,customerRoleOptions:R,isEdit:C,isBankingOnlyTenant:h,isCardsOnlyTenant:v})=>{const b=t.useWindowSizeContext(),{getValues:E,formState:{errors:P},setValue:I}=o.useFormContext(),f=Q.largeLabelWidth.value(b),[W,...F]=j,m=F.map(d=>d.email).join(","),n=M.useMemo(()=>t.ZeniRolesConstants.roles.filter(d=>!["admin","bookkeeping_admin"].includes(d.value)),[]),a=A.hasInvestorBankerLevelAccess(e.role);return M.useEffect(()=>{(a||h||v)&&I(`userItems.${u}.department`,{allOptions:[],selectedOption:void 0}),a&&I(`userItems.${u}.manager`,{allUsers:[],selectedUser:void 0})},[a,h,v]),o.jsxRuntimeExports.jsxs(ue,{windowSize:b,"data-testid":t.generateDataTestId("invite-people-user-item-section"),children:[o.jsxRuntimeExports.jsx(J.LabeledEmailInputField,{label:c.invitePage.email,name:T(i,"email"),registerOptions:{required:!0,value:e.email,validate:{duplicate:d=>!pe(d,E("userItems"),u),notZeniMail:d=>s==="zeni_only"?!0:r||d.map($=>!$.match(t.ZENI_EMAIL_PATTERN)).reduce(($,w)=>$&&w)}},placeholder:t.getPlaceholderTextWithPrefix$1(c.addPlaceholderPrefix,c.invitePage.email),style:{paddingTop:t.Space.sp2,paddingBottom:t.Space.sp2},additionalInfoLabel:ge(E("userItems"),T(i,"email"),u,s,P)}),o.jsxRuntimeExports.jsx(L,{}),s==="off"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(q.LabeledRolesDropDownField,{label:{label:c.invitePage.role,width:f},style:{width:"auto"},rolesDropDownField:{name:T(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(e.role),allRootRole:t.getAllRootRoles(h,v)},productsByUserRole:t.getProductWiseRoleOptions(e.role,R)},registerOptions:{required:!0}}}),o.jsxRuntimeExports.jsx(L,{}),o.jsxRuntimeExports.jsx(X.LabeledUserSingleSelectWithSubtitlesField,{label:{label:c.invitePage.manager,width:f},showTooltip:!0,toolTipWidth:Q.toolTipWidth.valuePx(b),tooltipTitle:o.jsxRuntimeExports.jsx(ce,{}),userSingleSelectWithSubTitlesField:{name:T(i,"manager"),value:{allUsers:l,selectedUser:e.managerId},valueToSubtitle:d=>{const $=l.findIndex(w=>w.userId===d);if($!==-1){const w=l[$],D=g.find(y=>y.classId===w.userRole.accountingClassIDs[0]),S=[];return D!=null&&S.push(D.className),S}else return[]},placeholderLabel:a?c.notApplicable:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.manager),registerOptions:{required:!a},isDisabled:a?"disabled":void 0,showOneOffLabel:{label:"No Manager",value:"no_manager",position:"top",subtitles:[]}},style:{width:"auto",height:e.managerId==null?t.Space.sp8:"74px",boxSizing:"border-box"},isDisabled:a?"disabled":void 0,opacity:a?.32:1}),o.jsxRuntimeExports.jsx(L,{}),o.jsxRuntimeExports.jsx(K.LabeledSingleSelectWithoutClearableField,{label:{label:c.invitePage.department,width:f},singleSelectWithoutClearableField:{name:T(i,"department"),defaultValue:{allOptions:g.map(d=>({label:d.fullyQualifiedAccountingClassName??"",value:d.classId,hoverText:d.accountingClassNumber})),selectedOption:g.map(d=>({label:d.fullyQualifiedAccountingClassName??"",value:d.classId,hoverText:d.accountingClassNumber})).find(d=>d.value===e.departmentId)},placeholder:a||h||v?c.notApplicable:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.department),registerOptions:{required:!a||!(h||v)},isDisabled:a||h||v?"disabled":void 0,showOptionOnHover:!0},style:{width:"auto"},isDisabled:a||h||v?"disabled":void 0,opacity:a||h||v?.32:1}),o.jsxRuntimeExports.jsx(L,{}),C?null:o.jsxRuntimeExports.jsxs(me,{windowSize:b,isDisabled:a,children:[c.invitePage.controllerText,W?o.jsxRuntimeExports.jsx(he,{firstController:[W],isInvestorBanker:a,restControllerEmailsStr:m}):null]})]}):o.jsxRuntimeExports.jsx(q.LabeledZeniRolesDropDownField,{label:{label:c.invitePage.role,width:f},zeniRolesDropDownField:{defaultValue:{allOptions:n,selectedOptions:e.role},name:T(i,"role"),placeholderLabel:t.getPlaceholderTextWithPrefix$1(c.selectPlaceholderPrefix,c.invitePage.role),registerOptions:{required:s==="zeni_only"},isMulti:!1,forZeniUser:!1},style:{width:"auto"}})]})},ce=()=>t.appLocale.getLocalizedStrings().peoplePage.invitePage.managerTooltipText,pe=(e,i,s)=>{const r=i.filter(l=>l.userIndex!==s).map(l=>l.email).flat();return r.length>0&&e.every(l=>r.includes(l))},ue=p.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  margin-bottom: ${t.Space.sp3};
-  .single-select-field__menu {
-    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
-  }
-`,L=p.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,me=p(t.ExtraSmallRegular)`
-  padding: ${e=>`${t.Space.sp1}  ${e.windowSize==="small"?t.Space.sp3:t.Space.sp4}`};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
-  text-align: left;
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>e.windowSize==="small"?t.Space.sp0:"6px"};
-  opacity: ${e=>e.isDisabled?.32:1};
-`,xe=p.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: none;
-  cursor: ${e=>e.isDisabled?"unset":"pointer"};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  .arrowIcon {
-    cursor: pointer;
-    height: ${t.Space.sp2};
-    width: ${t.Space.sp2};
-  }
-  :hover {
-    color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-    .arrowIcon {
-      color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
-    }
-  }
-`,ge=(e,i,s,r,l)=>{if(o.has(l,i)&&l?.userItems&&l?.userItems[s]?.email)switch(l?.userItems[s]?.email.type){case"required":return c.invitePage.defaultHelpText;case"pattern":return e[s].email.forEach(u=>{if(!t.EMAIL_PATTERN.test(u))return c.invitePage.defaultHelpText}),r==="zeni_only"?c.invitePage.otherThanZeniMailIDForZeniModeText:c.invitePage.zeniMailIDForNormalModeText;case"duplicate":return c.invitePage.emailAlreadyExist;case"notZeniMail":return c.invitePage.zeniMailIDForNormalModeText;case"validate":return c.invitePage.defaultHelpText;default:return}},he=({isInvestorBanker:e,firstController:i,restControllerEmailsStr:s})=>{let r="";const l=i[0];return l?.firstName&&l?.lastName?r=`${l?.firstName} ${l?.lastName}`:l?.firstName?r=l?.firstName:l?.lastName?r=l?.lastName:r=l?.email??"",o.jsxRuntimeExports.jsxs(xe,{isDisabled:e,href:e?void 0:`mailto:${i[0]?.email}?cc=${s}&subject=${encodeURIComponent(c.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx("span",{children:r}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]})},Se=e=>o.jsxRuntimeExports.jsx(Re,{style:e.style,"data-testid":t.generateDataTestId("user-item-section"),children:e.isEdit?o.jsxRuntimeExports.jsx(le,{...e}):o.jsxRuntimeExports.jsx(de,{...e})}),Re=p.div`
-  display: flex;
-  flex-direction: column;
-`,U={paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),buttonWidth:new t.ResponsiveSized(70,70),marginBottom:new t.ResponsiveSized(12,t.sp[3]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[3]),deleteContentMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[3]),sectionHeaderTitlePaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),containerPaddingTop:new t.ResponsiveSized(t.sp[0],t.sp[3]),addUserWrapperGap:new t.ResponsiveSized(t.sp[1],t.sp[2])},ve=(e,i,s,r,l,g,j)=>({userIndex:e,email:[],role:r==="zeni_only"?{allOptions:t.ZeniRolesConstants.roles,selectedOptions:[]}:void 0,nonZeniRole:r!=="zeni_only"?{userRole:{selectedRole:void 0,allRootRole:t.getAllRootRoles(g,j)},productsByUserRole:t.getProductWiseRoleOptions([],l)}:void 0,manager:{allUsers:i,selectedUser:void 0},department:{allOptions:s.map(u=>({label:u.className,value:u.classId})),selectedOption:void 0}}),z=t.appLocale.getLocalizedStrings().peoplePage,je=({isDisabled:e,control:i,deleteConfirmationIndex:s,updateDeleteConfirmationIndex:r,style:l,sectionId:g,mode:j,isZeniTenant:u,managersList:R,classList:C,controllersList:h,customerRoleOptions:v,isBankingOnlyTenant:b,isCardsOnlyTenant:E,isEdit:P=!1,person:I,analytics:f})=>{const{getValues:W}=o.useFormContext(),{append:F,remove:m}=o.useFieldArray({name:g,control:i}),n=t.useWindowSizeContext(),a=W().userItems,d=()=>{const S=a.length-1,y=ve(S+1,R,C,j,v,b,E);setTimeout(()=>F(y,{shouldFocus:!0}))},$=S=>{r(S)},w=()=>{r(-1)},D=()=>{setTimeout(()=>m(s)),r(-1)};return o.jsxRuntimeExports.jsxs(we,{style:l,windowSize:n,"data-testid":t.generateDataTestId("user-items"),children:[a.length>0?a.map((S,y)=>{const ie=a.length;let Z={};if(j==="zeni_only")Z={email:S.email,role:$e(S.role.selectedOptions,P)??void 0};else{const O=S.nonZeniRole?.userRole.selectedRole,_=O!=null?(S.nonZeniRole?.productsByUserRole[O]??[]).map(B=>A.toUserRoleTypeStrict(B.selectedOption?.value)).filter(B=>B!=null):[],V=_.length>0?A.hasInvestorBankerLevelAccess(_):!1;Z={email:S.email,role:_,managerId:V?void 0:S.manager?.selectedUser,departmentId:V?void 0:S.department?.selectedOption?.value}}return o.jsxRuntimeExports.jsxs(Ee,{"data-testid":t.generateDataTestId("user-item",S.userIndex.toString()),children:[P?null:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:ie>1?o.jsxRuntimeExports.jsx(G,{windowSize:n,children:o.jsxRuntimeExports.jsx(be,{curIndex:y,isDisabled:e,deleteConfirmationIndex:s,onDeleteClick:$,onCancelClick:w,onRemoveUserItem:D})}):o.jsxRuntimeExports.jsx(G,{windowSize:n,children:o.jsxRuntimeExports.jsx(ee,{children:o.jsxRuntimeExports.jsx(oe,{children:o.jsxRuntimeExports.jsx(te,{windowSize:n,children:z.invitePage.user})})})})}),o.jsxRuntimeExports.jsx(Se,{isDisabled:e,sectionId:`${g}.${y}`,control:i,user:Z,mode:j,isZeniTenant:u,managersList:R,classList:C,controllersList:h,customerRoleOptions:v,isBankingOnlyTenant:b,isCardsOnlyTenant:E,isEdit:P,person:I,analytics:f,index:y}),s===y&&n==="small"?o.jsxRuntimeExports.jsx(ze,{children:o.jsxRuntimeExports.jsx(Y,{onCancelClick:w,onRemoveUserItem:D})}):null]},y)}):null,P?null:o.jsxRuntimeExports.jsxs(We,{"data-testid":t.generateDataTestId("all-user-items-add-user-button"),windowSize:n,onClick:()=>{d?.()},children:[o.jsxRuntimeExports.jsx(Te,{}),o.jsxRuntimeExports.jsx(Ue,{children:`${z.invitePage.add} ${z.invitePage.user}`})]})]})},be=({curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l,isDisabled:g})=>{const j=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(ee,{children:[o.jsxRuntimeExports.jsx(oe,{children:o.jsxRuntimeExports.jsx(te,{windowSize:j,children:`#${e+1} ${z.invitePage.user}`})}),g===void 0?o.jsxRuntimeExports.jsx(fe,{curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l}):null]})},fe=({curIndex:e,deleteConfirmationIndex:i,onDeleteClick:s,onCancelClick:r,onRemoveUserItem:l})=>{const g=t.useWindowSizeContext();return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:g==="small"?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:i!==e?o.jsxRuntimeExports.jsx(Ce,{"data-testid":t.generateDataTestId("delete-icon",e.toString()),onClick:()=>s(e)}):null}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:i===e?o.jsxRuntimeExports.jsx(ye,{children:o.jsxRuntimeExports.jsx(Y,{onCancelClick:r,onRemoveUserItem:l})}):o.jsxRuntimeExports.jsx(Pe,{"data-testid":t.generateDataTestId("all-user-items-delete-icon-wrapper"),className:"delete-icon-wrapper",onClick:()=>s(e),children:o.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:"2px 5px"},enterDelay:600,title:z.invitePage.remove,placement:"left",children:o.jsxRuntimeExports.jsx(De,{})})})})})},Y=({onCancelClick:e,onRemoveUserItem:i})=>{const s=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[z.invitePage.deleteConfirmation,o.jsxRuntimeExports.jsxs(Ie,{windowSize:s,"data-testid":t.generateDataTestId("delete-confirmation-wrapper"),children:[o.jsxRuntimeExports.jsx(t.Button,{"data-testid":t.generateDataTestId("delete-confirmation-cancel-button"),label:z.invitePage.cancel,onClick:e,style:{width:U.buttonWidth.value(s),marginRight:t.Space.sp3},size:"small",variant:"secondary"}),o.jsxRuntimeExports.jsx(t.Button,{"data-testid":t.generateDataTestId("delete-confirmation-remove-button"),label:z.invitePage.remove,onClick:i,style:{width:U.buttonWidth.value(s)},size:"small",variant:"danger"})]})]})},$e=(e,i)=>i?e:e!=null?[e]:[],we=p.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${e=>U.containerPaddingTop.valuePx(e.windowSize)};
-`,Ee=p.div`
-  .delete-icon-wrapper {
-    visibility: hidden;
-  }
-  &:hover {
-    .delete-icon-wrapper {
-      visibility: visible;
-    }
-  }
-`,ee=p(t.LargeMedium)`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.champion};
-  margin-top: ${t.Space.sp3};
-  height: ${t.Space.sp5};
-`,te=p(t.LargeMedium)`
-  color: ${e=>e.theme.colors.primary};
-`,oe=p.div`
-  display: flex;
-  align-items: center;
-`,Pe=p.div`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  cursor: pointer;
-  position: relative;
-`,ye=p(t.StandardRegular)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-`,ze=p.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  padding: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp7};
-  gap: ${t.Space.sp2};
-`,Ie=p.div`
-  display: flex;
-  margin-left: ${e=>U.deleteContentMarginLeft.valuePx(e.windowSize)};
-`,G=p.div`
-  display: flex;
-  margin-bottom: ${e=>U.marginBottom.valuePx(e.windowSize)};
-`,De=p(t.SvgDelete)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${t.Colors.important};
-  }
-`,Ce=p(t.SvgDelete)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  cursor: pointer;
-  color: ${t.Colors.important};
-`,We=p(t.StandardRegular)`
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: ${t.Space.sp3} ${t.Space.sp4};
-  gap: ${e=>U.addUserWrapperGap.valuePx(e.windowSize)};
-
-  width: auto;
-  height: ${t.Space.sp8};
-
-  border: 1px solid ${e=>e.theme.colors.hero};
-  border-radius: ${t.Space.sp2};
-  color: ${e=>e.theme.colors.grey1};
-  box-sizing: border-box;
-  &:hover {
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-    div {
-      color: ${e=>e.theme.colors.primary};
-    }
-    color: ${e=>e.theme.colors.primary};
-    border-color: ${e=>e.theme.colors.primary};
-  }
-  margin-top: ${t.Space.sp3};
-  margin-bottom: ${t.Space.sp9};
-`,Te=p(t.SvgAddRound)`
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Ue=p(t.StandardMedium)`
-  color: ${e=>e.theme.colors.hero};
-`;exports.AllUserItems=je;

package/dist/ApAgingDetailPage-B3LvS2GL.js

@@ -1,239 +0,0 @@
-import { u as B, j as o, f as Y } from "./vendor-.pnpm-BZbZ6JJC.js";
-import { useState as O, useCallback as H, useEffect as q } from "react";
-import i from "@emotion/styled";
-import { u as J, a as c, x as U, aE as W, ff as K, eT as V, S as N, P as G, R as k, f as Q, g as X, D as f } from "./index-Dig6AEZA.js";
-import { B as Z } from "./BusyIndication-CqCOehQ5.js";
-import { E as ee, A as oe } from "./EntitySummarySection-BE83VGe8.js";
-const C = {
-  wrapperContainerMarginTop: new k(f[4], f[0]),
-  wrapperContaineHorizontalrMargin: new k(f[0], f[8])
-}, ne = i.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`, te = i.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`, ae = i.div`
-  height: 96px;
-  width: 96px;
-  background: ${(e) => e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${N.sp5};
-    color: ${(e) => e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${(e) => e.theme.colors.primary};
-    }
-  }
-`, re = i(G)`
-  margin-top: ${N.sp3};
-  color: ${(e) => e.theme.colors.hero};
-`, ie = i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey5};
-`, se = i.div`
-  display: block;
-  background-color: ${(e) => e.theme.colors.grey4};
-  height: calc(100vh - 178px);
-  margin-top: ${(e) => C.wrapperContainerMarginTop.valuePx(e.windowSize)};
-`, le = i.div`
-  margin-left: ${(e) => C.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
-  margin-right: ${(e) => C.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
-  height: 100%;
-`;
-function ye(e) {
-  const h = B(), d = J(), y = c.getLocalizedStrings().common, g = c.getLocalizedStrings().reports.common, {
-    apAgingDetail: t,
-    downloadParams: a,
-    reportDate: n,
-    analytics: s,
-    onReload: w,
-    onBackClick: b,
-    onColumnSortConfigChanged: v,
-    updateDownloadStateHandler: x,
-    onTransactionClick: E
-  } = e, { authParams: _, downloadEndPoint: R, timezone: A } = a, {
-    fetchState: m,
-    invoices: P,
-    apAgingDetailUIState: j,
-    vendor: r,
-    totalBalances: L
-  } = t, { sortKey: D, sortOrder: S, downloadState: p } = j, [z, I] = O(!1), $ = c.getLocalizedStrings(), M = $.reports.aging.agingDetail, T = H(
-    (l, u) => {
-      t.vendor != null && s.trackApAgingDetailReportSortChange(
-        l,
-        u,
-        n.format(
-          $.dateFormat.analytics.YYYYDashMMDashDDFormat
-        ),
-        t.vendor.id,
-        t.vendor.name
-      ), v(l, u);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, t.vendor, n, v]
-  );
-  if (q(() => {
-    async function l() {
-      const u = {
-        companyName: a.companyName,
-        sortKey: D,
-        sortOrder: S,
-        statementFileType: "excel",
-        reportId: "accounts_payable_aging",
-        entityId: r?.id ?? "",
-        timezone: A,
-        reportDate: n
-      };
-      await ce(R, _, u), x("Completed"), t.vendor != null && s.trackApAgingDetailReportDownload(
-        D,
-        S,
-        n.format(
-          c.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat
-        ),
-        t.vendor.id,
-        t.vendor.name
-      );
-    }
-    z && p !== "In-Progress" && (I(!1), x("In-Progress"), l());
-  }, [
-    s,
-    t.vendor,
-    _,
-    R,
-    a.companyName,
-    p,
-    z,
-    n,
-    D,
-    S,
-    A,
-    x,
-    r?.id
-  ]), m === "Error")
-    return /* @__PURE__ */ o.jsxs(te, { children: [
-      /* @__PURE__ */ o.jsx(ae, { onClick: w, children: /* @__PURE__ */ o.jsx(U, {}) }),
-      /* @__PURE__ */ o.jsx(re, { children: g.failed })
-    ] });
-  if (m === "In-Progress" || m === "Not-Started")
-    return /* @__PURE__ */ o.jsx(Z, { fetchState: m });
-  const F = /* @__PURE__ */ o.jsx(
-    V,
-    {
-      downloadReportOptions: {
-        type: "simple_menu",
-        downloadMenu: {
-          simpleMenuItems: [
-            {
-              type: "excel",
-              isDisabled: !1,
-              isDownloading: p === "In-Progress"
-            }
-          ],
-          onDownloadClick: async (l) => {
-            if (l === "excel")
-              if (p === "In-Progress") {
-                console.log("Download is already in progress!");
-                return;
-              } else
-                I(!0);
-          }
-        }
-      }
-    }
-  );
-  return /* @__PURE__ */ o.jsxs(ie, { children: [
-    /* @__PURE__ */ o.jsx(
-      W,
-      {
-        title: y.strings.empty,
-        backgroundColor: h.colors.grey5,
-        onBackClick: b,
-        rightSideComponent: F,
-        source: "ApAgingDetailPage"
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      ee,
-      {
-        totalBalances: L,
-        entityName: r?.name ?? "",
-        entityLogo: r?.logo,
-        reportId: "accounts_payable_aging",
-        reportDate: n
-      }
-    ),
-    /* @__PURE__ */ o.jsx(se, { windowSize: d, children: /* @__PURE__ */ o.jsx(le, { windowSize: d, children: P.length === 0 || r == null ? /* @__PURE__ */ o.jsx(K, { message: M.noDataText }) : /* @__PURE__ */ o.jsx(ne, { windowSize: d, children: /* @__PURE__ */ o.jsx(
-      oe,
-      {
-        uiState: j,
-        invoices: P,
-        entityName: r.name,
-        entityLogo: r.logo,
-        onColumnSortConfigChanged: T,
-        onTransactionClick: E
-      }
-    ) }) }) })
-  ] });
-}
-async function ce(e, h, d) {
-  const y = `${e}?query=${encodeURIComponent(
-    JSON.stringify(de(d))
-  )}`, g = c.getLocalizedStrings(), t = g.reports.aging.apAging.apAging, a = g.download;
-  try {
-    const n = await Q({
-      urlEndPoint: y,
-      authParams: h,
-      fileType: "excel"
-    });
-    if (n.ok) {
-      const s = X(
-        n.headers,
-        a.defaultFileName
-      ), w = await n.arrayBuffer();
-      Y(w, s);
-    } else
-      console.error(
-        `${a.errorMessages.fileDownloadError.replace(
-          "__feature__",
-          t
-        )} ${n.statusText}`
-      );
-  } catch (n) {
-    console.error(
-      `${a.errorMessages.fileDownloadError.replace(
-        "__feature__",
-        t
-      )} ${JSON.stringify(n)}`
-    );
-  }
-}
-function de(e) {
-  return {
-    statement_file_type: e.statementFileType,
-    report_id: e.reportId,
-    company_name: e.companyName,
-    locale_id: c.getAppLocaleID(),
-    sort_key: e.sortKey,
-    sort_order: e.sortOrder,
-    entity_id: e.entityId,
-    report_date: e.reportDate,
-    timezone: e.timezone
-  };
-}
-export {
-  ye as default,
-  de as toDownloadAgingDetailedReportOptionsPayload
-};

package/dist/ApAgingDetailPage-DPW15Sk6.cjs

@@ -1,46 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),D=require("react"),s=require("@emotion/styled"),o=require("./index-BP5gPMlL.cjs"),q=require("./BusyIndication-DmFg_XmX.cjs"),L=require("./EntitySummarySection-CGD9XpMK.cjs"),R={wrapperContainerMarginTop:new o.ResponsiveSized(o.sp[4],o.sp[0]),wrapperContaineHorizontalrMargin:new o.ResponsiveSized(o.sp[0],o.sp[8])},B=s.div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  max-width: 99.9%;
-`,O=s.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Y=s.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.Space.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,H=s(o.SmallRegularSp)`
-  margin-top: ${o.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,J=s.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-`,U=s.div`
-  display: block;
-  background-color: ${e=>e.theme.colors.grey4};
-  height: calc(100vh - 178px);
-  margin-top: ${e=>R.wrapperContainerMarginTop.valuePx(e.windowSize)};
-`,W=s.div`
-  margin-left: ${e=>R.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>R.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
-  height: 100%;
-`;function K(e){const x=t.useTheme(),d=o.useWindowSizeContext(),y=o.appLocale.getLocalizedStrings().common,g=o.appLocale.getLocalizedStrings().reports.common,{apAgingDetail:a,downloadParams:r,reportDate:n,analytics:l,onReload:h,onBackClick:k,onColumnSortConfigChanged:C,updateDownloadStateHandler:f,onTransactionClick:b}=e,{authParams:j,downloadEndPoint:v,timezone:E}=r,{fetchState:p,invoices:_,apAgingDetailUIState:P,vendor:i,totalBalances:M}=a,{sortKey:w,sortOrder:S,downloadState:m}=P,[z,A]=D.useState(!1),I=o.appLocale.getLocalizedStrings(),N=I.reports.aging.agingDetail,T=D.useCallback((c,u)=>{a.vendor!=null&&l.trackApAgingDetailReportSortChange(c,u,n.format(I.dateFormat.analytics.YYYYDashMMDashDDFormat),a.vendor.id,a.vendor.name),C(c,u)},[l,a.vendor,n,C]);if(D.useEffect(()=>{async function c(){const u={companyName:r.companyName,sortKey:w,sortOrder:S,statementFileType:"excel",reportId:"accounts_payable_aging",entityId:i?.id??"",timezone:E,reportDate:n};await V(v,j,u),f("Completed"),a.vendor!=null&&l.trackApAgingDetailReportDownload(w,S,n.format(o.appLocale.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat),a.vendor.id,a.vendor.name)}z&&m!=="In-Progress"&&(A(!1),f("In-Progress"),c())},[l,a.vendor,j,v,r.companyName,m,z,n,w,S,E,f,i?.id]),p==="Error")return t.jsxRuntimeExports.jsxs(O,{children:[t.jsxRuntimeExports.jsx(Y,{onClick:h,children:t.jsxRuntimeExports.jsx(o.SvgReload,{})}),t.jsxRuntimeExports.jsx(H,{children:g.failed})]});if(p==="In-Progress"||p==="Not-Started")return t.jsxRuntimeExports.jsx(q.BusyIndication,{fetchState:p});const F=t.jsxRuntimeExports.jsx(o.DownloadButton,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:m==="In-Progress"}],onDownloadClick:async c=>{if(c==="excel")if(m==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}});return t.jsxRuntimeExports.jsxs(J,{children:[t.jsxRuntimeExports.jsx(o.NavBar,{title:y.strings.empty,backgroundColor:x.colors.grey5,onBackClick:k,rightSideComponent:F,source:"ApAgingDetailPage"}),t.jsxRuntimeExports.jsx(L.EntitySummarySection,{totalBalances:M,entityName:i?.name??"",entityLogo:i?.logo,reportId:"accounts_payable_aging",reportDate:n}),t.jsxRuntimeExports.jsx(U,{windowSize:d,children:t.jsxRuntimeExports.jsx(W,{windowSize:d,children:_.length===0||i==null?t.jsxRuntimeExports.jsx(o.NoListDataPage,{message:N.noDataText}):t.jsxRuntimeExports.jsx(B,{windowSize:d,children:t.jsxRuntimeExports.jsx(L.AgingDetailReportTable,{uiState:P,invoices:_,entityName:i.name,entityLogo:i.logo,onColumnSortConfigChanged:T,onTransactionClick:b})})})})]})}async function V(e,x,d){const y=`${e}?query=${encodeURIComponent(JSON.stringify($(d)))}`,g=o.appLocale.getLocalizedStrings(),a=g.reports.aging.apAging.apAging,r=g.download;try{const n=await o.fetchRequest({urlEndPoint:y,authParams:x,fileType:"excel"});if(n.ok){const l=o.getFileNameFromResponseHeaders(n.headers,r.defaultFileName),h=await n.arrayBuffer();t.fileDownload(h,l)}else console.error(`${r.errorMessages.fileDownloadError.replace("__feature__",a)} ${n.statusText}`)}catch(n){console.error(`${r.errorMessages.fileDownloadError.replace("__feature__",a)} ${JSON.stringify(n)}`)}}function $(e){return{statement_file_type:e.statementFileType,report_id:e.reportId,company_name:e.companyName,locale_id:o.appLocale.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,entity_id:e.entityId,report_date:e.reportDate,timezone:e.timezone}}exports.default=K;exports.toDownloadAgingDetailedReportOptionsPayload=$;

package/dist/AppBasePage-CgjI4lNr.js

@@ -1,120 +0,0 @@
-import { j as o } from "./vendor-.pnpm-BZbZ6JJC.js";
-import r from "@emotion/styled";
-import { useEffect as m } from "react";
-import { keyframes as g } from "@emotion/react";
-import { u as x, b as u, S as e, R as p, C as n, P as $, a as S, h as f, X as w, b5 as k } from "./index-Dig6AEZA.js";
-import { S as b } from "./clock-CJkylEKt.js";
-const d = {
-  maxWidth: new p(280, 322),
-  contentMaxWidth: new p(200, 250)
-}, j = g`
- 0% {
-   transform: translateX(100%)
- }
- 100% {
-   transform: translateX(0)
- }
-`, v = r.div`
-  position: fixed;
-  top: ${e.sp3};
-  right: ${e.sp3};
-  padding: ${e.sp3} ${e.sp4} ${e.sp3} ${e.sp4};
-  z-index: 1400;
-  box-sizing: initial;
-  padding: ${e.sp3} ${e.sp4};
-  max-width: ${(t) => d.maxWidth.valuePx(t.windowSize)};
-  background: ${(t) => t.theme.colors.black};
-  color: ${(t) => t.theme.colors.hero};
-  border-radius: 12px;
-  box-shadow: ${(t) => `${e.sp0} ${e.sp1} ${e.sp1} ${t.theme.colors.dropShadowNormal}`};
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-start;
-  animation: ${j} 0.4s;
-`, y = r(k)`
-  margin-top: 2px;
-  margin-right: 12px;
-  width: ${e.sp3};
-  height: ${e.sp3};
-  color: ${n.success};
-`, C = r(b)`
-  margin-top: 2px;
-  margin-right: 12px;
-  width: ${e.sp3};
-  height: ${e.sp3};
-  color: ${n.info};
-`, B = r(w)`
-  margin-top: 2px;
-  margin-right: 12px;
-  width: ${e.sp3};
-  height: ${e.sp3};
-  color: ${n.important};
-`, z = r(f)`
-  margin-top: 2px;
-  margin-right: 12px;
-  width: ${e.sp3};
-  height: ${e.sp3};
-  color: ${n.info};
-`, I = r.div``, W = r($)`
-  color: ${n.neutralGrey2Light};
-  word-break: break-word;
-  white-space: pre-line;
-`, R = r.div`
-  max-width: ${(t) => d.contentMaxWidth.valuePx(t.windowSize)};
-`, T = r.div`
-  margin-top: 3px;
-  margin-left: 12px;
-  width: ${e.sp3};
-  height: ${e.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: ${(t) => t.theme.colors.hero};
-  &:hover {
-    color: ${n.primaryDark};
-  }
-`, D = (t, c, s) => {
-  let a = S.getLocalizedStrings().common.snackBar[t][c];
-  return s?.forEach((i) => {
-    a = a.replace(i.variableName, i.variableValue);
-  }), a;
-}, M = ({ type: t }) => {
-  switch (t) {
-    case "success":
-      return /* @__PURE__ */ o.jsx(y, {});
-    case "info":
-      return /* @__PURE__ */ o.jsx(C, {});
-    case "error":
-    case "warning":
-      return /* @__PURE__ */ o.jsx(B, {});
-    case "notification":
-      return /* @__PURE__ */ o.jsx(z, {});
-    default:
-      return null;
-  }
-};
-function P(t) {
-  const c = x(), { message: s, messageType: l, showStatusIcon: a, onRemoveSnackbar: i } = t;
-  return m(() => {
-    const h = setTimeout(() => {
-      i();
-    }, 5e3);
-    return () => clearTimeout(h);
-  }, [s.section]), /* @__PURE__ */ o.jsxs(v, { windowSize: c, children: [
-    a === !0 ? /* @__PURE__ */ o.jsx(M, { type: l }) : null,
-    /* @__PURE__ */ o.jsx(R, { windowSize: c, children: /* @__PURE__ */ o.jsx(I, { children: /* @__PURE__ */ o.jsx(W, { children: D(
-      s.section,
-      s.text,
-      s.variables
-    ) }) }) }),
-    /* @__PURE__ */ o.jsx(T, { onClick: i, children: /* @__PURE__ */ o.jsx(u, {}) })
-  ] });
-}
-const H = (t) => /* @__PURE__ */ o.jsx(E, { isOnDashboard: t.isOnDashboard, children: t.showSnackbar === !0 ? /* @__PURE__ */ o.jsx(P, { ...t.snackbar }) : null }), E = r.div`
-  background-color: ${(t) => t.isOnDashboard ? t.theme.colors.background : "transparent"};
-`;
-export {
-  H as default
-};