window.scrollY&&t.paused?(t.paused=!1,setTimeout((function(){return t.start()}),t.options.scrollSpyDelay),t.options.scrollSpyOnce&&(t.once=!0)):(window.scrollY>a||s>i)&&!t.paused&&t.reset()}},i.prototype.determineDirectionAndSmartEasing=function(){var t=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>t;var i=t-this.startVal;if(Math.abs(i)>this.options.smartEasingThreshold&&this.options.useEasing){this.finalEndVal=t;var n=this.countDown?1:-1;this.endVal=t+n*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=t,this.finalEndVal=null;null!==this.finalEndVal?this.useEasing=!1:this.useEasing=this.options.useEasing},i.prototype.start=function(t){this.error||(this.options.onStartCallback&&this.options.onStartCallback(),t&&(this.options.onCompleteCallback=t),this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},i.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},i.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},i.prototype.update=function(t){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(t),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,null==this.finalEndVal&&this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},i.prototype.printValue=function(t){var i;if(this.el){var n=this.formattingFn(t);if(null===(i=this.options.plugin)||void 0===i?void 0:i.render)this.options.plugin.render(this.el,n);else if(\"INPUT\"===this.el.tagName)this.el.value=n;else\"text\"===this.el.tagName||\"tspan\"===this.el.tagName?this.el.textContent=n:this.el.innerHTML=n}},i.prototype.ensureNumber=function(t){return\"number\"==typeof t&&!isNaN(t)},i.prototype.validateValue=function(t){var i=Number(t);return this.ensureNumber(i)?i:(this.error=\"[CountUp] invalid start or end value: \".concat(t),null)},i.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},i}();export{i as CountUp};\n","export default __webpack_public_path__ + \"static/media/clean-water.79774eed.svg\";","export default __webpack_public_path__ + \"static/media/climate-action.37ded868.svg\";","export default __webpack_public_path__ + \"static/media/life-on-land.5d3d388b.svg\";","export default __webpack_public_path__ + \"static/media/zero-hunger.70a83ae3.svg\";","import React, { useEffect, useState, useRef } from 'react';\nimport CountUp from 'react-countup';\n\nconst NumberAnimation = ({value, prefix, suffix}) => {\n const [inView, setInView] = useState(false);\n const [hasAnimated, setHasAnimated] = useState(false);\n const sectionRef = useRef(null);\n\n useEffect(() => {\n const observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting && !hasAnimated) {\n setInView(true);\n }\n },\n { threshold: 0.5 } // Trigger when 50% of the element is visible\n );\n\n if (sectionRef.current) {\n observer.observe(sectionRef.current);\n }\n\n return () => {\n if (sectionRef.current) {\n observer.unobserve(sectionRef.current);\n }\n };\n }, [hasAnimated]);\n\n\n const handleAnimationEnd = () => {\n setHasAnimated(true); // Mark animation as complete\n setInView(false); // Optionally reset inView state\n };\n\n return (\n \n {hasAnimated ? (\n {prefix||\"\"} {value} {suffix ||\"\"} // Static value after animation completes\n ) : (\n inView && {prefix||\"\"} {suffix ||\"\"} \n )}\n
\n );\n};\n\nexport default NumberAnimation;\n","import React from 'react';\nimport { t } from 'react-multi-lang';\nimport { Card, CardBody, CardImg, CardText, CardTitle, Col, Container, Row } from 'reactstrap';\nimport ActiveUsers from '../../assets/Images/active-users.svg';\nimport ActiveWarning from '../../assets/Images/active-warning.svg';\nimport CleanWater from '../../assets/Images/clean-water.svg';\nimport ClimateAction from '../../assets/Images/climate-action.svg';\nimport DroughtEarlyWarning from '../../assets/Images/drought-early-warning.svg';\nimport Investment from '../../assets/Images/investment.svg';\nimport LifeOnLand from '../../assets/Images/life-on-land.svg';\nimport ZeroHunger from '../../assets/Images/zero-hunger.svg';\nimport DcpIcon from '../../assets/Images/dcp.svg';\nimport CountUp from '../../Components/common/CountUp';\n\n// Mapping function to convert statisticsData to impactData\nconst mapStatisticsToImpactData = statisticsData => {\n const impactData = [\n {\n icon: DroughtEarlyWarning,\n description: 'with Early Warning Systems',\n value:\n statisticsData.find(item => item.name === 'Drought Early Warning Systems')?.value || 'N/A',\n label: 'Countries covered',\n },\n {\n icon: ActiveUsers,\n description: 'since 2022',\n value: statisticsData.find(item => item.name === 'Platform visitors')?.value || 'N/A',\n label: 'Platform visitors ',\n },\n {\n icon: ActiveWarning,\n description: 'indirectly benefited',\n value: statisticsData.find(item => item.name === 'Indirect Beneficiaries')?.value || 'N/A',\n label: 'farmers ',\n },\n {\n icon: Investment,\n description: 'Digital Contingency Plans',\n value: statisticsData.find(item => item.name === 'Digital Contingency Plans')?.value || 'N/A',\n label: 'districts covered with',\n },\n {\n icon: DcpIcon,\n description: 'investment',\n value: statisticsData.find(item => item.name === 'Investment')?.value || 'N/A',\n label: 'USD of',\n },\n ];\n\n return impactData;\n};\n\n// Mapping function to convert statisticsData to sdgsData\nconst mapStatisticsToSdgsData = () => {\n return [\n { img: LifeOnLand, alt: 'Life on Land' },\n { img: ClimateAction, alt: 'Climate Action' },\n { img: CleanWater, alt: 'Clean Water and Sanitation' },\n { img: ZeroHunger, alt: 'Zero Hunger' },\n ];\n};\n\nfunction checkPrefixSuffix(input) {\n let prefix = isNaN(input[0]) ? input[0] : '';\n let suffix = isNaN(input[input.length - 1]) ? input[input.length - 1] : '';\n let value = input.slice(prefix ? 1 : 0, suffix ? -1 : input.length);\n\n return {\n prefix: prefix || null, // Return null if no prefix\n value: value,\n suffix: suffix || null, // Return null if no suffix\n };\n}\n\nconst MaximizingImpact = ({ statisticsData }) => {\n const impactData = mapStatisticsToImpactData(statisticsData);\n const sdgsData = mapStatisticsToSdgsData();\n return (\n \n \n \n {t('LANDING_PAGE.MAXIMIZING_IMPACT')}
\n \n
\n \n {impactData.map(data => {\n const data1 = checkPrefixSuffix(data.value);\n return (\n \n \n {/* \n
\n
\n \n
\n \n \n \n \n \n {data.label} {data.description}\n \n
\n \n \n );\n })}\n
\n \n \n {t('LANDING_PAGE.ALIGNED_SDGS')}
\n \n
\n \n {sdgsData.map((sdg, index) => (\n \n 
\n \n ))}\n
\n \n );\n};\n\nexport default MaximizingImpact;\n"],"sourceRoot":""}