@zeniai/web-cockpit-ui 1.15.28-qa → 1.15.29-dev

package/dist/assets/ReimbursementApprovalRuleDetailPage-DvhdOKpF-CVDUos0e.js

@@ -1,32 +0,0 @@
-import{y as W,u as L,e as G,J as M,F as U,a9 as J,aR as K,aK as X,cG as H,V as r,bD as Q,ac as Y,aS as Z,o as b,g8 as ee}from"./index-C35YWwTr.js";import{a as B}from"./sentry-DI6LfXHO.js";import{n as c}from"./mui-COCSnD7r.js";import{b as te,f as le,o as T,l as _}from"./FollowStepsSection-DxAp4i9T-B6mxQ3Lc.js";import"./liveblocks-C4z_hTA8.js";import"./core-CYUkP-6E.js";import"./recharts-CvCWgW5g.js";import"./zeni-epic-state-5EJXUnYj.js";import"./lottie-BbrvkSIN.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="46cf469d-65aa-41d6-9915-85b0d6909c26",e._sentryDebugIdIdentifier="sentry-dbid-46cf469d-65aa-41d6-9915-85b0d6909c26")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",ae={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const F=G(),A=M(),a=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,l==="approval_create"&&!t),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=K(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const z=y.handleSubmit(()=>{N()}),q=async(n,p)=>{g(p)};return B.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);H(()=>q(D,O))}});return()=>{n.unsubscribe()}}),B.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:z,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),T(e.allAttributes),T(e.filteredAttributes),o??[])??[],[C]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,de=c.div`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-height: 0;
-`,pe=c.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${b.sp2};
-`,ue=c.div`
-  display: flex;
-  justify-content: flex-start;
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,ce=c.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;export{ae as D,Re as default,k as uniqueFormName,Pe as uniqueName};

package/dist/assets/ReimbursementPromoPage-CYS1ZeFL-Be4rlaQk.js

@@ -1,84 +0,0 @@
-import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,ae as d,F,o as r,aq as me,R as ce,aU as V,am as pe,y as xe,p as z,cF as he,aV as ue,bb as ge,u as we}from"./index-C35YWwTr.js";import{a as j}from"./sentry-DI6LfXHO.js";import{n as s}from"./mui-COCSnD7r.js";import{FK as je,bT as be}from"./zeni-epic-state-5EJXUnYj.js";import{C as fe}from"./VideoPopup-_4nnxGFK-B_QD3yOZ.js";import{M as v}from"./usp-line-BBd1wKwW-BeW2Nl8c.js";import"./liveblocks-C4z_hTA8.js";import"./core-CYUkP-6E.js";import"./recharts-CvCWgW5g.js";import"./lottie-BbrvkSIN.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.js";import"./VideoPlayer-D5QP-myQ-DqpDb8dp.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="7563fadd-1740-45b5-8b06-5545cda35e98",i._sentryDebugIdIdentifier="sentry-dbid-7563fadd-1740-45b5-8b06-5545cda35e98")}catch{}})();const E="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=s.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-`,Se=s.div`
-  padding: ${i=>i.windowSize==="small"?`${r.sp0} ${r.sp3}`:`${r.sp0} ${r.sp8}`};
-  text-align: center;
-`,ke=s(ce)`
-  max-width: 648px;
-  margin: auto;
-  padding: ${r.sp7} ${r.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,ze=s(me)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${r.sp5} ${r.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,_=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${i=>ye.midContainerMarginBottom.valuePx(i.windowSize)};
-`,ve=s.div``,D=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,g=s.img``,H=s.div`
-  width: ${i=>i.windowSize==="small"?"auto":"376px"};
-  display: flex;
-  flex-direction: column;
-`,N=s.div`
-  width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-`,q=s.div`
-  margin-left: ${i=>i.windowSize==="small"?r.sp0:r.sp6};
-  margin-bottom: ${i=>i.windowSize==="small"?r.sp4:r.sp0};
-  background: ${i=>i.theme.colors.grey3};
-  border-radius: 12px;
-  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
-  padding: 15px;
-`,m=s.div`
-  border-radius: ${r.sp12};
-  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
-  padding: ${i=>i.windowSize==="small"?`${r.sp2} ${r.sp4} ${r.sp2} ${r.sp0}`:`${r.sp3} ${r.sp5} ${r.sp3} ${r.sp0}`};
-  background: ${i=>i.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${r.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,b=s(ge)`
-  color: ${i=>i.theme.colors.champion};
-`,f=s(ue)`
-  color: ${i=>i.theme.colors.champion};
-`,y=s(V)`
-  color: ${i=>i.theme.colors.champion};
-`,$=s(he)`
-  color: ${i=>i.theme.colors.champion};
-`,c=s.div``,p=s.div`
-  padding-left: ${r.sp3};
-`,L=s(V)`
-  margin: ${i=>i.windowSize==="small"?r.sp1:`auto ${r.sp5}`};
-  color: ${i=>i.theme.colors.grey1};
-`,O=s(v)`
-  color: ${z.graphColor16Dark};
-`,G=s(v)`
-  color: ${z.graphColor09Dark};
-`,J=s(v)`
-  color: ${z.success};
-`,M=s(pe)`
-  margin: ${r.sp3} auto;
-  max-width: 772px;
-  color: ${i=>i.theme.colors.hero};
-`,t=F.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=F.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsx(N,{windowSize:o,children:e.jsx(q,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(H,{windowSize:o,children:[e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.simplestText.bold}),e.jsx(y,{children:t.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.aiPoweredText.bold}),e.jsx(y,{children:t.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(J,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.multiLevelApprovalText.bold}),e.jsx(y,{children:t.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsxs(H,{windowSize:o,children:[e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.simplestText.bold}),e.jsx(b,{children:t.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.aiPoweredText.bold}),e.jsx(b,{children:t.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(J,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.multiLevelApprovalText.bold}),e.jsx(b,{children:t.multiLevelApprovalText.regular})]})]})]}),e.jsx(N,{windowSize:o,children:e.jsx(q,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},He=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:K,analytics:x,onSetupButtonClick:Q,onCreateNewRemiButtonClick:W,onBackClick:X,onSetupReimbursementSuccess:C,onClickMenuIcon:Y})=>{const P=ne(),[ee,ie]=j.useState(!1),[te,R]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,I=le(h?.fetchStatus.fetchState),se=je(P.loggedInUserRoleMap),w=be(P.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?t.employeeAcceptPromoText:t.employeePendingPromoText:t.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(fe,{onCancelClick:()=>{ie(!1)},videoUrl:K,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:T,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(de,{title:t.title,backgroundColor:re.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:A}):e.jsx(ke,{children:A}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:U&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:W,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.createTerms1,e.jsx(d,{href:t.terms.tosUrl,linkText:t.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),t.terms.terms2,e.jsx(d,{href:t.terms.privacyPolicyUrl,linkText:t.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),t.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:Q,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.setupTerms1,e.jsx(d,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(d,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(d,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(d,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,t.terms.terms3]})]})})]})]})};export{He as default};

package/dist/assets/RoleWithToolTip-BCeMfqCC-D3Eu5pj-.js

@@ -1,22 +0,0 @@
-import{eR as h,eS as b,V as s,bU as f,o as i,aQ as l,F as g,an as y,ai as p}from"./index-C35YWwTr.js";import{n}from"./mui-COCSnD7r.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="70c0b653-f0e7-4b81-b173-94b8509871e8",e._sentryDebugIdIdentifier="sentry-dbid-70c0b653-f0e7-4b81-b173-94b8509871e8")}catch{}})();const{hyphen:d}=g.getLocalizedStrings().common.strings,x=n.div``,m=n.div`
-  display: flex;
-  min-width: 192px;
-  justify-content: space-between;
-`,u=n(p)`
-  color: ${e=>e.theme.colors.hero};
-`,j=n(p)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,a=n.div`
-  display: flex;
-  align-items: center;
-`,w=n(y)`
-  border-radius: ${i.sp12};
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  display: flex;
-  height: 18px;
-  width: 18px;
-  align-items: center;
-  justify-content: center;
-  color: 1px solid ${e=>e.theme.colors.grey1};
-  margin-left: ${i.sp1};
-`,$=({roles:e})=>{let t=d,r=[];t=h(e),r=b(e);const c=()=>r.length>0?s.jsx(x,{children:r.map(o=>s.jsxs(m,{children:[s.jsx(u,{children:o[0]}),s.jsx(j,{children:o[1]})]},o.join(",")))}):s.jsx(s.Fragment,{children:d});return r.length>0?s.jsx(f,{enterDelay:600,"data-testid":l("roles-tooltip",t),title:c(),placement:"top-end",style:{marginLeft:i.sp1,padding:"6px 12px"},maxWidth:"264px",children:s.jsxs(a,{"data-testid":l("roles-label-wrapper",t),children:[t,s.jsx(w,{className:"roles-count-wrapper","data-testid":l("roles-count-wrapper",t),children:r.length})]})}):s.jsx(a,{"data-testid":l("roles-label-wrapper",t),children:t})};export{$ as T};