@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/SubscriptionPage-Tpj1RZco-CfI0x1AO.js

@@ -0,0 +1,282 @@
+import{j as t,K as ae,i as tt,F as Q,o as a,cp as Ue,x as W,aj as nt,bT as ot,cq as it,I as pe,a0 as re,n as ve,co as rt,a as at,c2 as st,cu as ge,l as qe,cv as lt,cw as ze,cx as Ee,c as dt,C as ct,k as Be,y as Pe,cy as pt,aK as mt,cz as ht,cA as ut,bK as $e,cB as yt,h as gt,O as fe,cR as _e,a7 as wt,cC as xt,S as ft,bX as Ct,$ as bt,b_ as Tt,q as St}from"./index-D9zAXs3-.js";import{n as m,b as g,w as kt,i as Ne}from"./vendor-Bs1fkIUX.js";import{$ as Re}from"./EmptySearchResults-CB9-FwYT-DCczU5qh.js";import{j as vt,h as It}from"./ReloadContainer-fx3kImdJ-D2lKf-Yd.js";import{b as $t,p as jt,T as At,K as Ot,_ as zt,o as me,n as Et,r as Pt,s as Nt}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{N as Rt}from"./NavHeader-9VET6uub-DBlTa1KF.js";import{_ as Lt}from"./liveblocks-C2xecagE.js";import{d as Dt,y as Vt,T as R,l as we}from"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import{s as Y}from"./getCockpitColor-YYDF6h1T-D0_aeMEA.js";import{s as Ht}from"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import{t as Wt}from"./note-DCtChU1T-DArfpxk4.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";const F=Q.getLocalizedStrings().cockpit.subscription.header,Z=[{key:"companyName",value:F.name,sortOrder:"ascending",width:new W(392,392),isThreadAllowed:!0},{key:"status",value:F.status,sortOrder:"ascending",width:new W(149,149),isThreadAllowed:!0},{key:"controller",value:F.controller,sortOrder:"ascending",width:new W(232,232),isThreadAllowed:!0},{key:"plans",value:F.plans,sortOrder:"ascending",width:new W(374,374),isThreadAllowed:!0},{key:"planLowerLimit",value:F.planLowerLimit,sortOrder:"ascending",width:new W(164,164),isThreadAllowed:!0},{key:"planHigherLimit",value:F.planHigherLimit,sortOrder:"ascending",width:new W(164,164),isThreadAllowed:!0},{key:"avg2MonthExpenses",value:F.avg2MonthExpenses,sortOrder:"ascending",width:new W(201,201),isThreadAllowed:!0},{key:"addons",value:F.addons,sortOrder:"ascending",width:new W(374,374),isThreadAllowed:!0},{key:"upgradeStatus",value:F.upgradeStatus,sortOrder:"ascending",width:new W(180,180),isThreadAllowed:!0},{key:"monthlyRecurringRevenue",value:F.monthlyRecurringRevenue,sortOrder:"ascending",width:new W(196,196),isThreadAllowed:!0}];Z.map(e=>e.key);function Kt({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:o}){const s=ae(),[d,c]=g.useState(ft(Z));g.useEffect(()=>{const r=[...d];for(const u of r)u.key===i.sortKey?u.sortOrder=i.sortOrder:u.sortOrder="ascending";c(r)},[i.sortKey,i.sortOrder]);const l=(r,u)=>{let x=u;i.sortKey===r&&(x=u==="ascending"?"descending":"ascending"),o(r,x)};return t.jsx(Ft,{height:Nt,children:d.map(r=>t.jsxs(Ut,{companyNameSticky:e&&r.key==="companyName",sortDataValue:i.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(Gt,{onClick:()=>l(qe.toSubscriptionSortKeyType(r.key),r.sortOrder),children:[t.jsx(fe,{children:r.value}),t.jsx(Bt,{sortDataValue:i.sortKey,headerdata:r,children:t.jsx(Ct,{width:12,height:12})})]}),t.jsx(_t,{windowSize:s,sortDataValue:i.sortKey,isVisible:i.sortKey===r.key&&r.key!=="status",children:t.jsx(qt,{onClick:()=>l("status","ascending")})})]},r.key))})}const Mt=kt.memo(Kt),Ft=m(bt)`
+  top: 0;
+  left: 0;
+  min-height: ${e=>e.height}px;
+  max-height: ${e=>e.height}px;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+  padding: ${a.sp4} 30px ${a.sp4} ${a.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,Ut=m.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+  left: ${a.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  box-sizing: border-box;
+  ${e=>e.companyNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
+  ${e=>e.actualDataValue==="companyName"?`padding-left: ${a.sp4}; flex: 1 1 auto`:`padding-left: ${a.sp0};`}
+  justify-content: flex-start;
+`,qt=m(Tt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+`,Bt=m.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,_t=m.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Gt=m.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Le=Q.getLocalizedStrings().cockpit.subscription,De=({plansAndAddonNames:e,rowIndex:i,isCollapsed:o,showCollapseToggle:s,onCollapseToggled:d,companyId:c,tenantId:l,onPlanOrAddOnClicked:r})=>{if(s===!0){const u=o?[...e]:[...e].splice(0,3),x=u.length-1;return t.jsx(t.Fragment,{children:u.map((y,S)=>t.jsx(Xt,{listItem:y,isCollapsed:o,rowIndex:i,onCollapseToggled:d,isLastItem:x===S,tenantId:l,companyId:c,onPlanOrAddOnClicked:r},`${y.name}_${S}`))})}else return t.jsx(t.Fragment,{children:e.map((u,x)=>t.jsx(Ge,{children:t.jsx(Ie,{listItem:u,tenantId:l,companyId:c,onPlanOrAddOnClicked:r})},`${u.name}_${x}`))})},Xt=({listItem:e,rowIndex:i,isCollapsed:o,isLastItem:s,onCollapseToggled:d,companyId:c,tenantId:l,onPlanOrAddOnClicked:r})=>t.jsx(Ge,{children:s?t.jsxs(Qt,{children:[t.jsxs("span",{className:o?"expand":"collapse",children:[t.jsx(Ie,{listItem:e,companyId:c,tenantId:l,onPlanOrAddOnClicked:r}),"..."]})," ",t.jsx(Yt,{onClick:()=>d?.(i),children:o?Le.lessBtnText:Le.moreBtnText})]}):t.jsx(Ie,{listItem:e,tenantId:l,companyId:c,onPlanOrAddOnClicked:r})}),Ie=({listItem:e,companyId:i,tenantId:o,onPlanOrAddOnClicked:s})=>t.jsx(Jt,{isCancelled:e.status==="cancelled",onClick:d=>{d.preventDefault(),o!=null&&s?.(i,o)},children:e.name}),Jt=m(fe)`
+  text-decoration: ${e=>e.isCancelled?"line-through":"unset"};
+  display: inline;
+  &:hover {
+    text-decoration: underline;
+    cursor: pointer;
+  }
+`,Yt=m(St)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.primary};
+`,Ge=m.li`
+  height: 18px;
+`,Qt=m.div`
+  display: flex;
+  align-items: baseline;
+  span {
+    max-width: 254px;
+    &.collapse {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: inline-block;
+    }
+    &.expand {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 324px;
+      display: inline-block;
+    }
+  }
+`,xe={listItemPadding:34,planAndAddonItemHeight:18},Xe=e=>({height:e.subscriptions.reduce((i,o)=>i+(o.addOns?.length??0),0)*xe.planAndAddonItemHeight+xe.listItemPadding,collapsedHeight:me}),Je=e=>({height:e.subscriptions.reduce((i,o)=>i+(o.plan!=null?1:0),0)*xe.planAndAddonItemHeight+xe.listItemPadding,collapsedHeight:me}),Zt=e=>{const i=Xe(e),o=Je(e);return i.height>o.height?i:o},Ve=(e,i)=>{switch(i){case"plans":{const o=Je(e);return o.height>o.collapsedHeight}case"addons":{const o=Xe(e);return o.height>o.collapsedHeight}}},en=Q.getLocalizedStrings(),{cockpit:{management:{placeholder:tn}},common:{strings:ce,due:nn}}=en,on=({companyView:e,allUsers:i,rowIndex:o,companyNameSticky:s,isCollapsed:d,totalHeight:c,addThreadRequestThreadId:l,targetElementFromNavigation:r,resetTargetElementFromNavigation:u,setNoteData:x,setElementRef:y,setAddThreadRequestThreadId:S,onCollapseToggled:L,onCompanyNameClicked:O,onPassportIconClicked:G,onPlanOrAddOnClicked:E,changeHandlers:U})=>{const[ee,X]=g.useState(null),k=ae(),se=e.primarySubscription?.subscription,q=e.primarySubscription?.summary,K=e.primarySubscription?.summary.summary.tenantId,{companyId:h,name:le}=e.company.company.companyInfo,Ce=an(q?.schema?.recommendedAction??[]),P=sn(e,i),te=`cockpit_${h}`,he="subscription.notes",{threads:be,isLoading:I}=rt({entityType:he,companyId:h},!1),{openThread:f,threads:T,addThread:D,removeThread:v,setOpenThread:$}=g.useContext(Ue),de=f!==null?T.get(f):null,C=f?.includes(h)===!0,J=f!=null&&T.get(f)==null&&C,ne=l!=null&&T.get(l)?.metadata.companyId===h,b={name:e.company.company.companyInfo.name,status:se?.subscription?.subscription?.status??{code:"",name:""},slabUpperLimit:se?.plan?.plan?.slabUpperLimit??{},slabLowerLimit:se?.plan?.plan?.slabLowerLimit??{},avg2MonthExpenses:q?.summary?.avg2MonthExpenses??{},totalDues:q?.summary?.totalDues??{},recommendedActionName:Ce[q?.summary?.recommendedActionCode??""]??"",recommendedActionCode:q?.summary?.recommendedActionCode??"",monthlyRecurringRevenue:q?.summary?.monthlyRecurringRevenue??{},...rn(e.subscriptions)},ue=at({mode:"all"}),je="companyData",Ze=(n,j)=>`${n}.${j}`,et=(n,j)=>{n===`${je}.controller`&&h!=null&&(j.users=ln(j,n).users,U(h,j))};g.useEffect(()=>{const n=ue.watch((j,{name:V})=>{V!=null&&j.companyData!=null&&st(()=>et(V,j.companyData))});return()=>{n.unsubscribe()}});const Ae=g.useCallback(()=>{f?.includes(ge)===!0&&v(f),l!=null&&S(void 0)},[l,f,v,S]),B=n=>t.jsx(yt,{isElementThreadOpen:n.isElementThreadOpen??!1,isElementThreadPresent:n.isElementThreadPresent??!1,itemKey:n.itemKey,elementThreadId:n.elementThreadId??"",roomId:te,addThreadRequestThreadId:l,openThreadId:f,threadStyle:n.threadStyle,openThreadMetadata:de?.metadata??null,onElementClick:N,onAddThreadClick:Oe,targetElement:r??ee}),ye=g.useCallback(n=>{if(n===f)$(null);else if(T.has(n))$(n);else if(n.includes(ge)){const[j,V]=n.replace(ge,"").split("."),A=Dt(lt(j),qe.toSubscriptionSortKeyType(V),h,le);D(n,{type:"thread",id:n,roomId:te,createdAt:new Date,updatedAt:new Date,comments:[],metadata:A,resolved:!1}),$(n)}},[h,le,f,T,D,$,te]),N=g.useCallback((n,j,V=!1)=>{const A=Z.find(oe=>oe.key===j);if(u(),A!=null&&(n.type==="contextmenu"||V===!0)){if(A.isThreadAllowed===!1)return;Ae(),n.preventDefault(),n.stopPropagation();const oe=ze({tab:"subscription",key:A.key});if(n.target instanceof HTMLElement||n.target instanceof SVGElement)if(V===!0&&n.target instanceof HTMLElement)X(n.target.parentElement);else if(n.target instanceof HTMLElement){const z=Vt(n.target,R);X(z||n.target)}else{const z=n.target.closest(`.${R}`);z instanceof HTMLElement&&X(z)}const w=[...Ee(T,{entityType:oe,companyId:h},"both")],ie=w.length>0&&w[0].length>0?w[0][0]:we("subscription",A.key,h);T.has(ie)?ye(ie):l===ie?S(void 0):(S(ie),$(null))}},[T,h,l,ye,S,$,u,Ae]),Oe=g.useCallback((n,j)=>{n.stopPropagation();const V=we("subscription",j,h);S(void 0),ye(V)},[h,S,ye]);return t.jsx(dt,{...ue,children:t.jsx("form",{style:{height:"100%"},children:t.jsx(ct,{onClickAway:()=>{u(),l!=null&&(S(void 0),l.includes(ge)&&v(l))},children:t.jsx(mn,{windowSize:k,isThreadOpen:C||ne,totalHeight:c,isCreationInProgress:J,children:Z.map((n,j)=>{const V=ze({tab:"subscription",key:n.key}),A=Z.length-2<=j,oe=[...Ee(T,{entityType:V,companyId:h},"both")],w=oe.length>0&&oe[0].length>0?oe[0][0]:we("subscription",n.key,h),ie=T.get(w),z=ie!=null&&ie.resolved===!1,H=w===f,M=l===w;switch(n.key){case"companyName":return t.jsxs(hn,{companyNameSticky:s,columnWidth:n.width,windowSize:k,isThreadOpen:H||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),ref:p=>{y(h,n.key,p)},children:[t.jsxs(cn,{children:[t.jsx(pn,{onClick:p=>{p.preventDefault(),O(e)},children:b.name}),t.jsx(pt,{isElementThreadOpen:H,targetElement:r??ee,roomId:te,openThreadId:f,openThreadMetadata:de?.metadata??null})]}),t.jsxs(un,{children:[t.jsxs(wn,{onClick:p=>{p.preventDefault(),x({roomId:te,companyId:h,companyName:le,entityType:he})},children:[t.jsx(mt,{count:be.length,isLoading:I}),t.jsx(fn,{})]}),t.jsx(yn,{onClick:p=>{p.preventDefault(),G(e)},children:t.jsx(gn,{className:"passportIcon"})})]}),t.jsx(ht,{isElementThreadPresent:z,itemKey:n.key,style:{left:a.sp4},onElementClick:N}),t.jsx(ut,{elementThreadId:we("subscription",n.key,h),addThreadRequestThreadId:l,itemKey:n.key,onAddThreadClick:Oe})]},w);case"status":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[b.status.code?t.jsx(Me,{textColor:Y(b.status.code),children:b.status.name.toUpperCase()}):ce.hyphen,B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"controller":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Ht,{name:Ze(je,"controller"),value:P.controller,placeholderLabel:tn.controller,pickerStyles:{titleTextStyle:Pe.standardRegular,multiValueLabelTitleStyle:Pe.standardRegular}}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"plans":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Ke,{children:b.plansWithStatus.length>0?t.jsx(De,{plansAndAddonNames:b.plansWithStatus,isCollapsed:d,rowIndex:o,onCollapseToggled:L,showCollapseToggle:Ve(e,"plans"),companyId:h,tenantId:K,onPlanOrAddOnClicked:E}):ce.hyphen}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"planLowerLimit":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Te,{widthWrapper:n.width,windowSize:k,textColor:Y("lowerLimit"),children:re("0,0",b.slabLowerLimit)}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"planHigherLimit":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Te,{widthWrapper:n.width,windowSize:k,textColor:Y("upperLimit"),children:re("0,0",b.slabUpperLimit)}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"avg2MonthExpenses":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Te,{widthWrapper:n.width,windowSize:k,textColor:Y("avg2MonthExpenses"),children:re("0,0",b.avg2MonthExpenses)}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"addons":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(Ke,{children:b.addonsWithStatus.length>0?t.jsx(De,{plansAndAddonNames:b.addonsWithStatus,isCollapsed:d,rowIndex:o,onCollapseToggled:L,showCollapseToggle:Ve(e,"addons"),companyId:h,tenantId:K,onPlanOrAddOnClicked:E}):ce.hyphen}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"upgradeStatus":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsx(We,{children:b.recommendedActionName?t.jsx(Me,{textColor:Y(b.recommendedActionCode),onClick:p=>{p.preventDefault(),K!=null&&b.recommendedActionCode==="upgrade"&&E(h,K)},code:b.recommendedActionCode,children:b.recommendedActionName}):ce.hyphen}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);case"monthlyRecurringRevenue":return t.jsxs(_,{ref:p=>{y(h,n.key,p)},columnWidth:n.width,windowSize:k,isThreadOpen:C||M,isThreadAllowed:n.isThreadAllowed,className:R,onContextMenu:p=>N(p,n.key),children:[t.jsxs(We,{children:[t.jsx(Be,{children:re("0,0",b.monthlyRecurringRevenue)}),b.totalDues.amount>0?t.jsx(xn,{children:re("0,0",b.totalDues).concat(ce.space).concat(nn)}):null]}),B({isElementThreadOpen:H,isElementThreadPresent:z,itemKey:n.key,elementThreadId:w,threadStyle:A?{right:a.sp0}:void 0})]},w);default:return null}})})})})})},rn=e=>{const i={plansWithStatus:[],addonsWithStatus:[]};return e.forEach(o=>{const s=o.plan?.plan.name??"",d=o.subscription.subscription.status.code;s!=null&&i.plansWithStatus.push({name:s,status:d}),o.addOns.forEach(c=>{i.addonsWithStatus.push({name:c.addOn.name,status:d})})}),i},an=e=>{const i={};return e.reduce((o,s)=>(o[s.code]=s.name,o),i)};function sn(e,i){return{controller:{allUsers:i,selectedUsers:e.controllers.map(o=>o.user)}}}function ln(e,i){const o={};o.users=[];const s=i.split(".")[1],{selectedUsers:d,deSelectedUsers:c}=e[s];return c==null||c?.length==0?d.forEach(l=>{if(l.isUserSelectionUpdated===!0){const r=He(s,l.userId,l.isRoleSelected);r!==void 0&&o.users?.push(r)}}):c.forEach(l=>{const r=He(s,l.userId,l.isRoleSelected);r!==void 0&&o.users?.push(r)}),{users:o.users}}function dn(e){return e==="controller"}function He(e,i,o){if(dn(e))return{isZeni:!0,role:e,userId:i,isSelected:o}}const cn=m.div``,pn=m(wt)`
+  word-break: break-word;
+  margin-right: 10px;
+  cursor: pointer;
+`,mn=m.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  display: flex;
+  padding: ${a.sp0} ${a.sp4} ${a.sp0} ${a.sp0};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  height: ${e=>`${e.totalHeight-ve[3]}px`};
+  position: relative;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+
+  ${e=>e.isThreadOpen?Ne`
+          box-shadow: ${a.sp0} 2px ${a.sp2}
+            ${e.theme.colors.dropShadowHover};
+          border: 1px solid ${e.theme.colors.primary};
+        `:null};
+
+  @keyframes animate {
+    0% {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+    100% {
+      border-color: ${e=>e.theme.colors.hero};
+    }
+    50% {
+      border-color: ${e=>e.theme.colors.grey2};
+    }
+    100% {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  ${e=>e.isCreationInProgress?Ne`
+          border: 1px solid ${e.theme.colors.primary};
+          animation: animate 3s linear infinite;
+        `:null};
+
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowHover}`};
+
+    .placeholder {
+      color: ${e=>e.theme.colors.primary};
+      fill: ${e=>e.theme.colors.primary};
+    }
+  }
+  background-color: ${e=>e.theme.colors.grey5};
+`,hn=m($e)`
+  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  left: 0;
+  padding: 9px ${a.sp6} 9px ${a.sp4};
+  position: ${e=>e.companyNameSticky?"sticky":"static"};
+  z-index: ${e=>e.isThreadOpen?5:4};
+  flex: 1 1 auto;
+  justify-content: space-between;
+  gap: ${a.sp3};
+  box-sizing: border-box;
+  border-bottom-left-radius: ${a.sp2};
+  border-top-left-radius: ${a.sp2};
+  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
+`,un=m.div`
+  height: 100%;
+  display: flex;
+  align-items: center;
+  gap: ${a.sp4};
+  box-sizing: border-box;
+`,We=m.div`
+  width: 100%;
+`,yn=m.div`
+  display: flex;
+  cursor: pointer;
+  height: ${a.sp4};
+  width: ${a.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ke=m(_e)`
+  width: 100%;
+  margin: 0;
+  padding: 0 0 0 12px;
+  box-sizing: border-box;
+`,gn=m(xt)`
+  height: ${a.sp4};
+  width: ${a.sp4};
+`,wn=m.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xn=m(fe)`
+  color: ${gt.important};
+`,Te=m(Be)`
+  width: ${e=>e.widthWrapper.valuePx(e.windowSize)};
+  color: ${e=>e.textColor.color.toString()};
+`,Me=m(fe)`
+  border: 1px solid ${e=>e.textColor.color.toString()};
+  color: ${e=>e.textColor.color.toString()};
+  background-color: ${e=>e.textColor.backgroundColor?.toString()};
+  padding: 1px 6px;
+  border-radius: ${a.sp1};
+  width: fit-content;
+  cursor: ${e=>e.code==="upgrade"?"pointer":"unset"};
+`,fn=m(Wt)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,_=m.div`
+  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  height: 100%;
+  justify-content: flex-start;
+  z-index: auto;
+  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
+  position: relative;
+`,Cn=({companyNameSticky:e,totalMRRAmount:i})=>{const o=ae(),s=Z;return t.jsxs(bn,{className:"totalMRR",children:[t.jsx(Tn,{companyNameSticky:e,width:s[0].width,windowSize:o}),t.jsx(Se,{width:s[1].width,windowSize:o}),t.jsx(Fe,{width:s[2].width,windowSize:o}),t.jsx(Sn,{width:s[3].width,windowSize:o}),t.jsx(ke,{width:s[4].width,textColor:Y("lowerLimit"),windowSize:o}),t.jsx(ke,{width:s[5].width,textColor:Y("upperLimit"),windowSize:o}),t.jsx(ke,{width:s[6].width,textColor:Y("avg2MonthExpenses"),windowSize:o}),t.jsx(Fe,{width:s[7].width,windowSize:o}),t.jsx(Se,{width:s[8].width,windowSize:o}),t.jsx(Se,{width:s[9].width,windowSize:o,children:t.jsx($e,{children:i})})]})},bn=m.div`
+  display: flex;
+  padding: 9px ${a.sp4} 9px ${a.sp0};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.primary};
+  border: none;
+  box-shadow: none;
+  height: 58px;
+`,Tn=m($e)`
+  width: ${e=>e.width.valuePx(e.windowSize)};
+  max-width: ${e=>e.width.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+  align-items: center;
+  left: 0;
+  padding: ${a.sp0} ${a.sp6} ${a.sp0} ${a.sp4};
+  position: ${e=>e.companyNameSticky?"sticky":"static"};
+  flex: 1 1 auto;
+  gap: ${a.sp3};
+  box-sizing: border-box;
+`,Se=m.div`
+  width: ${e=>e.width.valuePx(e.windowSize)};
+`,Sn=m(_e)`
+  width: ${e=>e.width.valuePx(e.windowSize)};
+  margin: 0;
+  padding: 0 0 0 5px;
+  box-sizing: border-box;
+`,Fe=m.div`
+  width: ${e=>e.width.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: center;
+`,ke=m.div`
+  width: ${e=>e.width.valuePx(e.windowSize)};
+  color: ${e=>e.textColor.color.toString()};
+`,kn={subscriptionRightPadding:new W(ve[3],ve[8])},{common:{headers:{comments:vn}},collaboration:{threads:{placeholder:{addANewComment:In,replyAComment:$n},tooltip:{resolveComment:jn,unResolveComment:An}}}}=Q.getLocalizedStrings(),On=({subscriptionView:e,onColumnSortConfigChanged:i,onCollapseToggled:o,onCompanyNameClicked:s,onPassportIconClicked:d,onPlanOrAddOnClicked:c,onScroll:l,changeHandlers:r})=>{const u=ae(),x=g.useRef(null),[y,S]=g.useState(null),L=g.useRef(null),[O,G]=g.useState(null),E=!(u==="small"||u==="medium-compact");g.useEffect(()=>{x.current&&x.current.resetAfterIndex(0)},[e.uiState.isCollapsedByCompanyId,e.uiState.sortKey,e.uiState.sortOrder,e.companies.length]);const{uiState:U,totalMonthlyRecurringRevenue:ee}=e,X=U.scrollYOffset??0,k=g.useCallback(I=>{const f=e.companies[I].company.company.companyInfo.companyId;o(f,!e.uiState.isCollapsedByCompanyId[f])},[o,e.companies,e.uiState.isCollapsedByCompanyId]),se=g.useCallback(I=>{const f=e.companies[I].company.company.companyInfo.name.length,T=e.companies[I].company.company.companyInfo.companyId,D=Zt(e.companies[I]);return e.uiState.isCollapsedByCompanyId[T]?D.height:f>Et?me+32:me},[e.companies,e.uiState.isCollapsedByCompanyId]),{setOpenThread:q,setRequestToOpenThread:K,requestToOpenThread:h}=g.useContext(Ue),[le,Ce]=g.useState(void 0),P=g.useRef([]),te=g.useMemo(()=>({makeCompanyNameSticky:E,uiState:U,totalMonthlyRecurringRevenue:ee,onColumnSortConfigChanged:i}),[E,U,ee,i]),he=g.useCallback((I,f,T)=>{const D=e.companies.findIndex($=>$.company.company.companyInfo.companyId===I),v=Z.findIndex($=>$.key===f);D!==-1&&v!==-1&&(P.current[D]==null?P.current[D]=[T]:P.current[D][v]=T)},[e.companies]),be=g.useCallback(()=>{L.current=null,K(null)},[K]);return g.useEffect(()=>{if(h!=null&&y!=null){const{companyId:I,entityType:f}=h,[T,D]=f.split("."),v=e.companies.findIndex(C=>C.company.company.companyInfo.companyId===I),$=Z.findIndex(C=>C.key===D);v!==-1&&!(y.visibleStartIndex<=v&&y.visibleStopIndex>=v)&&x.current?.scrollToItem(v,"center"),setTimeout(()=>{const C=P.current[v]?.[0]?.getBoundingClientRect().bottom,J=P.current[v]?.[0]?.getBoundingClientRect().top;if(C!=null&&J!=null&&(window.innerHeight>=C&&window.innerHeight>=J||J<0)){const ne=P.current[v][$];ne!=null&&(L.current={companyId:I,target:ne}),P.current[v][$]?.scrollIntoView({block:"center",behavior:"auto"})}},0);const de=setInterval(()=>{const C=P.current[v]?.[$]?.getBoundingClientRect().left,J=P.current[v]?.[$]?.getBoundingClientRect().right,ne=P.current[v]?.[$]?.offsetWidth;if(L.current?.companyId===I&&C!=null&&ne!=null&&J!=null&&(C<window.innerWidth-ne||J<window.innerWidth)){clearInterval(de);const b=h.threadId,ue=h.onThreadShownCallback;b&&(K(null),q(h.threadId),ue?.())}},500);setTimeout(()=>{clearInterval(de),K(null)},2e3)}},[h,y,q,K]),t.jsx(En,{children:t.jsxs(Ye.Provider,{value:te,children:[t.jsx(nt,{children:({height:I,width:f})=>t.jsx(ot,{height:I,innerElementType:Qe,itemCount:e.companies.length,itemSize:se,onItemsRendered:T=>S(T),itemData:{subscriptionView:e,makeCompanyNameSticky:E,addThreadRequestThreadId:le,targetElement:L.current?.target,resetTargetElementFromNavigation:be,setElementRef:he,setAddThreadRequestThreadId:Ce,onCompanyNameClicked:s,onPassportIconClicked:d,changeHandlers:r,setNoteData:G,onCollapseToggledHandler:k,onPlanOrAddOnClicked:c},width:f,overscanCount:Pt,ref:x,onScroll:({scrollOffset:T})=>{l(T)},initialScrollOffset:X,children:zn})}),O!=null?t.jsx(Lt,{id:O.roomId,children:t.jsx(it,{isDrawerOpen:!0,allowComposer:!0,autoExpand:!0,autoFocus:!1,drawerTitle:`${O.companyName} ${vn}`,filter:{application:"cockpit",companyId:O.companyId,entityType:O.entityType,isGlobalComment:!1,tab:"subscription"},isLoading:!1,threadMetadata:{companyName:O.companyName,companyId:O.companyId,entityId:O.companyId,entityType:O.entityType,isGlobalComment:!1,application:"cockpit",tab:"subscription",url:window.location.href},textOverrides:{composerPlaceholder:In,replyComposerPlaceholder:$n,threadResolve:jn,threadUnResolve:An},onThreadClick:I=>null,onCloseAllThreadsDrawer:()=>G(null)})}):null]})})},Ye=g.createContext(void 0),Qe=g.forwardRef((e,i)=>{const{children:o,style:s,...d}=e,{makeCompanyNameSticky:c,uiState:l,totalMonthlyRecurringRevenue:r,onColumnSortConfigChanged:u}=g.useContext(Ye);return t.jsxs(Pn,{ref:i,style:{...s,width:"auto"},...d,children:[t.jsx(Mt,{companyNameSticky:c,onColumnSortConfigChanged:u,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(Rn,{children:o}),t.jsx(Cn,{companyNameSticky:c,totalMRRAmount:re("0,0",r)})]})});Qe.displayName="Subscription list view inner element type";const zn=({index:e,data:i,style:o})=>{const s=ae(),{setNoteData:d,subscriptionView:c,makeCompanyNameSticky:l,addThreadRequestThreadId:r,targetElement:u,resetTargetElementFromNavigation:x,setElementRef:y,changeHandlers:S,onCompanyNameClicked:L,onPassportIconClicked:O,onPlanOrAddOnClicked:G,setAddThreadRequestThreadId:E,onCollapseToggledHandler:U}=i,ee=c.companies[e],{companyId:X}=ee.company.company.companyInfo,k=c.uiState.isCollapsedByCompanyId[X]===!0;return t.jsx(Nn,{isCollapsed:k,style:{...o,width:"fit-content",minWidth:"100%",padding:`${a.sp0} ${kn.subscriptionRightPadding.valuePx(s)} ${a.sp3} ${a.sp0}`},children:t.jsx(on,{companyView:c.companies[e],allUsers:c.zeniUsers.values,rowIndex:e,companyNameSticky:l,isCollapsed:k,onCollapseToggled:U,onCompanyNameClicked:L,onPassportIconClicked:O,onPlanOrAddOnClicked:G,changeHandlers:S,addThreadRequestThreadId:r,targetElementFromNavigation:u,resetTargetElementFromNavigation:x,setNoteData:d,setElementRef:y,setAddThreadRequestThreadId:E,totalHeight:typeof o.height=="number"?o.height:me})},X)},En=m.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: calc(100vh - 110px);
+  max-width: 99.9%;
+`,Pn=m.div``,Nn=m.div`
+  top: ${a.sp0};
+  left: ${a.sp0};
+  padding-bottom: ${a.sp3};
+  box-sizing: border-box;
+  transition: ${e=>e.isCollapsed?"height 200ms ease-out":"height 100ms ease-in"};
+`,Rn=m.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Ln=(e,i)=>{const{noteLastUpdatedUserId:o,noteLastUpdateTime:s,note:d,...c}=e,{noteLastUpdatedUserId:l,noteLastUpdateTime:r,note:u,...x}=i;return pe(c,x)&&pe(d,u)},Dn=(e,i)=>pe(e,i),Vn=(e,i)=>{if(e.subscriptionView.companies.length!=i.subscriptionView.companies.length)return!1;let o=!0;for(let s=0;s<e.subscriptionView.companies.length;++s){const d=e.subscriptionView.companies[s],c=i.subscriptionView.companies[s],l=d.primarySubscription?.summary.summary,r=c.primarySubscription?.summary.summary;if(l!=null&&r!=null&&(o=Ln(l,r)),o){const u=d.subscriptions,x=c.subscriptions;if(u.length!=x.length)return!1;for(let y=0;y<u.length&&(o=Dn(u[s],x[s]),!!o);y++);}if(!o)break}return o=o&&pe(e.subscriptionView.zeniUsers.values,i.subscriptionView.zeniUsers.values),o=o&&e.subscriptionView.uiState.sortKey===i.subscriptionView.uiState.sortKey&&e.subscriptionView.uiState.sortOrder===i.subscriptionView.uiState.sortOrder&&pe(e.subscriptionView.uiState.isCollapsedByCompanyId,i.subscriptionView.uiState.isCollapsedByCompanyId),o},Hn=g.memo(On,Vn),Wn=m.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Kn=m.div`
+  height: calc(100% - 75px);
+  padding: ${e=>`${a.sp0} ${a.sp0} ${a.sp0} ${It.cockpitLeftPadding.valuePx(e.windowSize)}`};
+`,Mn=m.div`
+  height: calc(100vh - 45px);
+  overflow-y: hidden;
+  background-color: ${e=>e.theme.colors.grey4};
+`,uo=({headerData:e,headerActions:i,subscriptionPageActions:o,subscriptionPageData:s})=>{const{subscriptionView:d}=s,{onColumnSortConfigChanged:c,changeHandlers:l,onScroll:r,onCompanyNameClicked:u,onPassportIconClicked:x,onCockpitReloadData:y,onPlanOrAddOnClicked:S,onCollapseToggled:L,onFiltersChange:O}=o,G=d.uiState.filterText,E=d.uiState.filters,U=d.fetchState==="Completed"&&d.zeniUsers.fetchState==="Completed";return i.filterActions&&(i.filterActions.getCategoryWiseOptions=()=>Un(d)),t.jsxs(Mn,{children:[t.jsx(Rt,{headerActions:{...i},headerData:{...e,filterData:{filters:E,filterText:G},companiesLoaded:U,allTabOptions:$t,selectedTabOption:"subscription"}}),t.jsx(Fn,{subscriptionView:d,onColumnSortConfigChanged:c,changeHandlers:l,onScroll:r,isFilterApplied:E?.categories!=null,onCockpitReloadData:y,onCompanyNameClicked:u,onPassportIconClicked:x,onPlanOrAddOnClicked:S,onCollapseToggled:L,onClearFilter:()=>O("subscription",{})})]})},Fn=({subscriptionView:e,isFilterApplied:i,onColumnSortConfigChanged:o,onCollapseToggled:s,onCockpitReloadData:d,changeHandlers:c,onScroll:l,onPlanOrAddOnClicked:r,onCompanyNameClicked:u,onPassportIconClicked:x,onClearFilter:y})=>{const S=ae();return e.fetchState==="Error"?t.jsx(vt,{onCockpitReloadData:d,selectedCockpitOption:"subscription"}):e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(Wn,{children:t.jsx(tt,{size:"ExtraLarge",start:!0})}):e.companies.length===0?i?t.jsx(Re,{emptySearchTextFirstLine:Q.getLocalizedStrings().cockpit.emptySearchOnFilters,emptySearchTextSecondLine:Q.getLocalizedStrings().cockpit.emptySearchTextSecondLine,filtersApplied:!0,onClearFilter:y}):t.jsx(Re,{emptySearchTextFirstLine:Q.getLocalizedStrings().cockpit.emptySearchTextFirstLine,emptySearchTextSecondLine:Q.getLocalizedStrings().cockpit.emptySearchTextSecondLine}):t.jsx(Kn,{windowSize:S,children:t.jsx(Hn,{subscriptionView:e,onCollapseToggled:s,onColumnSortConfigChanged:o,onScroll:l,onCompanyNameClicked:u,onPassportIconClicked:x,onPlanOrAddOnClicked:r,changeHandlers:c})})},Un=e=>{const i=e.zeniUsers.values,o=jt,{companies:s}=e;return o.reduce((d,c)=>{switch(c.value){case"statusCode":return s.length===0?{...d,[c.value]:[]}:{...d,[c.value]:s[0].primarySubscription?.subscription.subscription.schema.status.map(l=>{const r=l;return{label:r.name,value:r.code}})};case"controllerUserIds":{if(s.length===0)return{...d,[c.value]:[]};const l=i.map(r=>({label:r.firstName||r.lastName?`${r.firstName} ${r.lastName}`:r.email,value:r.userId,photo:r.photo,email:r.email}));return{...d,[c.value]:l}}case"recommendedActionCode":return s.length===0?{...d,[c.value]:[]}:{...d,[c.value]:s[0].primarySubscription?.summary.schema.recommendedAction.map(l=>{const r=l;return{label:r.name,value:r.code}})};case"monthlyRecurringRevenue":return{...d,[c.value]:zt};case"subscriptionPlans":return{...d,[c.value]:e.subscriptionPlans.map(l=>({label:l.name,value:l.subscriptionPlanId}))};case"subscriptionAddOns":return{...d,[c.value]:e.subscriptionAddOns.map(l=>({label:l.name,value:l.subscriptionAddOnId}))};case"avg2MonthExpenses":return{...d,[c.value]:Ot};case"slabLowerLimit":case"slabUpperLimit":return{...d,[c.value]:At};default:return{...d,[c.value]:[]}}},{})};export{uo as default,Un as getFilterCategoryValuesForSubscriptionTab};

package/dist/assets/SubscriptionSnackBar-CwdSE1Xz-BYx3vQ0D.js

@@ -0,0 +1,57 @@
+import{K as $,j as t,a3 as w,o as e,x as p,h as n,a6 as g,aD as f,F as m,cg as j}from"./index-D9zAXs3-.js";import{b as S,n as o,k as b}from"./vendor-Bs1fkIUX.js";import{t as k}from"./tick-round-CPC394H5-C8roQJBa.js";const h={maxWidth:new p(280,322),contentMaxWidth:new p(200,250)},y=b`
+ 0% {
+   transform: translateX(100%)
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,z=o.div`
+  position: fixed;
+  top: ${e.sp3};
+  right: ${e.sp3};
+  z-index: 1400;
+  box-sizing: initial;
+  padding: ${e.sp3} ${e.sp4};
+  max-width: ${s=>h.maxWidth.valuePx(s.windowSize)};
+  background: ${s=>s.theme.colors.black};
+  border-radius: 12px;
+  box-shadow: ${s=>`${e.sp0} ${e.sp1} ${e.sp1} ${s.theme.colors.dropShadowNormal}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  animation: ${y} 0.4s;
+`,v=o(k)`
+  margin-top: 2px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.success};
+`,E=o(j)`
+  margin-top: 2px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.important};
+`,T=o.div`
+  margin-top: ${e.sp1};
+`,x=o(g)`
+  color: ${n.neutralGrey2Light};
+  word-break: break-word;
+`,l=o.div`
+  max-width: ${s=>h.contentMaxWidth.valuePx(s.windowSize)};
+  margin: ${e.sp0} 12px;
+`,M=o(f)`
+  color: ${s=>s.isSuccess?n.success:n.important};
+`,U=o.div`
+  margin-top: ${e.sp1};
+  width: ${e.sp3};
+  height: ${e.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  cursor: pointer;
+  color: ${s=>s.theme.colors.hero};
+  &:hover {
+    color: ${n.primaryDark};
+  }
+`,W=s=>{const r=m.getLocalizedStrings().subscriptionUpdate.snackBar;return s==="Error"?r.failedText:r.successText},B=(s,r)=>{const i=m.getLocalizedStrings().subscriptionUpdate.snackBar;return r===!0?s==="Error"?i.errorUpdate:i.successUpdate:s==="Error"?i.errorAdd:i.successAdd},C=({isSuccess:s})=>s?t.jsx(v,{}):t.jsx(E,{});function A(s){const r=$(),{fetchState:i,isUpdate:u=!0,customMessageText:a,onRemoveSnackbar:c}=s;S.useEffect(()=>{setTimeout(c,5e3)});const d=i==="Completed";return t.jsxs(z,{windowSize:r,children:[t.jsx(C,{isSuccess:d,isCustomMessage:!!a}),a?t.jsx(l,{windowSize:r,children:t.jsx(x,{children:a})}):t.jsxs(l,{windowSize:r,children:[t.jsx(M,{isSuccess:d,children:B(i,u)}),t.jsx(T,{children:t.jsx(x,{children:W(i)})})]}),t.jsx(U,{onClick:c,children:t.jsx(w,{})})]})}export{A as X};

package/dist/assets/SubscriptionSummaryPage-Dep_cm58-D3JscAEe.js

@@ -0,0 +1,176 @@
+import{u as P,K as j,a2 as M,F as v,j as t,aW as U,x as s,a4 as A,o,y as W,bE as L,ch as V,a0 as B,V as H,Q as I,k as E,f4 as K,a8 as z,n as a,$ as R,cF as O}from"./index-D9zAXs3-.js";import{b as k,n as l}from"./vendor-Bs1fkIUX.js";import{X}from"./SubscriptionSnackBar-CwdSE1Xz-BYx3vQ0D.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./tick-round-CPC394H5-C8roQJBa.js";const g={width:new s(343,580,726),paddingTopBottom:new s(a[3],a[3]),marginRight:new s(a[2],a[2]),labelMarginLeft:new s(a[3],a[4]),labelMarginRight:new s(a[3],a[4]),fontSize:new s(W.largeMedium.fontSizeValue,W.h6Regular.fontSizeValue),lineHeight:new s(27,30)};function $({labelText:e,width:c,colorStyle:r,amount:u,size:d}){const i=P(),n=j(),h={fontWeight:d==="medium"||d==="responsiveLarge"?L.medium:L.regular,fontSize:d==="responsiveLarge"?g.fontSize.value(n):W.standardRegular.fontSizeValue,lineHeight:d==="responsiveLarge"?g.lineHeight.valuePx(n):o.sp4,backgroundColor:r?.backgroundColor??i.colors.grey3,color:r?.color??i.colors.primary,marginLeft:g.labelMarginLeft.value(n),marginRight:g.labelMarginRight.value(n),width:c??"auto",display:"flex",alignItems:"center"};return t.jsx(Q,{size:n,backgroundColor:h.backgroundColor,children:t.jsxs(J,{children:[t.jsx(V,{label:e,style:h}),t.jsx(Y,{labelWidth:c,children:t.jsx(N,{style:{backgroundColor:h.backgroundColor,fontWeight:h.fontWeight,fontSize:h.fontSize,lineHeight:h.lineHeight},children:B("0,0.00",u)})})]})})}const J=l.div`
+  display: flex;
+  width: 100%;
+`,N=l(E)`
+  display: flex;
+  border-width: ${o.sp0};
+  outline-width: ${o.sp0};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp1};
+  text-align: right;
+  padding: 0 ${o.sp3};
+  justify-content: flex-end;
+
+  flex-grow: 1;
+  width: "-webkit-fill-available";
+  cursor: inherit;
+  align-items: center;
+`,Q=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.backgroundColor};
+  width: ${e=>g.width.valuePx(e.size)};
+  padding-right: ${e=>g.marginRight.valuePx(e.size)};
+  padding-top: ${e=>g.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>g.paddingTopBottom.valuePx(e.size)};
+  border-radius: ${o.sp1};
+`,Y=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth})`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,T={lineClamp:new s(2,1)};function Z({label:e,htmlFor:c,style:r,topSubtext:u,bottomSubtext:d}){const i=j();return t.jsxs(_,{children:[u!=null&&t.jsx(q,{style:r,children:u}),t.jsx(ee,{style:r,htmlFor:c,size:i,children:e}),d!=null&&t.jsx(G,{style:r,children:d})]})}const _=l.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,q=l(R)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp1};
+`,G=l(R)`
+  color: ${e=>e.theme.colors.champion};
+`,ee=l(O)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>T.lineClamp.value(e.size)}; /* number of lines to show */
+  line-clamp: ${e=>T.lineClamp.value(e.size)};
+  -webkit-box-orient: vertical;
+`,x={width:new s(343,580,726),height:new s(a[6],a[6]),paddingTopBottom:new s(a[3],a[3]),marginRight:new s(a[2],a[2]),labelMarginLeft:new s(a[3],a[4]),labelMarginRight:new s(a[3],a[4])},te=(e,c)=>c.find(r=>r.code===e);function C({fields:e,schema:c,width:r,style:u,topSubtext:d}){const i=j(),n=P(),h={marginLeft:x.labelMarginLeft.value(i),marginRight:x.labelMarginRight.value(i),width:r??"auto"};return t.jsxs(ne,{size:i,style:u,children:[t.jsx(re,{style:h,children:d}),e.map((m,f)=>{const w=te(m.changeStatus,c)?.name;return t.jsxs(ie,{children:[t.jsxs(ae,{children:[t.jsx(Z,{label:m.description,bottomSubtext:m.detailDescription,style:h}),t.jsxs(de,{labelWidth:r,size:i,children:[w!=null&&t.jsx(oe,{children:t.jsx(K,{tagTitle:w,textColor:{color:new z(n.colors.grey1),borderColor:new z(n.colors.grey2),backgroundColor:new z(n.colors.grey5)},style:{padding:0}})}),i==="small"&&t.jsx(ce,{}),t.jsx(le,{children:B("0,0.00",m.amount)})]})]}),f!==e.length-1&&t.jsx(se,{})]},f)})]})}const ie=l.div`
+  width: 100%;
+`,oe=l.div`
+  width: 60px;
+  padding: ${o.sp0} ${o.sp3};
+`,le=l(E)`
+  display: flex;
+  border-width: ${o.sp0};
+  outline-width: ${o.sp0};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp1};
+  text-align: right;
+  padding: 0 ${o.sp3};
+  justify-content: flex-end;
+  flex-grow: 1;
+  cursor: inherit;
+`,ae=l.div`
+  display: flex;
+  width: 100%;
+`,se=l.div`
+  height: ${o.sp3};
+`,re=l(R)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp1};
+`,ne=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>x.width.valuePx(e.size)};
+  min-height: ${e=>x.height.valuePx(e.size)};
+  padding-right: ${e=>x.marginRight.valuePx(e.size)};
+  padding-top: ${e=>x.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>x.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.grey3};
+    input {
+      background-color: ${e=>e.theme.colors.grey5};
+    }
+  }
+`,de=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+  height: fit-content;
+  flex-direction: ${e=>e.size==="small"?"column-reverse":"row"};
+`,ce=l.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${o.sp1};
+  max-height: ${o.sp1};
+`,D={labelWidth:new s(183,350,444),descriptionWidth:new s(343,580,726),descriptionMarginBottom:new s(12,a[3])},ue={title:new H("standardRegular","largeRegular")};function he({subscriptionEstimateData:e,style:c}){const r=j(),u=D.labelWidth.value(r),d=v.getLocalizedStrings().subscriptionUpdate.planUpdateSummaryDetail,{estimateDetails:i}=e;return t.jsxs(me,{style:c,children:[t.jsx(ge,{windowSize:r,children:d.summary}),t.jsx(xe,{windowSize:r,children:i?.description}),t.jsxs(pe,{children:[i?.planEstimate!=null&&i?.planEstimate.detailDescription!=null?t.jsxs(t.Fragment,{children:[t.jsx(C,{width:u,topSubtext:v.getLocalizedStrings().subscriptionUpdate.planUpdateSummaryDetail.plan,fields:[i?.planEstimate],schema:i.schema.changeStatus}),t.jsx(F,{})]}):null,i?.addOnsEstimate!=null&&i?.addOnsEstimate.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(C,{width:u,topSubtext:v.getLocalizedStrings().subscriptionUpdate.planUpdateSummaryDetail.recurringAddons,fields:i?.addOnsEstimate,schema:i.schema.changeStatus}),t.jsx(F,{})]}),i?.couponsEstimate!=null&&i?.couponsEstimate.length>0&&t.jsx(C,{width:u,topSubtext:v.getLocalizedStrings().subscriptionUpdate.planUpdateSummaryDetail.coupon,fields:i?.couponsEstimate,schema:i.schema.changeStatus})]})]})}const me=l.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp4};
+`,pe=l.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,ge=l(I)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ue.title.style(e.windowSize)}`};
+`,xe=l(E)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>D.descriptionMarginBottom.valuePx(e.windowSize)};
+  width: ${e=>D.descriptionWidth.valuePx(e.windowSize)};
+`,F=l.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Pe=({subscriptionEstimateData:e,onBackClick:c,onCancelClick:r,onConfirmClick:u,onConfirmSuccess:d})=>{const i=P(),n=j(),h=k.useRef(null),[m,f]=k.useState(void 0),w=M(e.updateStatus.fetchState);k.useEffect(()=>{w==="In-Progress"&&(e.updateStatus.fetchState==="Error"?m!==e.updateStatus.fetchState&&f(e.updateStatus.fetchState):e.updateStatus.fetchState==="Completed"&&(f(void 0),d()))},[m,w,e.updateStatus.fetchState,d]);const{planUpdateSummaryDetail:p}=v.getLocalizedStrings().subscriptionUpdate;return t.jsxs(fe,{children:[t.jsx(U,{title:p.title,backgroundColor:i.colors.grey4,style:{zIndex:3},onBackClick:c,scrollableContent:h,source:"SubscriptionSummaryPage"}),m!=null?t.jsx(X,{isUpdate:e.type==="subscription_update",fetchState:m,onRemoveSnackbar:()=>f(void 0)}):null,t.jsxs(be,{ref:h,windowSize:n,children:[t.jsx(he,{subscriptionEstimateData:e}),e.estimateDetails?.subTotalAmount.amount!==e.estimateDetails?.totalAmount.amount&&t.jsxs(y,{children:[t.jsx($,{width:b.amountFieldWidth.valuePx(n),labelText:p.subtotal,size:"medium",amount:e.estimateDetails?.subTotalAmount}),t.jsx(S,{})]}),e.estimateDetails?.promotionalCredits.amount!==0&&t.jsxs(y,{children:[t.jsx($,{width:b.amountFieldWidth.valuePx(n),labelText:p.promotionalCredits,amount:e.estimateDetails?.promotionalCredits}),t.jsx(S,{})]}),e.estimateDetails?.appliedCredits.amount!==0&&t.jsxs(y,{children:[t.jsx($,{width:b.amountFieldWidth.valuePx(n),labelText:p.appliedCredits,amount:e.estimateDetails?.appliedCredits}),t.jsx(S,{})]}),t.jsxs(y,{children:[t.jsx($,{width:b.amountFieldWidth.valuePx(n),labelText:p.total,size:"responsiveLarge",amount:e.estimateDetails?.totalAmount}),t.jsx(S,{})]}),t.jsxs(y,{children:[t.jsx($,{width:b.amountFieldWidth.valuePx(n),labelText:p.balanceDue,colorStyle:{backgroundColor:i.colors.grey4,color:i.colors.hero},amount:e.estimateDetails?.dueAmount}),t.jsx(S,{height:"1px",backgroundColor:i.colors.grey3})]})]}),t.jsx(A,{primaryBtn:{label:p.confirm,isLoading:e.updateStatus.fetchState==="In-Progress",onClick:u},cancelBtn:{label:p.cancel,onClick:r}})]})},y=l.div`
+  display: flex;
+  flex-direction: column;
+`,b={sectionWidth:new s(343,580,726),amountFieldWidth:new s(343,580,726)},be=l.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: 100%;
+  overflow-y: auto;
+  padding-left: ${e=>`calc((100% - ${b.sectionWidth.valuePx(e.windowSize)})/2)`};
+  padding-right: ${e=>`calc((100% - ${b.sectionWidth.valuePx(e.windowSize)})/2)`};
+  padding-top: ${o.sp5};
+  padding-bottom: ${o.sp7};
+  align-content: flex-start;
+`,fe=l.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,S=l.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.backgroundColor??e.theme.colors.grey4};
+  min-height: ${e=>e.height??"2px"};
+  max-height: ${e=>e.height??"2px"};
+`;export{Pe as default};