@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/TaskRoutes-BMkpTf1o.js

@@ -1,9 +0,0 @@
-import{j as s}from"./pdf-BCMUg4JF.js";import F from"./NotFoundScreen-DOVxG4zz.js";import{a as m}from"./sentry-CEBEW6Zv.js";import{j as $,i as M,h as R,l as A,u as g,N as V,k as _,R as q,m as k}from"./core-Cd4LmmhG.js";import{N as z,js as C,jO as w,bk as H,jz as D,jQ as J,J as K,mk as Q,jD as Z,kv as W,jM as X}from"./index-Djco7rZW.js";import{ct as B,O6 as G,BC as E,Bq as Y,C3 as ee,O7 as v,O8 as te,Bm as ae,Bj as se,mK as ne,my as oe,hj as re,Bw as ie,O9 as le,Bt as ce,BH as de,BG as me}from"./zeni-epic-state-Ddwqsd5-.js";import{n as pe}from"./mui-Xyv5fYYp.js";import{u as ue}from"./useInitialThreadRequest-BQElYMHu.js";import{M as ke}from"./MobileAppDrawer-CYfAM9Mw.js";import fe from"./TaskListScreen-mqYgryHQ.js";import"./lottie-D3b06MuY.js";import"./liveblocks-IsOzz8u-.js";import"./recharts-CwRU7bDL.js";import"./dnd-CAuW2Onh.js";import"./analytics-CxExYOQN.js";import"./plaid-C49TlIE8.js";import"./utils-PmQt3_O8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="59bfb6a2-ed69-4b1f-8fc2-43a62bdd41b5",e._sentryDebugIdIdentifier="sentry-dbid-59bfb6a2-ed69-4b1f-8fc2-43a62bdd41b5")}catch{}})();const ge=_(function(e,a){const{location:n,taskGroupId:l}=a,d=v(e,a.taskId),c=B(e),r=l!=null?te(e.taskGroupState,l):void 0,p=C.getSignedInUser(),t=c.tenantId,i={userId:p?.userId??"",sessionId:p?.zeniSessionId??"",tenantId:t??""},f=G(e);return{taskDetailSelectorView:d,authParams:i,isNewClicked:n.state?.message==="comingFromTaskListPage",filesEndPoint:W.fileMicroServiceBaseUrl,companyName:a.currentTenant.companyName,companyId:a.currentTenant.companyId,currentUrl:`${Z.appUrl}${a.location.pathname}`,tagListView:f,taskGroupName:l!=null&&r!=null&&r.isDefault===!1?r.name:void 0}},function(e,a){const{taskId:n,navigate:l,currentTenant:d,location:c,taskGroupId:r}=a,{tenantEmailDomain:p}=d;return{onSaveChangesToLocalStore:t=>{e(me({taskDetailLocalData:t,taskId:n}))},onSaveDetailClick:()=>{e(de(n,r))},onArchiveTaskClick:()=>{a.taskId!=null&&e(ce(a.taskId))},onDismissClick:()=>{if(c.state?.message==="triggerBackClick"){const t=X(c.state?.pathnameStackToGoBack),i=t.poppedPathname??"../../dashboard";l(i,{state:{pathnameStackToGoBack:t.newStack}})}else{const t=L(p),i=w(c.state?.pathnameStackToGoBack,c.pathname);l(t,{state:{pathnameStackToGoBack:i}})}e(le({taskId:n}))},onDeleteTaskClick:()=>{e(ie(n))},updateFilesEntity:t=>{e(re({files:t}))},onDeleteFile:t=>{e(oe(t))},onEditFileName:(t,i)=>{e(ne(t,i.split(".")[0]))},onReloadTaskDetailPage:()=>{e(E(!1,n))},onCreateTagClick:t=>{e(se(t,n))},onDeleteTagClick:t=>{e(ae(t,n))}}})(Q);function I(){const e=$(),a=M(),n=R(),l=z(),{taskId:d,taskGroupId:c}=A(),r=g(o=>B(o)),p=ue(r?.companyId),[t,i]=m.useState(!1),[f,N]=m.useState(!1),[j,O]=m.useState(!1),[S,P]=m.useState(!1),b=g(o=>G(o)),x=g(o=>o.taskGroupViewState.fetchState);m.useEffect(()=>{f||(N(!0),a(E(!1,d)))},[f,a]),m.useEffect(()=>{j||b.fetchState==="Completed"||(O(!0),a(Y()))},[j,a,b.fetchState]),m.useEffect(()=>{S||x==="Completed"||(P(!0),a(ee()))},[S,a,x]);const T=g(o=>v(o,d)),u=T.fetchState,y=C.getSignedInUser();if(y==null)throw Error("Can't access task detail page without signing in...");if(u==="Error"&&T.error?.code===400){const{tenantEmailDomain:o}=r,h=L(o),U=w(n.state?.pathnameStackToGoBack,n.pathname);return s.jsx(V,{to:h,state:{pathnameStackToGoBack:U}})}return s.jsxs(s.Fragment,{children:[u==="Completed"?s.jsx(H,{analytics:D,onLoad:o=>(h=>h.trackPageLoaded(K.Event.taskDetailPage))(o)}):null,u==="Completed"||u==="Error"?s.jsxs(he,{children:[s.jsx(ke,{isAppContentDrawerOpen:t,handleDrawerToggle:o=>{i(o)}}),s.jsx(ge,{analytics:D,currentTenant:r,handleZeniLogoClick:()=>{l.toggle()},initialOpenThreadRequest:p,location:n,loggedInUser:y,navigate:e,taskGroupId:c,taskId:d})]}):s.jsx(J,{fetchState:u})]})}const he=pe.div`
-  display: flex;
-  min-height: 100%;
-  width: 100%;
-  flex: 1 1 auto;
-  flex-direction: column;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,L=e=>`/${e}/tasks`;function Pe(){return s.jsxs(q,{children:[s.jsx(k,{path:"/new",element:s.jsx(I,{})}),s.jsx(k,{path:"/new/:taskGroupId",element:s.jsx(I,{})}),s.jsx(k,{path:"/group/:taskGroupId",element:s.jsx(fe,{})}),s.jsx(k,{path:"/:taskId",element:s.jsx(I,{})}),s.jsx(k,{path:"*",element:s.jsx(F,{})})]})}export{Pe as default};

package/dist/assets/TimeRangeSwitcher-D00bDDhP-1mlxeaFc.js

@@ -1,64 +0,0 @@
-import{V as o,an as q,b as P,S as z,cL as A,aP as G,o as c,C as J,O as K}from"./index-Djco7rZW.js";import{a as i}from"./sentry-CEBEW6Zv.js";import{n as m}from"./mui-Xyv5fYYp.js";import{X as Q}from"./core-Cd4LmmhG.js";import{Z as U}from"./CollapsableReportTable-DNfFkAts-CUxrmyNG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="d6885382-233b-48f4-babf-23e603b0832e",e._sentryDebugIdIdentifier="sentry-dbid-d6885382-233b-48f4-babf-23e603b0832e")}catch{}})();const{dateFormat:x}=K.getLocalizedStrings(),xe=(e,r)=>{const{startDate:n,endDate:t}=e;return r&&n.month()!==t.month()?`in ${n.format(x.visual.MMMYYFormat)} - ${t.format(x.visual.MMMYYFormat)}`:n.month()===t.month()?`in ${n.format(x.visual.MMMDFormat)} - ${t.format(x.visual.MMMDCommaYYFormat)}`:`in ${n.format(x.visual.MMMDCommaYYFormat)} - ${t.format(x.visual.MMMDCommaYYFormat)}`},pe=(e,r)=>{if(r.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let n=e.length-1;if(r.thisPeriod!=null){const t=r.thisPeriod;let d=e.findIndex(l=>l.startDate.isSame(t.startDate,"date")&&l.endDate.isSameOrBefore(t.endDate));d<0&&(d=e.findIndex(l=>l.startDate.isSame(t.startDate,"month")&&l.startDate.isSame(t.startDate,"year"))),d>=0&&(n=d)}return{startIndex:Math.max(n+1-r.numberOfPeriods,0),length:r.numberOfPeriods}},be=(e,r)=>({thisPeriod:e[e.length-1-r.offsetFromEnd],numberOfPeriods:r.length,orderBy:"ascending_date"}),ye=(e,r)=>({thisPeriod:e[r.startIndex+r.length-1>e.length?e.length-1:r.startIndex+r.length-1],numberOfPeriods:r.length,orderBy:"ascending_date"}),W=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),ee=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),b=40,f=90,te=m.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  min-height: ${b}px;
-  box-sizing: content-box;
-  width: 100%;
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,re=m.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${f}px;
-  height: ${b}px;
-  max-height: ${b}px;
-  color: ${e=>e.isEnabled&&e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isEnabled?e.theme.colors.primary:e.theme.colors.hero};
-  }
-  cursor: ${e=>e.isEnabled?"pointer":"default"};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:"transparent"};
-`,ne=m(G)`
-  display: flex;
-  position: relative;
-  scrollbar-width: none;
-`,oe=m(J)``,ie=m.div`
-  top: ${c.sp0};
-  left: ${c.sp0};
-  width: calc(${e=>f*e.numberOfTicksSelected}px);
-  position: absolute;
-  height: ${b}px;
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  .slider-icon {
-    fill: ${e=>e.theme.colors.grey1};
-  }
-  border-radius: ${c.sp2};
-  border-left: ${c.sp0};
-  border-right: ${c.sp0};
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: ${c.sp2};
-    border-left: ${c.sp0};
-    border-right: ${c.sp0};
-    .slider-icon {
-      fill: ${e=>e.theme.colors.primary};
-    }
-  }
-  line-height: ${c.sp0};
-  pointer-events: none;
-  box-sizing: border-box;
-`,se=m.div`
-  float: left;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`,le=m.div`
-  float: right;
-  margin-top: -1px;
-  cursor: pointer;
-  pointer-events: all;
-  color: ${e=>e.theme.colors.grey5};
-`;function D({iconPosition:e}){switch(e){case"left":return o.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return o.jsx(ee,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function ae(e){return Q.createPortal(e.children,e.parentNode)}function de({enabled:e,firstMonthOfFY:r,timeframe:n,tick:t,tickIndex:d,isSelected:l,onClick:M}){return o.jsx(re,{"data-testid":P("time-range-switcher-tick",String(d)),isEnabled:e,isSelected:l,onClick:()=>{M(t,d,n)},children:o.jsx(oe,{children:U(r,t,n)})})}function O(e,r){let n={startIndex:0,length:0};if(function(t){return t.startIndex!=null}(e))n=e;else{const t=e.length;n={startIndex:r.length-e.offsetFromEnd-t+1,length:e.length}}return n}function ce({width:e,firstMonthOfFY:r,timeframe:n,timeframeTicks:t,isEnabled:d,selection:l,onClick:M,onSelectionChanged:C}){const w=i.createRef(),S=i.useRef(null),[T,F]=i.useState(!1),[a,Y]=i.useState(O(l.selectedTicks,t)),I=i.useRef(a.startIndex);i.useEffect(()=>{I.current=a.startIndex});const[y,B]=i.useState(l.highlightedOfSelectedTicks),_=(a.startIndex+a.length>t.length?Math.max(t.length-a.length,0):a.startIndex)*f,[k,N]=i.useState({x:_,y:0});i.useEffect(()=>{F(!0)},[]),i.useEffect(()=>{const s=O(l.selectedTicks,t);if(!z(a,s)){Y(s);const h=s.startIndex*f;N({x:h,y:0})}z(y,l.highlightedOfSelectedTicks)||B(l.highlightedOfSelectedTicks)},[a,y,l,t]),i.useLayoutEffect(()=>{const{startIndex:s,length:h}=a;w.current?.scrollToItem(I.current<=s?s+h-1:s)},[w,a]);const R=d!==!1,L=(s,h,g)=>{M?.(g,s)},E=document.getElementsByClassName("date-range-list")[0];return o.jsxs(o.Fragment,{children:[o.jsx(ne,{ref:w,height:b,width:e,itemCount:t.length,itemSize:f,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:({index:s,style:h})=>{const g=t[s],{startIndex:p,length:$}=y,u=s>=p&&s<p+$;return o.jsx("div",{style:{...h},children:o.jsx(de,{enabled:R,firstMonthOfFY:r,timeframe:n,tick:g,tickIndex:s,isSelected:u,onClick:L},s)})}}),T===!0&&E!=null?o.jsx(ae,{parentNode:E,children:o.jsx(A,{axis:"x",defaultPosition:{x:0,y:0},position:k,bounds:{left:0,right:(t.length-a.length)*f},grid:[1,0],scale:1,onStop:(s,h)=>{const g=function(p,$,u,j,V){const H=$-p,v=Math.floor(p/f)+Math.round(H/f),X=v+u.length-j.length,Z=V-(v+u.length);return{selectedTicks:{fromStart:{startIndex:v,length:u.length},fromEnd:{offsetFromEnd:Z,length:u.length}},highlightedOfSelectedTicks:{startIndex:X,length:j.length}}}(k.x,h.x,a,y,t.length);C?.(g.selectedTicks,g.highlightedOfSelectedTicks,n,t)},nodeRef:S,children:o.jsxs(ie,{numberOfTicksSelected:a.length,ref:S,children:[o.jsx(se,{children:o.jsx(D,{iconPosition:"left"})}),o.jsx(le,{children:o.jsx(D,{iconPosition:"right"})})]})})}):null]})}function Me(e){return o.jsx(te,{"data-testid":P("time-range-switcher"),children:o.jsx(q,{children:({width:r})=>o.jsx(ce,{...e,width:r})})})}export{be as $,pe as M,b as S,xe as b,ye as v,Me as y};

package/dist/assets/TimeframeSwitcher-DA99HdHt-CrtHfDZp.js

@@ -1,31 +0,0 @@
-import{V as o,b as m,o as t,C as p,O as u}from"./index-Djco7rZW.js";import{n as i}from"./mui-Xyv5fYYp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="1ceb6cb0-882f-431f-8956-b8d99c7cfb8d",e._sentryDebugIdIdentifier="sentry-dbid-1ceb6cb0-882f-431f-8956-b8d99c7cfb8d")}catch{}})();const b=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.background};
-  padding: ${t.sp1};
-  border-radius: 10px;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-`,g=i.div`
-  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-  }
-  cursor: ${e=>e.isSelected?"default":"pointer"};
-  border-radius: ${t.sp2};
-  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
-  box-shadow: ${e=>e.isSelected?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-`,w=i(p)`
-  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
-`,_=i.div`
-  width: 1px;
-  height: ${t.sp3};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,y=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;function x({timeframe:e,isSelected:r,onClick:s}){return o.jsx(g,{"data-testid":m("timeframe-switcher-segment",e),onClick:()=>{r===!1&&s(e)},isSelected:r,children:o.jsx(w,{children:(d=>{switch(d){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[d];default:return console.warn("Unsupported timeframe"),""}})(e)})})}function k({onTimeframeSelectionChanged:e,selectedTimeframe:r,timeframes:s}){const d=a=>{e?.(a)},n=s.findIndex(a=>a===r);return o.jsx(b,{"data-testid":m("timeframe-switcher"),children:s.map((a,c)=>{const h=s.length>1&&c<s.length-1,l=c===n,f=c===n-1;return o.jsxs(y,{children:[o.jsx(x,{timeframe:a,isSelected:l,onClick:d},c),h?o.jsx(_,{isSelected:l||f}):null]},c)})})}export{k as T};

package/dist/assets/TimeframeSwitcherWithToggle-DyggDIQj-CHaX8emE.js

@@ -1,53 +0,0 @@
-import{e as c,V as i,b as g,x as m,o as n,C as u,b5 as x}from"./index-Djco7rZW.js";import{n as r}from"./mui-Xyv5fYYp.js";import{T as f}from"./TimeframeSwitcher-DA99HdHt-CrtHfDZp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="2acdb999-2051-4868-9803-7288c1e60c9f",e._sentryDebugIdIdentifier="sentry-dbid-2acdb999-2051-4868-9803-7288c1e60c9f")}catch{}})();const s="ZeniSwitch",t={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},w=r(({className:e,...o})=>i.jsx(x,{...o,className:e,classes:{...t}}))(({theme:e})=>({[`& .${t.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${t.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${t.root}.${t.switchBase}.Mui-checked + .${t.track}`]:{backgroundColor:e.colors.grey1},[`&.${t.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${t.switchBase}.Mui-checked .${t.thumb}`]:{backgroundColor:e.colors.primary},[`& .${t.switchBase}.Mui-checked .${t.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${t.switchBase}.Mui-checked + .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${t.switchBase}.Mui-disabled + .${t.track}`]:{opacity:.7},[`& .${t.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),y=e=>i.jsx(w,{...e}),l={timeframePaddingLeft:new m(0,0,125),timeframePaddingBottom:new m(8,8,0)},b=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,$=r.div`
-  display: grid;
-  width: 100%;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-  column-gap: ${n.sp3};
-`,j=r.div`
-  min-width: 0;
-`,k=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,T=r.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>l.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,v=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-`,B=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-  flex-shrink: 0;
-  max-width: 520px;
-  justify-self: end;
-`,C=r.div``,S=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp2};
-  flex-shrink: 0;
-`,D=r(u)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,d=({label:e,isOn:o,isToggleDisabled:a,onValueChanged:h})=>i.jsxs(S,{children:[i.jsx(D,{isOn:o,isDisabled:a===!0,children:e}),i.jsx(y,{checked:o,edge:"end",disabled:a===!0,disableRipple:a===!0,onChange:p=>{h(p.target.checked)}})]}),I=e=>{const o=c();return i.jsxs(b,{children:[i.jsx(T,{windowSize:o,children:i.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsxs(v,{"data-testid":g("timeframe-compare-toggle"),children:[i.jsx(d,{...e.toggle}),e.secondaryToggle!=null?i.jsx("div",{"data-testid":e.secondaryToggleDataTestId,children:i.jsx(d,{...e.secondaryToggle})}):null]})]})},P=e=>{const o=c();return i.jsxs($,{children:[i.jsx(j,{"aria-hidden":!0}),i.jsx(k,{windowSize:o,children:i.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsxs(B,{"data-testid":g("timeframe-compare-toggle"),children:[i.jsx(d,{...e.toggle}),e.secondaryToggle!=null?i.jsx(C,{"data-testid":e.secondaryToggleDataTestId,children:i.jsx(d,{...e.secondaryToggle})}):null]})]})};function R(e){const o=c();return o==="small"||o==="medium-compact"?i.jsx(I,{...e}):i.jsx(P,{...e})}export{R as X};