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

package/dist/assets/StatementsPage-Az4ZzxA6-CY7Q-Hv-.js

@@ -1,58 +0,0 @@
-import{u as v,K as z,j as t,aW as C,F as P,aj as I,o as r,h,bT as L,x as T,n as m,k as B}from"./index-D9zAXs3-.js";import{b as p,n as o}from"./vendor-Bs1fkIUX.js";import{$ as E}from"./BoxItem-DJq3mny1-nPTLB__B.js";import{o as K}from"./commonDimensions-EDu7gcyc-DiuxcTjp.js";import{O as M}from"./StatementItem-DgZtQdC5-CijP321B.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"./downloadPdf-DCmFpTS--B48gcxsA.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new T(m[3],m[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:a,accountLast4:f,onBackClick:$})=>{const y=v(),l=z(),k=p.createRef(),c=p.useRef(null),d=a.statements.length===0,j=()=>d===!1?K.transactionItemHeight:24,S=({index:i,style:s})=>{const n=a.statements[i];return d===!1?t.jsx(u,{windowSize:l,style:{...s,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(M,{currentTenantCompanyName:e,accountLast4:f,data:n,authParams:g,downloadEndPoint:w,boxType:E(i,a.statements.length)},n.id)}):t.jsx(O,{style:{...s},children:t.jsx(R,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(N,{children:[t.jsx(C,{title:x.title,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:$,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(I,{children:({height:i,width:s})=>t.jsx(V,{ref:k,height:i,width:s,outerRef:c,itemKey:n=>n,itemCount:a.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},O=o.div``,u=o.div`
-  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,R=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,N=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,A=o(B)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,H=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r.sp6};
-`,V=o(L)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${h.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${h.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{et as default};

package/dist/assets/StatusTag-MQXQGj2--SPp-Hljk.js

@@ -1,38 +0,0 @@
-import{j as l,O as o,F as r,o as t,h as s}from"./index-D9zAXs3-.js";import{n as c}from"./vendor-Bs1fkIUX.js";function $({complete:e,notInitiated:a,isDisabled:n=!1,pendingReview:p=!1,pendingVerification:m=!1,onClick:i}){return e===!0?l.jsx(x,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.completeText})}):m===!0?l.jsx(g,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.pendingVerificationText})}):p===!0?l.jsx(u,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.pendingReviewText})}):a===!0?l.jsx(d,{clickable:i!=null,isDisabled:n===!0,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.notInitiatedText})}):l.jsx(d,{clickable:i!=null,isDisabled:n===!0,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.incompleteText})})}const x=c.div`
-  color: ${e=>e.theme.colors.success};
-  border: 1px solid ${e=>e.theme.colors.success};
-  padding: ${t.sp0} 6px;
-  border-radius: ${t.sp1};
-  cursor: ${e=>e.clickable?"pointer":"default"};
-  width: fit-content;
-  display: flex;
-  align-items: center;
-`,u=c.div`
-  color: ${e=>e.theme.colors.alert};
-  border: 1px solid ${e=>e.theme.colors.alert};
-  padding: ${t.sp0} 6px;
-  border-radius: ${t.sp1};
-  cursor: ${e=>e.clickable?"pointer":"default"};
-  width: fit-content;
-  display: flex;
-  align-items: center;
-`,g=c.div`
-  color: ${s.alert};
-  border: 1px solid ${s.alert};
-  padding: ${t.sp0} 6px;
-  border-radius: ${t.sp1};
-  cursor: ${e=>e.clickable?"pointer":"default"};
-  width: fit-content;
-  display: flex;
-  align-items: center;
-`,d=c.div`
-  color: ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
-  border: 1px solid
-    ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey2};
-  padding: ${t.sp0} 6px;
-  border-radius: ${t.sp1};
-  cursor: ${e=>e.clickable?"pointer":"default"};
-  width: fit-content;
-  display: flex;
-  align-items: center;
-`;export{$};

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

@@ -1,59 +0,0 @@
-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

@@ -1,216 +0,0 @@
-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};