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

package/dist/assets/{SubTabSwitcher-D33kV-tw-BTeEHhHa.js → SubTabSwitcher-BedfItte-C-XhL99Y.js}

@@ -1,16 +1,16 @@
-import{j as r,m as u,o as s,d as g,ae as m}from"./index-CyJdCOlu.js";import{n as i,j as a}from"./vendor-CnQcJ2Lu.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs(x,{style:d,hasRightComponent:h,children:[r.jsx($,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return r.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[r.jsx(y,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const x=i.div`
+import{j as i,i as u,o as s,$ as g,ae as m}from"./index-D9zAXs3-.js";import{n as r,i as a}from"./vendor-Bs1fkIUX.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return i.jsxs($,{style:d,hasRightComponent:h,children:[i.jsx(x,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return i.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[i.jsx(y,{children:t.label}),t.countDetails?.count!=null?i.jsx(j,{children:i.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:i.jsx(D,{children:t.countDetails.isFetching?i.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const $=r.div`
   display: flex;
   flex-direction: row;
   justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
   align-items: center;
   padding: ${s.sp3} ${s.sp0};
   gap: ${s.sp3};
-`,$=i.div`
+`,x=r.div`
   display: flex;
   position: relative;
   gap: ${s.sp3};
   overflow: auto;
-`,y=i.div``,b=i(g)`
+`,y=r.div``,b=r(g)`
   height: ${s.sp5};
   padding: ${s.sp0} 12px;
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
@@ -31,7 +31,7 @@ import{j as r,m as u,o as s,d as g,ae as m}from"./index-CyJdCOlu.js";import{n as
     color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
     background-color: ${e=>e.isDisabled?e.isSelected?e.theme.colors.grey3:"transparent":e.theme.colors.grey3};
   }
-`,f=i.div`
+`,f=r.div`
   ${e=>e.isCircular?a`
           height: ${s.sp3};
           width: ${s.sp3};
@@ -43,12 +43,12 @@ import{j as r,m as u,o as s,d as g,ae as m}from"./index-CyJdCOlu.js";import{n as
         `}
   background-color: transparent;
   border-radius: inherit;
-`,j=i.div`
+`,j=r.div`
   border: 1px solid;
   border-color: inherit;
   border-radius: ${s.sp12};
   padding: 2px;
-`,D=i(m)`
+`,D=r(m)`
   height: 100%;
   width: 100%;
   display: flex;

package/dist/assets/SubscriptionAddPlanPage-Bn4CUx_v-BcoEoxy8.js

@@ -0,0 +1,59 @@
+import{K as E,u as Q,a2 as R,a as Y,c2 as Z,F as C,j as t,aW as H,i as ee,c as te,o as a,c3 as ie,a4 as se,x as P,a0 as B,cL as oe,ca as le,l as ae,ah as ne,I as y,ao as de,k as re}from"./index-D9zAXs3-.js";import{b as x,n as c}from"./vendor-Bs1fkIUX.js";import{X as ce}from"./SubscriptionSnackBar-CwdSE1Xz-BYx3vQ0D.js";import{b as z,c as K,g as T,L as pe,t as M,a as ue}from"./SubscriptionUpdatePlanPage-5_wWKxme-CSTH4683.js";import{f as be}from"./LabeledItemWithButton-CNlRAl-1-D8RdmCNz.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 N={labelWidth:new P(115,145,155),mediumLabelWidth:new P(140,160,170),largeLabelWidth:new P(160,210,210)};function me({sectionId:e,isDisabled:i,subscriptionCreateData:l,subscriptionMetaDetails:d,recommendedSubscriptionPlanId:o,style:m}){const v=E(),O=C.getLocalizedStrings().subscriptionUpdate,{dropDowns:L,dateFormat:{visual:F}}=C.getLocalizedStrings(),{labels:h,placeholders:p}=O.dropDowns,u=N.labelWidth.value(v),$=N.mediumLabelWidth.value(v),f=N.largeLabelWidth.value(v),{plans:n,addOns:g,coupons:w}=d;return t.jsx(he,{style:m,children:t.jsxs(fe,{children:[t.jsx(pe,{label:{label:h.planName,width:$},isDisabled:i,groupedSingleSelectField:{name:I(e,"subscriptionPlan"),placeholder:p.selectPlan,valueToInfo:s=>{const r=n.find(b=>b.subscriptionPlanId===s);return B("0,0.00",r?.price)},defaultValue:{selectedOption:l?.subscriptionPlanId,allOptions:T(n,o)},registerOptions:{required:!0,validate:s=>s!=null&&s.selectedOption!=null||i!=null}},valueToAdditionalLabel:s=>{const r=n.find(b=>b.subscriptionPlanId===s);return M(r?.price,r?.period)??""}}),t.jsx(D,{}),t.jsx(ue,{label:{label:h.recurringAddOns,width:u},isDisabled:i,singleSelectPickerField:{name:I(e,"recurringAddOns"),placeholder:p.selectAddOn,valueToInfo:s=>{const r=g.find(b=>b.subscriptionAddOnId===s);return B("0,0.00",r?.price)}},valueToAdditionalLabel:s=>{const r=g.find(b=>b.subscriptionAddOnId===s);return M(r?.price,r?.period)??""},defaultValues:l?.subscriptionAddOnIds??[],allOptions:g.map(s=>({label:s.name,value:s.subscriptionAddOnId}))}),t.jsx(D,{}),t.jsx(be,{isDisabled:"readonly",label:{label:h.nonRecurringAddOns,width:f},style:{opacity:.32},button:{buttonTitle:L.add,style:{pointerEvents:"none"}}}),t.jsx(D,{}),t.jsx(oe,{isDisabled:i,label:{label:h.coupon,width:u},singleSelectPickerField:{name:I(e,"coupon"),placeholder:p.selectCoupon,defaultValue:{selectedOption:l?.subscriptionCouponIds[0],allOptions:w.map(s=>({label:s.name,value:s.subscriptionCouponId}))}}}),t.jsx(D,{}),t.jsx(le,{isDisabled:i,label:{label:h.startDate,width:u},dateField:{name:I(e,"planStartDate"),placeholder:p.selectStartDate,defaultValue:l?.startDate,dateFormat:F.defaultInput,minDate:ae.dateNow(),autoComplete:"off"}})]})})}const I=(e,i)=>`${e}.${i}`,he=c.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${a.sp3};
+  padding-bottom: ${a.sp9};
+`,fe=c.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+`,D=c.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,xe={width:new P(343,580,726)};function ge({isDisabled:e,sectionId:i,style:l}){const d=E(),o=C.getLocalizedStrings().subscriptionUpdate.addPlan.invoiceOption;return t.jsxs(Se,{style:l,children:[t.jsx(ye,{children:o.title}),t.jsx(Oe,{size:d,children:t.jsx($e,{children:o.description})}),t.jsx(we,{children:t.jsx(ne,{isDisabled:e,label:{label:o.invoiceNow},style:{padding:`${a.sp3} ${a.sp0}`},radioField:{name:ve(i,"invoicingOption"),id:"invoiceNow",value:"invoiceNow"}})})]})}const ve=(e,i)=>`${e}.${i}`,Se=c.div`
+  display: flex;
+  flex-direction: column;
+`,ye=c(de)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${a.sp3} ${a.sp0};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Oe=c(re)`
+  width: ${e=>xe.width.valuePx(e.size)};
+  color: ${e=>e.theme.colors.hero};
+  padding-top: ${a.sp3};
+  padding-bottom: ${a.sp3};
+  display: flex;
+  flex-direction: column;
+`,$e=c.div`
+  display: flex;
+`,we=c.div`
+  display: flex;
+  flex-direction: column;
+`,q="subscriptionAddPlanPage",k="addPlan",A="invoiceOption";function qe(e){const i=E(),l=Q(),d=x.useRef(null),{localData:o,isDisabled:m,onSubscriptionDetailsChanged:v,onEstimateSuccess:O,onReviewClick:L,onBackClick:F,onResetClick:h}=e,[p,u]=x.useState(void 0),{data:$,fetchState:f,estimateStatus:n}=o,g=R(n.fetchState),w=R(f),s=Y({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>J(o),[o])});x.useEffect(()=>()=>{u(void 0)},[]),x.useEffect(()=>{w==="In-Progress"&&f==="Completed"&&s.reset(J(o))},[w,f,s,o]),x.useEffect(()=>{g==="In-Progress"&&(n.fetchState==="Error"?p!==n.fetchState&&u(n.fetchState):n.fetchState==="Completed"&&(u(void 0),O()))},[p,g,n.fetchState,O]);const r=async(S,j)=>{(S.includes(k)||S.includes(A))&&v(j)};x.useEffect(()=>{const S=s.watch((j,{name:W})=>{W!=null&&j!=null&&Z(()=>r(W,j))});return()=>{S.unsubscribe()}});const b=s.handleSubmit(S=>{p!=null&&u(void 0),L()}),{addPlan:X,snackBar:_,footer:V}=C.getLocalizedStrings().subscriptionUpdate,{title:G}=X;return t.jsxs(je,{children:[t.jsx(H,{title:G,backgroundColor:l.colors.grey4,style:{zIndex:3},onBackClick:F,scrollableContent:d,source:"SubscriptionAddPlanPage"}),p!=null?t.jsx(ce,{fetchState:p,customMessageText:n.error?.message??_.failedText,onRemoveSnackbar:()=>u(void 0)}):null,t.jsx(De,{ref:d,windowSize:i,children:f==="In-Progress"||f==="Not-Started"?t.jsx(Ie,{children:t.jsx(ee,{size:"Large",start:!0})}):t.jsx(te,{...s,children:t.jsxs("form",{id:U(q),onSubmit:b,children:[t.jsx(me,{sectionId:k,subscriptionCreateData:$,subscriptionMetaDetails:z(o),isDisabled:m}),t.jsx(ge,{sectionId:A,style:{paddingBottom:a.sp9},subscriptionCreateData:$,isDisabled:m})]})})}),ie(s.formState.dirtyFields)||Pe(o)?t.jsx(se,{formId:U(q),primaryBtn:{label:V.review,isLoading:n.fetchState==="In-Progress",isDisabled:e.isDisabled!=null&&n.fetchState!=="In-Progress"},cancelBtn:{label:V.cancel,shouldResetOnCancel:!0,onClick:()=>{s.reset(Ce(o)),h()}}}):null]})}const je=c.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Ie=c.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,De=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: 100%;
+  overflow-y: auto;
+`,U=e=>`${e}_form`,J=e=>{const{data:i}=e,{plans:l,addOns:d,coupons:o}=z(e);return{[k]:{subscriptionPlan:{selectedOption:i?.subscriptionPlanId,allOptions:T(l)},recurringAddOns:K(d,i?.subscriptionAddOnIds),coupon:{selectedOption:i?.subscriptionCouponIds[0],allOptions:o.map(m=>({label:m.name,value:m.subscriptionCouponId}))},planStartDate:i?.startDate?.toDate()},[A]:{invoicingOption:"invoiceNow"}}},Pe=e=>{const{data:i}=e;return i==null?!1:[!y(i.subscriptionPlanId,void 0),!y(i.subscriptionAddOnIds,[]),!y(i.subscriptionCouponIds,[]),!y(i.startDate,void 0),!y(i.invoiceImmediately,!0)].reduce((l,d)=>l||d,!1)},Ce=e=>{const{plans:i,addOns:l,coupons:d}=z(e);return{[k]:{subscriptionPlan:{selectedOption:void 0,allOptions:T(i)},recurringAddOns:K(l),coupon:{selectedOption:void 0,allOptions:d.map(o=>({label:o.name,value:o.subscriptionCouponId}))},planStartDate:void 0},[A]:{invoicingOption:"invoiceNow"}}};export{qe as default,U as uniqueName};

package/dist/assets/SubscriptionDetailPage-BZDJEjR1-DavSO9K8.js

@@ -0,0 +1,216 @@
+import{u as F,a as Q,K as z,F as B,j as t,f2 as K,i as q,c as X,f3 as _,o as n,x as r,c5 as D,c7 as y,ca as J,a0 as P,V as I,Q as Y,k as N,l as Z,r as L,bw as ee,n as a,ch as V,f4 as te,cl as ie,bK as ae,O as le,$ as ne}from"./index-D9zAXs3-.js";import{b as R,n as o}from"./vendor-Bs1fkIUX.js";import{X as re}from"./SubscriptionSnackBar-CwdSE1Xz-BYx3vQ0D.js";import{s as oe}from"./getCockpitColor-YYDF6h1T-D0_aeMEA.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 j={addTextMarginLeftRight:new r(6,a[2]),addButtonPaddingLeft:new r(128,319),addButtonPaddingRight:new r(125,319),addButtonPaddingTopBottom:new r(a[3],a[3]),addButtonMarginBottom:new r(a[7],a[8])},se=({onUpdateOrAddPlanClick:e,canAdd:l})=>{const i=z();return t.jsx(de,{size:i,canAdd:l,onClick:d=>{d.preventDefault(),l===!0&&e()},children:t.jsxs(pe,{children:[t.jsx(ce,{children:t.jsx(ge,{})}),t.jsx(ue,{size:i,children:B.getLocalizedStrings().subscriptionUpdate.planDetail.addPlan})]})})},de=o.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  width: fit-content;
+  flex: none;
+  order: 6;
+  flex-grow: 0;
+  margin: ${n.sp0};
+  margin-bottom: ${e=>j.addButtonMarginBottom.valuePx(e.size)};
+  padding-top: ${e=>j.addButtonPaddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>j.addButtonPaddingTopBottom.valuePx(e.size)};
+  padding-left: ${e=>j.addButtonPaddingLeft.valuePx(e.size)};
+  padding-right: ${e=>j.addButtonPaddingRight.valuePx(e.size)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${e=>e.canAdd?"pointer":"not-allowed"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,pe=o.div`
+  display: flex;
+  align-items: center;
+`,ce=o.div`
+  display: flex;
+  align-items: center;
+`,ue=o(ae)`
+  display: flex;
+  align-items: center;
+  color: inherit;
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  margin: ${e=>`${n.sp0} ${j.addTextMarginLeftRight.valuePx(e.size)}`};
+`,ge=o(ie)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,O=B.getLocalizedStrings().subscriptionUpdate,H=(e,l)=>{const i=P("0,0.00",e);if(l!=null)return l?.count>1?`${i} / ${O.planDetail[l.unit]} x ${l.count}`:`${i} / ${O.planDetail[l.unit]}`},he=o.div`
+  color: ${e=>e.theme.colors.primary};
+  align-items: flex-end;
+  justify-content: flex-end;
+  display: flex;
+  padding: 0 ${n.sp3};
+  flex-direction: column;
+`,me=o(N)`
+  /* or 150% */
+
+  text-align: right;
+
+  /* Primary/Wihte */
+
+  color: ${e=>e.theme.colors.primary};
+
+  /* Inside auto layout */
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  margin: ${n.sp0} ${n.sp0};
+  padding: ${n.sp2} ${n.sp0};
+`,xe=o(ne)`
+  text-align: right;
+  color: ${e=>e.theme.colors.grey1};
+  flex: none;
+  order: 2;
+  flex-grow: 0;
+  margin: ${n.sp0} ${n.sp0};
+`,be=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${n.sp2};
+  max-height: ${n.sp2};
+`,we=e=>{const{contents:l,style:i}=e;return t.jsx(he,{style:i,children:l.map((d,s)=>t.jsxs("div",{children:[t.jsx(me,{children:d.text}),t.jsx(xe,{children:d.subtext}),s!==l.length-1&&t.jsx(be,{})]},s))})},w={width:new r(343,580,726),height:new r(a[6],a[6]),paddingTopBottom:new r(a[2],a[2]),marginRight:new r(a[2],a[2]),labelMarginLeft:new r(a[3],a[4]),labelMarginRight:new r(a[3],a[4]),labelMarginTop:new r(a[2],a[2])};function fe({label:e,isDisabled:l,addOns:i,style:d}){const s=z(),f=i.map(c=>({text:c.name,subtext:H(c.price,c.period)??"-"}));return t.jsxs(ye,{size:s,style:d,children:[t.jsx(V,{isDisabled:l,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"}}),t.jsx($e,{labelWidth:e.width,children:t.jsx(we,{contents:f,style:{display:"flex",flexGrow:1}})})]})}const $e=o.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,ye=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>w.width.valuePx(e.size)};
+  min-height: ${e=>w.height.valuePx(e.size)};
+  padding-right: ${e=>w.marginRight.valuePx(e.size)};
+  padding-top: ${e=>w.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>w.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;
+  }
+`,b={width:new r(343,580,726),height:new r(a[6],a[6]),controlHeight:new r(a[6],a[6]),paddingTopBottom:new r(a[2],a[2]),marginRight:new r(a[2],a[2]),labelMarginLeft:new r(a[3],a[4]),labelMarginRight:new r(a[3],a[4]),labelMarginTop:new r(a[2],a[2])};function ve({label:e,tag:l,isDisabled:i,style:d}){const s=z();return t.jsxs(je,{size:s,style:d,children:[t.jsx(V,{isDisabled:i,label:e.label,style:{marginLeft:b.labelMarginLeft.value(s),marginRight:b.labelMarginRight.value(s),marginTop:b.labelMarginTop.value(s),width:e.width??"auto"}}),t.jsx(te,{...l,style:{minHeight:b.controlHeight.value(s),display:"flex",flexGrow:1,...l.style}})]})}const je=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>b.width.valuePx(e.size)};
+  min-height: ${e=>b.height.valuePx(e.size)};
+  padding-right: ${e=>b.marginRight.valuePx(e.size)};
+  padding-top: ${e=>b.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>b.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;
+  }
+`,k={paddingTopBottom:new r(a[3],a[3]),paddingLeft:new r(a[3],a[4]),paddingRight:new r(a[3],20)},Pe={value:new I("standardMedium","largeRegular")},ze=({isBasePlan:e,canUpdate:l,slabLowerLimit:i,slabUpperLimit:d,avg2MonthExpenses:s,annualRecurringRevenue:f,subscriptionId:c,onUpdateOrAddPlanClick:h})=>{const m=F(),u=z(),g=B.getLocalizedStrings().subscriptionUpdate.planDetail;return t.jsxs("div",{children:[t.jsxs(Be,{size:u,children:[t.jsxs(Le,{children:[i!=null&&t.jsxs(W,{children:[t.jsx(T,{children:g.planLowerLimit}),t.jsx(U,{size:u,children:P("0,0.[00]a",i)})]}),d!=null&&t.jsxs(W,{children:[t.jsx(T,{children:g.planUpperLimit}),t.jsx(U,{size:u,children:P("0,0.[00]a",d)})]}),t.jsxs("div",{children:[t.jsx(T,{children:e?g.avgMonthlySpend:`${g.revenueFor} ${Z.dateNow().year()}`}),t.jsx(U,{size:u,children:P("0,0.[00]a",e?s:f)})]})]}),u!=="small"&&(l?t.jsx(L,{label:g.updatePlan,variant:"primary",onClick:()=>h(c)}):t.jsx(ee,{title:t.jsx(De,{children:g.adminPrivilegeReq}),children:t.jsx(L,{label:g.updatePlan,variant:"primary",style:{height:"100%",backgroundColor:m.colors.grey3,border:`1px solid ${m.colors.grey2}`,cursor:"default"}})}))]}),u==="small"&&(l?t.jsx(L,{label:g.updatePlan,variant:"primary",style:{width:"100%",marginBottom:a[4]},onClick:()=>h(c)}):t.jsx(L,{label:g.updatePlan,variant:"primary",style:{width:"100%",marginBottom:a[4],backgroundColor:m.colors.grey3,border:`1px solid ${m.colors.grey2}`,cursor:"default"}}))]})},De=o.div`
+  text-align: center;
+`,Be=o.div`
+  /* Neutral Light/Background */
+
+  background: ${e=>e.theme.colors.background};
+  /* Neutral Light/Gray 03 */
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  display: flex;
+  justify-content: space-between;
+  padding-top: ${e=>k.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>k.paddingTopBottom.valuePx(e.size)};
+  padding-left: ${e=>k.paddingLeft.valuePx(e.size)};
+  padding-right: ${e=>k.paddingRight.valuePx(e.size)};
+  margin-bottom: ${n.sp3};
+`,T=o(le)`
+  color: ${e=>e.theme.colors.hero};
+  /* identical to box height, or 150% */
+
+  display: flex;
+  align-items: center;
+
+  /* Inside auto layout */
+
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  margin: ${n.sp0} ${n.sp0};
+`,Le=o.div`
+  display: flex;
+  flex-direction: row;
+`,W=o.div`
+  margin-right: ${n.sp5};
+`,U=o.div`
+  ${e=>`${Pe.value.style(e.size)}`};
+  color: ${e=>e.theme.colors.primary};
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  margin: ${n.sp0} ${n.sp0};
+`,S={labelWidth:new r(120,160),largeLabelWidth:new r(120,210,210),descriptionWidth:new r(343,580,726),descriptionMarginBottom:new r(20,a[3])},Re={title:new I("standardRegular","largeRegular")},{subscriptionUpdate:p,dateFormat:ke}=B.getLocalizedStrings();function Se({sectionId:e,isDisabled:l,subscriptionDetailData:i,canUpdate:d,style:s,onUpdateOrAddPlanClick:f}){const c=z(),h=S.labelWidth.value(c),m=S.largeLabelWidth.value(c),u=i.plan?.plan.slabLowerLimit!=null||i.plan?.plan.slabUpperLimit!=null,g=i.subscription.schema.status.find(x=>x.code===i.subscription.subscription.status.code),C=i.addOns.filter(x=>x.addOn.chargeType==="recurring").map(x=>x.addOn);return t.jsxs(Ce,{style:s,children:[t.jsx(Te,{windowSize:c,children:i.plan?.plan.name}),t.jsx(Ue,{windowSize:c,children:i.plan?.plan.description}),t.jsx(ze,{slabLowerLimit:i.plan?.plan.slabLowerLimit,slabUpperLimit:i.plan?.plan.slabUpperLimit,isBasePlan:u,annualRecurringRevenue:i.summary?.summary.annualRecurringRevenue,avg2MonthExpenses:i.summary?.summary.avg2MonthExpenses,canUpdate:d,onUpdateOrAddPlanClick:f,subscriptionId:i.subscription.subscription.subscriptionId}),t.jsxs(Ae,{children:[t.jsx(ve,{label:{label:p.planDetail.status,width:h},tag:{tagTitle:g?.name??"-",textColor:oe(i.subscription.subscription.status.code)}}),t.jsx($,{}),t.jsx(D,{isDisabled:l,label:{label:p.planDetail.planAmount,width:h},text:{type:"text",name:v(e,"planAmount"),placeholder:y(p.planDetail.planAmount),defaultValue:i.plan?.plan.price!=null?H(i.plan?.plan.price,i.plan?.plan.period):"-",autoComplete:"new-password"}}),t.jsx($,{}),C.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(fe,{label:{label:p.planDetail.recurringAddons,width:h},addOns:i.addOns.map(x=>x.addOn)}),t.jsx($,{})]}),i.coupons.length>0?t.jsxs(t.Fragment,{children:[t.jsx(D,{isDisabled:l,label:{label:p.planDetail.coupon,width:h},text:{type:"text",name:v(e,"coupon"),placeholder:y(p.planDetail.coupon),defaultValue:i.coupons[0].coupon.name,autoComplete:"new-password"}}),t.jsx($,{})]}):null,t.jsx(D,{isDisabled:l,label:{label:p.planDetail.billEvery,width:h},text:{type:"text",name:v(e,"billEvery"),placeholder:y(p.planDetail.billEvery),defaultValue:`${i.subscription.subscription.billingPeriod.count} ${p.planDetail[i.subscription.subscription.billingPeriod.unit]}`,autoComplete:"new-password"}}),t.jsx($,{}),t.jsx(J,{isDisabled:l,label:{label:p.planDetail.nextBillingAt,width:h},dateField:{name:v(e,"nextBillingAt"),placeholder:y(p.planDetail.nextBillingAt),defaultValue:i.subscription.subscription.nextBillingAt,dateFormat:ke.visual.defaultInput,autoComplete:"new-password"}}),t.jsx($,{}),t.jsx(D,{isDisabled:l,label:{label:p.planDetail.nextBillingAmount,width:m},text:{type:"text",name:v(e,"nextBillingAmount"),placeholder:y(p.planDetail.nextBillingAmount),defaultValue:P("0,0.00",i.subscription.subscription.nextBillingAmount),autoComplete:"new-password"}}),u&&t.jsxs(t.Fragment,{children:[t.jsx($,{}),t.jsx(D,{isDisabled:l,label:{label:p.planDetail.mrr,width:h},text:{type:"text",name:v(e,"mrr"),placeholder:y(p.planDetail.mrr),defaultValue:P("0,0.00",i.summary?.summary.monthlyRecurringRevenue),autoComplete:"new-password"}})]})]})]})}const v=(e,l)=>`${e}.${l}`,Ce=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${n.sp3};
+  padding-bottom: ${n.sp9};
+`,Ae=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+`,Te=o(Y)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Re.title.style(e.windowSize)}`};
+`,Ue=o(N)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>S.descriptionMarginBottom.valuePx(e.windowSize)};
+  width: ${e=>S.descriptionWidth.valuePx(e.windowSize)};
+`,$=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Je=({subscriptionDetailView:e,canUpdate:l,onCloseClick:i,onUpdateOrAddPlanClick:d})=>{const s=F(),f=Q(),c=R.useRef(null),h=z(),[m,u]=R.useState(void 0);R.useEffect(()=>()=>{u(void 0)},[]),R.useEffect(()=>{e.updateStatus.fetchState==="Completed"&&u(e.updateStatus.fetchState)},[e.updateStatus.fetchState]);const{subscriptionUpdate:{planDetail:g},common:{strings:{empty:C}}}=B.getLocalizedStrings(),{subscriptionDetails:x,fetchState:M}=e;return t.jsxs(Oe,{children:[t.jsx(K,{title:g.title,backgroundColor:s.colors.grey4,style:{zIndex:3},onCloseClick:i,scrollableContent:c}),m!=null?t.jsx(re,{isUpdate:e.type==="subscription_update",fetchState:m,onRemoveSnackbar:()=>u(void 0)}):null,t.jsx(Me,{ref:c,windowSize:h,children:M==="In-Progress"||M==="Not-Started"?t.jsx(We,{children:t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsxs(X,{...f,children:[x?.map((A,G)=>t.jsx(Se,{sectionId:`subscriptionDetail.${A.plan?.plan.name.replaceAll(_,C)}`,isDisabled:"disabled",subscriptionDetailData:A,canUpdate:l,onUpdateOrAddPlanClick:d},`subscriptionDetail.${A.plan?.plan.name}-${G}`)),t.jsx(se,{onUpdateOrAddPlanClick:d,canAdd:l})]})})]})},E={sectionWidth:new r(343,580,726)},Me=o.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: 100%;
+  overflow-y: auto;
+  padding-left: ${e=>`calc((100% - ${E.sectionWidth.valuePx(e.windowSize)})/2)`};
+  padding-right: ${e=>`calc((100% - ${E.sectionWidth.valuePx(e.windowSize)})/2)`};
+  padding-top: ${n.sp5};
+  align-content: flex-start;
+`,Oe=o.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,We=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`;export{Je as default};