https://www.allwage.com/_next/static/chunks/4105.005895c31e66244a.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var l=1;l<arguments.length;l++){var a=arguments[l];if(null!=a)for(var t in a)a.hasOwnProperty(t)&&(e[t]=a[t])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:allwage-marketing-website":!0});var l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="42b989d0-b952-4873-a208-a763675e10c4",e._sentryDebugIdIdentifier="sentry-dbid-42b989d0-b952-4873-a208-a763675e10c4")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4105],{4105:(e,l,a)=>{a.r(l),a.d(l,{PrimaryGraph:()=>d});var t=a(6029),n=a(3224),s=a.n(n),r=a(93858),i=a(55729),u=a(99733);function d(e){var l,a,n;let{graph:d}=e,b=(0,i.useRef)(null),c=(null==d||null==(l=d.bubbles)?void 0:l.map(e=>{var l,a;let t=((null==e||null==(l=e.blue)?void 0:l.dataPoints)||"").split(",").map(e=>parseInt(e)),n=((null==e||null==(a=e.green)?void 0:a.dataPoints)||"").split(",").map(e=>parseInt(e)),s=Math.max(t.length,n.length),r=[];for(let e=0;e<s;e++)e<t.length&&r.push(t[e]),e<n.length&&r.push(n[e]);return r}))||[],[h,o]=(0,i.useState)(0),[g,v]=(0,i.useState)(0),[_,p]=(0,i.useState)(!0),[m,f]=(0,i.useState)(!1),[$,y]=(0,i.useState)(0),x="section";(0,i.useEffect)(()=>{if(0===$)return;let e=setInterval(()=>{f(!1),setTimeout(()=>{f(!0),o(e=>e!==d.bubbles.length-1?e+1:0)},1e3)},7e3);return()=>{clearInterval(e)}},[null==d||null==(a=d.bubbles)?void 0:a.length,$]),(0,i.useEffect)(()=>{var e;b.current&&(null==(e=b.current.children)?void 0:e.length)!==0&&j()},[b]);let j=()=>{setTimeout(()=>{var e,l,a;b.current&&(y(null==(a=b.current)||null==(l=a.children)||null==(e=l[0])?void 0:e.getBoundingClientRect().width),f(!0))},1500)};return(0,t.jsx)("div",{className:s()[`${x}__graph`],children:(0,t.jsxs)("div",{className:s()[`${x}__graph-inner`],children:[(0,t.jsx)("div",{ref:b,className:s()[`${x}__graph-element`],children:c&&c.length>0&&(0,t.jsx)(t.Fragment,{children:c[h].map((e,l)=>(0,t.jsx)(r.P.div,{className:s()[`${x}__graph-element-bar`],style:{height:`${l%2?c[h][l]:e}%`},initial:{scaleY:0},animate:{scaleY:_&&m?1:0},transition:{delay:.25+.01*l}},`${l}`))})}),d&&(null==(n=d.bubbles)?void 0:n.length)>0&&(0,t.jsx)(t.Fragment,{children:d.bubbles.map((e,l)=>(0,t.jsx)("div",{className:`
2                  ${s()[`${x}__graph-bubbles`]}
3                  ${h===l&&m?s()[`${x}__graph-bubbles--is-active`]:""}
4                `,children:Object.keys(e).filter(e=>"id"!==e).map((a,n)=>{var r,i,d,b,c,o,g,v;return(0,t.jsxs)("div",{className:`
5                      ${s()[`${x}__graph-bubble`]}
6                      ${!(null==(r=e[a])?void 0:r.image)?s()[`${x}__graph-bubble--no-image`]:""}

7                    `,style:{top:`${(null==(d=e[a])||null==(i=d.position)?void 0:i.topOffset)||0}%`,left:$*((null==(c=e[a])||null==(b=c.position)?void 0:b.bindTo)||0)-$/2-.5},children:[(0,t.jsx)("div",{className:s()[`${x}__graph-bubble-line`],style:{height:h===l?"100vh":"0vh"}}),!!(null==(o=e[a])?void 0:o.image)&&(0,t.jsx)("div",{className:s()[`${x}__graph-bubble-image`],children:(0,t.jsx)(u._V,{className:s()[`${x}__carousel-image-element`],alt:null==(g=e[a])?void 0:g.image.alt,fit:"cover",image:null==(v=e[a])?void 0:v.image,sizes:"120px"})}),(0,t.jsxs)("div",{className:s()[`${x}__graph-bubble-text`],children:[(0,t.jsx)("div",{className:s()[`${x}__graph-bubble-title`],children:(0,t.jsx)(u.EY,{children:e[a].title})}),(0,t.jsxs)("div",{className:s()[`${x}__graph-bubble-value`],children:[(0,t.jsx)(u.In,{className:s()[`${x}__graph-bubble-icon`],value:"down"===e[a].dir?"trending-down":"trending-up"}),(0,t.jsx)(u.EY,{size:"sm",children:e[a].value})]})]})]},`${a} ${n}`)})},`${l}`))})]})})}}}]);