https://confection-status.netlify.app/assets/index.b3c940ea.js

1import("data:text/javascript;base64,Cg==");import{c as e,a as t,r as n,i as a,p as o,d as s,s as l,o as i,b as u,w as r,F as d,h as c,e as p,T as g,f as b,g as m,j as y,k as v,n as f,l as C,m as h,q as w,u as x,t as O}from"./vendor.a53e0124.js";const j=()=>["right","left"].map((n=>e("div",{key:n,class:t("absolute z-10 flex w-[16vw] h-full","right"===n?"right-0 flex-row-reverse":"left-0")},[e("div",{class:"w-full h-full bg-white"},null),e("div",{class:t("w-2/3 h-full from-white to-alpha","right"===n?"bg-gradient-to-l":"bg-gradient-to-r")},null)]))),S=()=>{const e=a("state"),t=a("setState");if(!e||!t)throw new Error("Context injection failed.");return{state:e,setState:t}};const k={colors:{sale:"#698E72",inbound:"#23537E",outbound:"#9C245A"},sounds:{sale:"/assets/sale.af48fdcd.wav",inbound:"/assets/inbound.a70b42ef.wav",outbound:"/assets/outbound.5859019b.wav"},translations:{soundOn:"Sound On",soundOff:"Sound Off"},animations:{dataPointFlow:{duration:5500,primaryWaveDurationMultiplier:1.5,easing:"linear"},billingLabelFade:{duration:500,endDelay:500,easing:"easeOutQuart"},logoCrossFade:{duration:250},logoInboundPulse:{duration:500,scaleTo:1.2,easing:"easeOutQuart"},logoOutboundPulse:{duration:700,scaleTo:.8,easing:"easeOutElastic"}},simultaneousOutputLimit:2,syncIntervalMinutes:5,sideShadows:!0,minDataPointSize:2,maxDataPointSize:3},{animations:F}=k,P=s({setup(){const n=l(null),a=l(null),o=l(null),{state:s,setState:c}=S(),p=e=>t("transition-opacity absolute top-0 left-0 h-full w-full",e.includes(s.logo)?"opacity-100":"opacity-0");return i((()=>{a.value=u({autoplay:!1,targets:n.value,complete(){c({logo:s.inbound.length||s.outbound.length?"on":"off"})},keyframes:[1,F.logoInboundPulse.scaleTo,1].map((e=>({scale:e}))),easing:F.logoInboundPulse.easing,duration:F.logoInboundPulse.duration}),o.value=u({autoplay:!1,targets:n.value,complete(){c({logo:s.inbound.length||s.outbound.length?"on":"off"})},keyframes:[1,F.logoOutboundPulse.scaleTo,1].map((e=>({scale:e}))),easing:F.logoOutboundPulse.easing,duration:F.logoOutboundPulse.duration})})),r(s,(({logo:e,inbound:t,outbound:n})=>{"animating-in"===e&&a.value||"animating-out"===e&&a.value?a.value.play():"off"===e&&(t.length||n.length)&&c({logo:"on"})})),()=>e(d,null,[e("div",{ref:n,class:"h-[12vw] w-[12vw] z-10 absolute -webkit-animation-fix"},[e("img",{src:"/assets/off.a654a091.png",class:p(["off"]),style:{transitionDuration:`${F.logoCrossFade.duration}ms`}},null),e("img",{src:"/assets/on.cbe79be1.png",class:p(["on","animating-in","animating-out"]),style:{transitionDuration:`${F.logoCrossFade.duration}ms`}},null)]),e("div",{class:"bg-white rounded-full h-[10vw] w-[10vw] absolute"},null)])}});c.Howler.html5PoolSize=100;const{sounds:W}=k,R=new c.Howl({html5:!0,src:[W.inbound]}),z=new c.Howl({html5:!0,src:[W.outbound]}),D=new c.Howl({html5:!0,src:[W.sale]}),I=e=>

1{switch(e){case"inbound":R.play();break;case"outbound":z.play();break;case"sale":D.play()}},M=(e,t)=>Math.floor(Math.random()*(t-e+1)+e),{animations:$,colors:L}=k,q=s({props:{state:{required:!0,type:Object},wave:{required:!0,type:Object},onBilling:Function,onCreate:Function,onRemove:Function},setup(t){const n=p(null),a=p(!1),{state:o,setState:s}=S(),l=e=>{"inbound"===t.state.type?s({lastInboundWave:e}):s({lastOutboundWave:e})},d=p("primary"===("inbound"===t.state.type?o.lastInboundWave:o.lastOutboundWave)?(l("secondary"),"secondary"):(l("primary"),"primary")),c=(e=>{const t=`/icons/${e}`;return"inbound"===e?`${t}/${M(1,18)}.svg`:`${t}/${M(1,16)}.svg`})(t.state.type);return i((()=>{const e=u.path("primary"===d.value?t.wave.primary:t.wave.secondary),s="primary"===d.value?$.dataPointFlow.primaryWaveDurationMultiplier:1;u({targets:n.value,translateX:e("x"),translateY:e("y"),easing:$.dataPointFlow.easing,duration:$.dataPointFlow.duration*s,direction:"reverse",begin(){o.sound&&I(t.state.type),t.onCreate&&t.onCreate()},change({progress:e}){e<50&&!a.value&&(a.value=!0)},complete(){t.onRemove&&t.onRemove()}})})),r(a,(()=>{t.onBilling&&t.onBilling()})),()=>{const a=4*t.state.size,o=2*a;return e(g,{to:`#${t.state.type}-${d.value}`},{default:()=>[e("g",{ref:n},[e("circle",{cx:"0",cy:"0",r:a,"stroke-width":"0",style:{fill:L[t.state.type]}},null),e("foreignObject",{x:-a,y:-a,width:o,height:o},[e("img",{src:c,class:"p-1"},null)])])]})}}}),{animations:B,colors:T}=k,E=s({props:{type:{required:!0,type:String},labels:{required:!0,type:Object},onRemove:Function},setup(n){const{state:a}=S(),o=e=>"inbound"===n.type?["50%",-50-100*e+"%"]:["-50%",50+100*e+"%"];return()=>e("div",{class:t("absolute flex flex-col-reverse justify-center items-center","inbound"===n.type?"bottom-[100%]":"top-[100%]"),style:{color:T.sale}},[n.labels.map((({id:t,value:s},l)=>e("div",{class:"absolute flex items-center justify-center h-4 sm:h-5 md:h-6 lg:h-7 xl:h-8",ref:e=>((e,t)=>{e&&!e.dataset.animated&&(e.dataset.animated="true",a.sound&&I("sale"),u({targets:e,translateY:o(t),scale:[0,1],opacity:[0,1],duration:B.billingLabelFade.duration,endDelay:B.billingLabelFade.endDelay,easing:B.billingLabelFade.easing,complete(){n.onRemove&&n.onRemove()}}))})(e,l),key:t},[e(b,{icon:m,fixedWidth:!0,class:"!h-3 !w-3 sm:!h-3.5 sm:!w-3.5 md:!h-5 md:!w-5 lg:!h-6 lg:!w-6 xl:!h-7 xl:!w-7"},null),e("span",{class:"pl-1 text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl"},[y("$"),s])])))])}}),H=t=>e(d,null,[e("path",{ref:e=>t.secondaryWaveRef(e),d:"M221.526278,24.5108 C217.982978,27.5098 219.660394,39.3406 213.617278,39.4658 C207.574162,39.591 201.989029,19.5268 198.052278,19.5268 C194.115526,19.5268 191.570199,43.8801 185.322764,45.5106 C179.075328,47.1411 175.805126,17.8269288 170.034278,16.6238 C164.263429,15.4206712 163.842087,40.6703373 156.632278,40.7838 C149.422468,40.8972627 147.698677,19.2628 142.711278,19.2628 C137.723879,19.2628 136.689957,39.591 128.31711,39.4658 C119.944262,39.3406 119.944262,18.6238 114.414534,18.6238 C108.884806,18.6238 105.884806,41.3406 97.5119585,41.4658 C89.1391113,41.591 88.1051891,21.2628 83.1177903,21.2628 C78.1303914,21.2628 76.4065995,42.8972627 69.1967903,42.7838 C61.986981,42.6703373 61.565639,17.4206712 55.7947903,18.6238 C50.0239416,19.8269288 46.75374,49.1411 40.5063045,47.5106 C34.2588689,45.8801 31.7135419,21.5268 27.7767903,21.5268 C23.8400386,21.5268 18.2549064,41.591 12.2117903,41.4658 C6.16867413,41.3406 7.84609027,29.5098 4.30279027,26.5108","stroke-width":"2"},null),e("g",{id:"inbound-secondary"},null),e("path",{ref:e=>t.primaryWaveRef(e),d:"M226.685012,26.2256074 C226.685012,33.7315118 224.60177,48.4048 219.052751,48.4048 C213.503731,48.4048 212.247374,14.7407588 206.175578,14.5408 C200.103782,14.3408412 203.075882,48.0905 195.094578,47.6158 C187.113273,47.1411 188.568265,23.5636 183.494062,23.5636 C178.419858,23.5636 179.014678,56.5868 172.142578,56.5868 C165.270478,56.5868 167.52814,-3.81442032 159.162578,2.1418 C150.797015,8.09802032 154.96851,54.4325 146.457578,48.4048 C137.946645,42.3771 142.022053,22.2308 134.706578,22.2308 C127.391103,22.2308 129.202755,46.0015939 123.05627,45.5106 C116.909784,45.0196061 119.558895,29.1576816 114.414534,29.1576816 C109.270173,29.1576816 111.919284,45.0196061 105.772798,45.5106 C99.6263126,46.0015939 101.437965,22.2308 94.1224903,22.2308 C86.8070154,22.2308 90.8824228,42.3771 82.3714903,48.4048 C73.8605577,54.4325 78.032053,8.09802032 69.6664903,2.1418 C61.3009275,-3.81442032 63.5585903,56.5868 56.6864903,56.5868 C49.8143903,56.5868 50.4092096,23.5636 45.3350062,23.5636 C40.2608029,23.5636 41.715795,47.1411 33.7344903,47.6158 C25.7531856,48.0905 28.7252861,14.3408412 22.6534903,14.5408 C16.5816945,14.7407588 15.3253369,48.4048 9.77631722,48.4048 C4.22729757,48.4048 2.14405628,33.7315118 2.14405628,26.2256074","stroke-width":"3"},null),e("g",{id:"inbound-primary"},null)]),A=t=>e(d,null,[e("path",{ref:e=>t.secondaryWaveRef(e),d:"M219.382221,32.076 C215.838921,29.077 217.516338,17.2462 211.473221,17.121 C205.430105,16.9958 199.844973,37.06 195.908221,37.06 C191.97147,37.06 189.426143,12.7067 183.178707,11.0762 C176.931272,9.4457 173.66107,38.7598712 167.890221,39.963 C162.119373,41.1661288 161.698031,15.9164627 154.488221,15.803 C147.278412,15.6895373 145.55462,37.324 140.567221,37.324 C135.579823,37.324 134.5459,16.9958 126.173053,17.12

11 C117.800206,17.2462 117.800206,37.963 112.270478,37.963 C106.740749,37.963 103.740749,15.2462 95.3679022,15.121 C86.995055,14.9958 85.9611328,35.324 80.973734,35.324 C75.9863352,35.324 74.2625433,13.6895373 67.052734,13.803 C59.8429247,13.9164627 59.4215827,39.1661288 53.650734,37.963 C47.8798853,36.7598712 44.6096838,7.4457 38.3622482,9.0762 C32.1148126,10.7067 29.5694856,35.06 25.632734,35.06 C21.6959824,35.06 16.1108501,14.9958 10.067734,15.121 C4.02461785,15.2462 5.702034,27.077 2.158734,30.076","stroke-width":"2"},null),e("g",{id:"outbound-secondary"},null),e("path",{ref:e=>t.primaryWaveRef(e),d:"M224.540955,30.3611926 C224.540955,22.8552882 222.457714,8.182 216.908694,8.182 C211.359675,8.182 210.103317,41.8460412 204.031521,42.046 C197.959726,42.2459588 200.931826,8.4963 192.950521,8.971 C184.969217,9.4457 186.424209,33.0232 181.350006,33.0232 C176.275802,33.0232 176.870621,0 169.998521,0 C163.126421,0 165.384084,60.4012203 157.018521,54.445 C148.652959,48.4887797 152.824454,2.1543 144.313521,8.182 C135.802589,14.2097 139.877996,34.356 132.562521,34.356 C125.247047,34.356 127.058699,10.5852061 120.912214,11.0762 C114.765728,11.5671939 117.414839,27.4291184 112.270478,27.4291184 C107.126117,27.4291184 109.775228,11.5671939 103.628742,11.0762 C97.4822563,10.5852061 99.2939089,34.356 91.978434,34.356 C84.6629591,34.356 88.7383666,14.2097 80.227434,8.182 C71.7165014,2.1543 75.8879967,48.4887797 67.522434,54.445 C59.1568713,60.4012203 61.414534,0 54.542434,0 C47.670334,0 48.2651533,33.0232 43.1909499,33.0232 C38.1167466,33.0232 39.5717387,9.4457 31.590434,8.971 C23.6091293,8.4963 26.5812298,42.2459588 20.509434,42.046 C14.4376382,41.8460412 13.1812806,8.182 7.63226095,8.182 C2.0832413,8.182 0,22.8552882 0,30.3611926","stroke-width":"3"},null),e("g",{id:"outbound-primary"},null)]),N=s({props:{type:{required:!0,type:String},onLoad:Function},setup(t){const n=[0,0,229,64],a=v({primary:null,secondary:null}),{state:o,setState:s}=S(),l=p([]);return i((()=>{t.onLoad&&a.primary&&a.secondary&&t.onLoad(a)})),()=>e("div",{class:"flex relative items-center justify-center"},[e("svg",{viewBox:n.join(" "),class:"w-[44vw] overflow-visible"},[e("g",{stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round",transform:"translate(2,1.5)"},["inbound"===t.type?e(H,{primaryWaveRef:e=>a.primary=e,secondaryWaveRef:e=>a.secondary=e},null):e(A,{primaryWaveRef:e=>a.primary=e,secondaryWaveRef:e=>a.secondary=e},null),o[t.type].map((n=>e(q,{key:n.id,wave:a,state:n,onBilling:()=>{n.billable&&"number"==typeof n.value&&l.value.push({id:f(),value:n.value})},onCreate:()=>{s({logo:"outbound"===t.type?"animating-out":o.logo})},onRemove:()=>{s({[t.type]:o[t.type].filter((({id:e})=>e!==n.id)),logo:"inbound"===t.type?"animating-in":"off"})}},null)))])]),e(E,{type:t.type,labels:l.value,onRemove:()=>l.value.shift()},null)])}}),{translations:Q}=k,Y=s({setup(){const{state:t,setState:n}=S(),a=()=>{n({sound:!t.sound})};return()=>e("div",{class:"absolute z-10 flex items-center justify-center group top-4 right-4"},[e("button",{class:"w-12 h-12 text-gray-800 transition-colors rounded-full hover:bg-gray-100",onClick:a},[e(b,{icon:t.sound?C:h,size:"lg"},null)]),e("span",{class:"absolute px-1 py-0.5 text-white transition-opacity bg-gray-800 rounded-lg opacity-0 right-14 group-hover:opacity-100 whitespace-nowrap"},[t.sound?Q.soundOn:Q.soundOff])])}});w.extend(x);const X=e=>{let t=[];const n=async()=>{const e=await(async()=>{const e=await fetch("https://transmission.confection.io/usage/");if(e.ok){const t=await e.json();return[...Object.entries(t.api),...Object.entries(t.integration),...Object.entries(t.substation)].map((([e,{count:t,type:n,value:a}])=>{const o=Number(e.substring(0,2)),s=Number(e.substring(2)),l=w().utc().hour(o).minute(s).second(M(0,59));return{billable:Boolean(t&&a),id:f(),size:M(k.minDataPointSize,k.maxDataPointSize),timestamp:l.valueOf(),type:n,value:a}}))}return null})();e&&t.push(...e)},a=()=>{const n=w().subtract(k.syncIntervalMinutes+1,"minute");let o=0;t=t.filter((t=>!(n.valueOf()>=t.timestamp&&o<=k.simultaneousOutputLimit)||("visible"===document.visibilityState&&(e(t),o+=1),!1))),requestAnimationFrame(a)};setInterval(n,60*k.syncIntervalMinutes*1e3),n(),requestAnimationFrame(a)};O(s({setup(){const{state:t,setState:a}=(()=>{const e=n({inbound:[],outbound:[],logo:"off",sound:!1,lastInboundWave:null,lastOutboundWave:null}),t=t=>{Object.assign(e,t)};return o("state",e),o("setState",t),{state:e,setState:t}})();return i((()=>{X((e=>{a({[e.type]:[...t[e.type],e]})}))})),()=>e("div",{class:"flex h-screen w-screen relative items-center justify-center"},[e(N,{type:"inbound"},null),e(P,null,null),e(N,{type:"outbound"}

1,null),e(j,null,null),e(Y,null,null)])}})).mount("#app");