https://www.referly.so/_next/static/chunks/62174.53b50dc98ebb08b4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62174],{62174:(e,r,t)=>{t.r(r),t.d(r,{Funnel:()=>T,ResponsiveFunnel:()=>N,computePartsHandlers:()=>I,computeScales:()=>O,computeSeparators:()=>w,computeShapeGenerators:()=>M,getSizeGenerator:()=>j,svgDefaultProps:()=>C,useFunnel:()=>z,useFunnelAnnotations:()=>E,useSize:()=>L});var o=t(2432),n=t(61032),a=t(10128),i=t(34965),s=t(83428),u=t(34603),l=t(23843),d=t(66967),p=t(64199),f=t(58748),c=t(6348),h=t(87279),v=t(97772),y=t(39028),x=t(2891),b=t(90960),m=t(89101);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(null,arguments)}function S(e,r){if(null==e)return{};var t={};for(var o in e)if(({}).hasOwnProperty.call(e,o)){if(-1!==r.indexOf(o))continue;t[o]=e[o]}return t}var C={layers:["separators","parts","labels","annotations"],direction:"vertical",interpolation:"smooth",spacing:0,shapeBlending:.66,colors:{scheme:"nivo"},size:void 0,fillOpacity:1,borderWidth:6,borderColor:{from:"color"},borderOpacity:.66,enableLabel:!0,labelColor:{theme:"background"},enableBeforeSeparators:!0,beforeSeparatorLength:0,beforeSeparatorOffset:0,enableAfterSeparators:!0,afterSeparatorLength:0,afterSeparatorOffset:0,annotations:[],isInteractive:!0,currentPartSizeExtension:0,role:"img",animate:n.oU.animate,motionConfig:n.oU.config},P=function(e){var r=e.part;return(0,v.jsx)(h.GK,{id:r.data.label,value:r.formattedValue,color:r.color,enableChip:!0})},M=function(e,r){var t=(0,a.A)();return"vertical"===r?t.curve("smooth"===e?i.Ay:s.A).x0(function(e){return e.x0}).x1(function(e){return e.x1}).y(function(e){return e.y}):t.curve("smooth"===e?i.Ay:s.A).y0(function(e){return e.y0}).y1(function(e){return e.y1}).x(function(e){return e.x}),[t,(0,u.A)().defined(function(e){return null!==e}).x(function(e){return e.x}).y(function(e){return e.y}).curve("smooth"===e?i.Ay:s.A)]},O=function(e){var r,t,o=e.data,n=e.direction,a=e.width,i=e.height,s=e.spacing;"vertical"===n?(r=i,t=a):(r=a,t=i);var u=(r-s*(o.length-1))/o.length,d=function(e){return s*e+u*e};d.bandwidth=u;var p=o.map(function(e){return e.value});return[d,(0,l.A)().domain([0,Math.max.apply(Math,p)]).range([0,t])]},w=function(e){var r=e.parts,t=e.direction,o=e.width,n=e.height,a=e.spacing,i=e.enableBeforeSeparators,s=e.beforeSeparatorOffset,u=e.enableAfterSeparators,l=e.afterSeparatorOffset,d=[],p=[],f=r[r.length-1];if("vertical"===t){r.forEach(function(e){var r=e.y0-a/2;i&&d.push({partId:e.data.id,x0:0,x1:e.x0-s,y0:r,y1:r}),u&&p.push({partId:e.data.id,x0:e.x1+l,x1:o,y0:r,y1:r})});var c=f.y1;i&&d.push(g({},d[d.length-1],{partId:"none",y0:c,y1:c})),u&&p.push(g({},p[p.length-1],{partId:"none",y0:c,y1:c}))}else if("horizontal"===t){r.forEach(function(e){var r=e.x0-a/2;d.push({partId:e.data.id,x0:r,x1:r,y0:0,y1:e.y0-s}),p.push({partId:e.data.id,x0:r,x1:r,y0:e.y1+l,y1:n})});var h=f.x1;d.push(g({},d[d.length-1],{partId:"none",x0:h,x1:h})),p.push(g({},p[p.length-1],{partId:"none",x0:h,x1:h}))}return[d,p]},I=function(e){var r=e.parts,t=e.setCurrentPartId,n=e.isInteractive,a=e.onMouseEnter,i=e.onMouseLeave,s=e.onMouseMove,u=e.onClick,l=e.showTooltipFromEvent,d=e.hideTooltip,p=e.tooltip,f=void 0===p?P:p;return n?r.map(function(e){return g({},e,{onMouseEnter:function(r){t(e.data.id),l((0,o.createElement)(f,{part:e}),r),null==a||a(e,r)},onMouseLeave:function(r){t(null),d(),null==i||i(e,r)},onMouseMove:function(r){l((0,o.createElement)(f,{part:e}),r),null==s||s(e,r)},onClick:void 0!==u?function(r){u(e,r)}:void 0})}):r},j=function(e,r){if("function"==typeof e)return e;if(Array.isArray(e)){var t=(0,d.A)(e);return function(e){return Number(t(String(e.id)))}}if(y(e)){if(void 0!==e.datum)return function(r){var t=x(r,e.datum);return"number"==typeof t?t:0};throw Error("Invalid size, when using an object, you should specify a 'datum' property")}return function(e){return r(e.value)}},L=function(e,r){return(0,o.useMemo)(function(){return j(e,r)},[e,r])},z=function(e){var r,t,a=e.data,i=e.width,s=e.height,u=e.direction,l=void 0===u?C.direction:u,d=e.interpolation,c=void 0===d?C.interpolation:d,v=e.spacing,y=void 0===v?C.spacing:v,x=e.shapeBlending,b=void 0===x?C.shapeBlending:x,m=e.valueFormat,S=e.colors,P=void 0===S?C.colors:S,j=e.size,z=void 0===j?C.size:j,E=e.fillOpacity,A=void 0===E?C.fillOpacity:E,W=e.borderWidth,B=void 0===W?C.borderWidth:W,k=e.borderColor,G=void 0===k?C.borderColor:k,F=e.borderOpacity,R=void 0===F?C.borderOpacity:F,D=e.labelColor,H=void 0===D?C.labelColor:D,T=e.enableBeforeSeparators,_=void 0===T?C.enableBeforeSeparators:T,N=e.beforeSeparatorLength,V=void 0===N?C.beforeSeparatorLength:N,K=e.beforeSeparatorOffset,U=void 0===K?C.beforeSeparatorOffset:K,Y=e.enableAfterSeparators,X=void 0===Y?C.enableAfterSeparators:Y,q=e.afterSeparatorLength,J=void 0===q?C.afterSeparatorLength:q,Q=e.afterSeparatorOffset,Z=void 0===Q?C.afterSeparatorOffset:Q,$=e.isInteractive,ee=void 0===$?C.isInteractive:$,er=e.currentPartSizeExtension,et=void 0===er?C.currentPartSizeExtension:er,eo=e.currentBorderWidth,en=e.onMouseEnter,ea=e.onMouseMove,ei=e.onMouseLeave,es=e.onClick,eu=e.tooltip,el=(0,f.DP)(),ed=(0,p.m1)(P,"id"),ep=(0,p.nz)(G,el),ef=(0,p.nz)(H,el),ec=(0,n.d_)(m),eh=(0,o.useMemo)(function(){return M(c,l)},[c,l]),ev=eh[0],ey=eh[1],ex=_?V+U:0,eb=X?J+Z:0;"vertical"===l?(r=i-ex-eb,t=s):(r=i,t=s-ex-eb);var em=(0,o.useMemo)(function(){return O({data:a,direction:l,width:r,height:t,spacing:y})},[a,l,r,t,y]),eg=em[0],eS=L(z,em[1]),eC=(0,o.useState)(null),eP=eC[0],eM=eC[1],eO=(0,o.useMemo)(function(){var e=a.map(function(e,o){var n,a,i,s,u=e.id===eP,d=eS(e);"vertical"===l?(n=d,a=eg.bandwidth,s=ex+.5*(r-n),i=eg(o)):(n=eg.bandwidth,a=d,s=eg(o),i=ex+.5*(t-a));var p=s+n,f=s+.5*n,c=i+a,h=i+.5*a,v={data:e,width:n,height:a,color:ed(e),fillOpacity:A,borderWidth:u&&void 0!==eo?eo:B,borderOpacity:R,formattedValue:ec(e.value),isCurrent:u,x:f,x0:s,x1:p,y:h,y0:i,y1:c,borderColor:"",labelColor:"",points:[],areaPoints:[],borderPoints:[]};return v.borderColor=ep(v),v.labelColor=ef(v),v}),o=b/2;return e.forEach(function(r,t){var n=e[t+1];if("vertical"===l){r.points.push({x:r.x0,y:r.y0}),r.points.push({x:r.x1,y:r.y0}),n?(r.points.push({x:n.x1,y:r.y1}),r.points.push({x:n.x0,y:r.y1})):(r.points.push({x:r.points[1].x,y:r.y1}),r.points.push({x:r.points[0].x,y:r.y1})),r.isCurrent&&(r.points[0].x-=et,r.points[1].x+=et,r.points[2].x+=et,r.points[3].x-=et),r.areaPoints=[{x:0,x0:r.points[0].x,x1:r.points[1].x,y:r.y0,y0:0,y1:0}],r.areaPoints.push(g({},r.areaPoints[0],{y:r.y0+r.height*o}));var a={x:0,x0:r.points[3].x,x1:r.points[2].x,y:r.y1,y0:0,y1:0};r.areaPoints.push(g({},a,{y:r.y1-r.height*o})),r.areaPoints.push(a),[0,1,2,3].map(function(e){r.borderPoints.push({x:r.areaPoints[e].x0,y:r.areaPoints[e].y})}),r.borderPoints.push(null),[3,2,1,0].map(function(e){r.borderPoints.push({x:r.areaPoints[e].x1,y:r.areaPoints[e].y})})}else{r.points.push({x:r.x0,y:r.y0}),n?(r.points.push({x:r.x1,y:n.y0}),r.points.push({x:r.x1,y:n.y1})):(r.points.push({x:r.x1,y:r.y0}),r.points.push({x:r.x1,y:r.y1})),r.points.push({x:r.x0,y:r.y1}),r.isCurrent&&(r.points[0].y-=et,r.points[1].y-=et,r.points[2].y+=et,r.points[3].y+=et),r.areaPoints=[{x:r.x0,x0:0,x1:0,y:0,y0:r.points[0].y,y1:r.points[3].y}],r.areaPoints.push(g({},r.areaPoints[0],{x:r.x0+r.width*o}));var i={x:r.x1,x0:0,x1:0,y:0,y0:r.points[1].y,y1:r.points[2].y};r.areaPoints.push(g({},i,{x:r.x1-r.width*o})),r.areaPoints.push(i),[0,1,2,3].map(function(e){r.borderPoints.push({x:r.areaPoints[e].x,y:r.areaPoints[e].y0})}),r.borderPoints.push(null),[3,2,1,0].map(function(e){r.borderPoints.push({x:r.areaPoints[e].x,y:r.areaPoints[e].y1})})}}),e},[a,l,eg,r,t,ex,b,ed,ec,ep,ef,eP,R,B,eo,et,A,eS]),ew=(0,h.fS)(),eI=ew.showTooltipFromEvent,ej=ew.hideTooltip,eL=(0,o.useMemo)(function(){return I({parts:eO,setCurrentPartId:eM,isInteractive:ee,onMouseEnter:en,onMouseLeave:ei,onMouseMove:ea,onClick:es,showTooltipFromEvent:eI,hideTooltip:ej,tooltip:eu})},[eO,eM,ee,en,ei,ea,es,eI,ej,eu]),ez=(0,o.useMemo)(function(){return w({parts:eO,direction:l,width:i,height:s,spacing:y,enableBeforeSeparators:_,beforeSeparatorOffset:U,enableAfterSeparators:X,afterSeparatorOffset:Z})},[eO,l,i,s,y,_,U,X,Z]),eE=ez[0],eA=ez[1],eW=(0,o.useMemo)(function(){return{width:i,height:s,parts:eL,areaGenerator:ev,borderGenerator:ey,beforeSeparators:eE,afterSeparators:eA,setCurrentPartId:eM}},[i,s,eL,ev,ey,eE,eA,eM]);return{parts:eL,areaGenerator:ev,borderGenerator:ey,beforeSeparators:eE,afterSeparators:eA,setCurrentPartId:eM,currentPartId:eP,customLayerProps:eW}},E=function(e,r){return(0,c.wI)({data:e,annotations:r,getPosition:function(e){return{x:e.x,y:e.y}},getDimensions:function(e){var r=e.width,t=e.height;return{size:Math.max(r,t),width:r,height:t}}})}

1,A=function(e){var r=e.part,t=e.areaGenerator,o=e.borderGenerator,a=(0,n.mk)(),i=a.animate,s=a.config,u=(0,n.wA)(t(r.areaPoints)),l=(0,n.wA)(o(r.borderPoints)),d=(0,b.zh)({areaColor:r.color,borderWidth:r.borderWidth,borderColor:r.borderColor,config:s,immediate:!i});return(0,v.jsxs)(v.Fragment,{children:[r.borderWidth>0&&(0,v.jsx)(b.CS.path,{d:l,stroke:d.borderColor,strokeWidth:d.borderWidth,strokeOpacity:r.borderOpacity,fill:"none"}),(0,v.jsx)(b.CS.path,{d:u,fill:d.areaColor,fillOpacity:r.fillOpacity,onMouseEnter:r.onMouseEnter,onMouseLeave:r.onMouseLeave,onMouseMove:r.onMouseMove,onClick:r.onClick})]})},W=function(e){var r=e.parts,t=e.areaGenerator,o=e.borderGenerator;return(0,v.jsx)(v.Fragment,{children:r.map(function(e){return(0,v.jsx)(A,{part:e,areaGenerator:t,borderGenerator:o},e.data.id)})})},B=function(e){var r=e.part,t=(0,f.DP)(),o=(0,n.mk)(),a=o.animate,i=o.config,s=(0,b.zh)({transform:"translate("+r.x+", "+r.y+")",color:r.labelColor,config:i,immediate:!a});return(0,v.jsx)(b.CS.g,{transform:s.transform,children:(0,v.jsx)(m.EY,{textAnchor:"middle",dominantBaseline:"central",style:g({},t.labels.text,{fill:s.color,pointerEvents:"none"}),children:r.formattedValue})})},k=function(e){var r=e.parts;return(0,v.jsx)(v.Fragment,{children:r.map(function(e){return(0,v.jsx)(B,{part:e},e.data.id)})})},G=function(e){var r=e.separator,t=(0,f.DP)(),o=(0,n.mk)(),a=o.animate,i=o.config,s=(0,b.zh)({x1:r.x0,x2:r.x1,y1:r.y0,y2:r.y1,config:i,immediate:!a});return(0,v.jsx)(b.CS.line,g({x1:s.x1,x2:s.x2,y1:s.y1,y2:s.y2,fill:"none"},t.grid.line))},F=function(e){var r=e.beforeSeparators,t=e.afterSeparators;return(0,v.jsxs)(v.Fragment,{children:[r.map(function(e){return(0,v.jsx)(G,{separator:e},e.partId)}),t.map(function(e){return(0,v.jsx)(G,{separator:e},e.partId)})]})},R=function(e){var r=E(e.parts,e.annotations);return(0,v.jsx)(v.Fragment,{children:r.map(function(e,r){return(0,v.jsx)(c.YH,g({},e),r)})})},D=["isInteractive","animate","motionConfig","theme","renderWrapper"],H=function(e){var r=e.data,t=e.width,a=e.height,i=e.margin,s=e.direction,u=void 0===s?C.direction:s,l=e.interpolation,d=void 0===l?C.interpolation:l,p=e.spacing,f=void 0===p?C.spacing:p,c=e.shapeBlending,h=void 0===c?C.shapeBlending:c,y=e.valueFormat,x=e.colors,b=void 0===x?C.colors:x,m=e.size,g=void 0===m?C.size:m,S=e.fillOpacity,P=void 0===S?C.fillOpacity:S,M=e.borderWidth,O=void 0===M?C.borderWidth:M,w=e.borderColor,I=void 0===w?C.borderColor:w,j=e.borderOpacity,L=void 0===j?C.borderOpacity:j,E=e.enableLabel,A=void 0===E?C.enableLabel:E,B=e.labelColor,G=void 0===B?C.labelColor:B,D=e.enableBeforeSeparators,H=void 0===D?C.enableBeforeSeparators:D,T=e.beforeSeparatorLength,_=void 0===T?C.beforeSeparatorLength:T,N=e.beforeSeparatorOffset,V=void 0===N?C.beforeSeparatorOffset:N,K=e.enableAfterSeparators,U=void 0===K?C.enableAfterSeparators:K,Y=e.afterSeparatorLength,X=void 0===Y?C.afterSeparatorLength:Y,q=e.afterSeparatorOffset,J=void 0===q?C.afterSeparatorOffset:q,Q=e.layers,Z=void 0===Q?C.layers:Q,$=e.annotations,ee=void 0===$?C.annotations:$,er=e.isInteractive,et=void 0===er?C.isInteractive:er,eo=e.currentPartSizeExtension,en=void 0===eo?C.currentPartSizeExtension:eo,ea=e.currentBorderWidth,ei=e.onMouseEnter,es=e.onMouseMove,eu=e.onMouseLeave,el=e.onClick,ed=e.tooltip,ep=e.role,ef=void 0===ep?C.role:ep,ec=e.ariaLabel,eh=e.ariaLabelledBy,ev=e.ariaDescribedBy,ey=e.forwardedRef,ex=(0,n.Xl)(t,a,i),eb=ex.margin,em=ex.innerWidth,eg=ex.innerHeight,eS=ex.outerWidth,eC=ex.outerHeight,eP=z({data:r,width:em,height:eg,direction:u,interpolation:d,spacing:f,shapeBlending:h,valueFormat:y,colors:b,size:g,fillOpacity:P,borderWidth:O,borderColor:I,borderOpacity:L,labelColor:G,enableBeforeSeparators:H,beforeSeparatorLength:_,beforeSeparatorOffset:V,enableAfterSeparators:U,afterSeparatorLength:X,afterSeparatorOffset:J,isInteractive:et,currentPartSizeExtension:en,currentBorderWidth:ea,onMouseEnter:ei,onMouseMove:es,onMouseLeave:eu,onClick:el,tooltip:ed}),eM=eP.areaGenerator,eO=eP.borderGenerator,ew=eP.parts,eI=eP.beforeSeparators,ej=eP.afterSeparators,eL=eP.customLayerProps,ez={separators:null,parts:null,annotations:null,labels:null};return Z.includes("separators")&&(ez.separators=(0,v.jsx)(F,{beforeSeparators:eI,afterSeparators:ej},"separators")),Z.includes("parts")&&(ez.parts=(0,v.jsx)(W,{parts:ew,areaGenerator:eM,borderGenerator:eO},"parts")),null!=Z&&Z.includes("annotations")&&(ez.annotations=(0,v.jsx)(R,{parts:ew,annotations:ee},"annotations")),Z.includes("labels")&&A&&(ez.labels=(0,v.jsx)(k,{parts:ew},"labels")),(0,v.jsx)(n.Ge,{width:eS,height:eC,margin:eb,role:ef,ariaLabel:ec,ariaLabelledBy:eh,ariaDescribedBy:ev,ref:ey,children:Z.map(function(e,r){var t;return"function"==typeof e?(0,v.jsx)(o.Fragment,{children:(0,o.createElement)(e,eL)},r):null!=(t=null==ez?void 0:ez[e])?t:null})})},T=(0,o.forwardRef)(function(e,r){var t=e.isInteractive,o=void 0===t?C.isInteractive:t,a=e.animate,i=void 0===a?C.animate:a,s=e.motionConfig,u=void 0===s?C.motionConfig:s,l=e.theme,d=e.renderWrapper,p=S(e,D);return(0,v.jsx)(n.mc,{animate:i,isInteractive:o,motionConfig:u,renderWrapper:d,theme:l,children:(0,v.jsx)(H,g({isInteractive:o},p,{forwardedRef:r}))})}),_=["defaultWidth","defaultHeight","onResize","debounceResize"],N=(0,o.forwardRef)(function(e,r){var t=e.defaultWidth,o=e.defaultHeight,a=e.onResize,i=e.debounceResize,s=S(e,_);return(0,v.jsx)(n.KF,{defaultWidth:t,defaultHeight:o,onResize:a,debounceResize:i,children:function(e){var t=e.width,o=e.height;return(0,v.jsx)(T,g({width:t,height:o},s,{ref:r}))}})})}}]);