{"version":3,"file":"ServiceChallenges-Cyponp7E.js","names":["ScrollRevealHeading","CSSProperties","useEffect","useRef","Typography","ServiceChallenges","t0","$","_c","title","heading","accent","t1","flat","even","padded","challengeIntro","paragraph","challenges","items","undefined","section","t2","t3","Symbol","for","root","current","window","matchMedia","matches","observer","IntersectionObserver","entries","entry","isIntersecting","target","classList","add","unobserve","rootMargin","Math","round","innerHeight","querySelectorAll","forEach","group","observe","disconnect","t4","t5","t6","t7","filter","Boolean","t8","join","t9","t10","t11","t12","t13","map","_temp","t14","t15","t16","item","index","lead","text"],"sources":["../../src/components/features/povio/services/ServiceChallenges.tsx"],"sourcesContent":["import { ScrollRevealHeading } from \"../ScrollRevealHeading\";\n\nimport { type CSSProperties, useEffect, useRef } from \"react\";\nimport { Typography } from \"@povio/ui\";\n\nexport function ServiceChallenges({\n  title,\n  heading,\n  accent = \"Starts to Matter\",\n  flat,\n  even,\n  padded,\n  challengeIntro: paragraph,\n  challenges: items,\n}: {\n  title?: string;\n  heading?: string;\n  accent?: string;\n  challengeIntro: string;\n  challenges: (string | { lead: string; text: string })[];\n  flat?: boolean;\n  even?: boolean;\n  padded?: boolean;\n}) {\n  const section = useRef<HTMLElement>(null);\n  useEffect(() => {\n    const root = section.current;\n    if (!root || window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      return;\n    }\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"is-visible\");\n            observer.unobserve(entry.target);\n          }\n        }\n      },\n      { rootMargin: `0px 0px -${Math.round(window.innerHeight * 0.2)}px 0px` },\n    );\n    root.querySelectorAll(\".core_features_grid\").forEach((group) => observer.observe(group));\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <section\n      className={`everything_beyond_wrap ${[flat && \"is-flat\", even && \"is-even\", padded && \"is-padding\"].filter(Boolean).join(\" \")}`}\n      ref={section}\n    >\n      <div className=\"everything_beyond_contain\">\n        <div className=\"everything_beyond_layout\">\n          <div className=\"everything_top_wrap\">\n            <div className=\"everything_top_content\">\n              <ScrollRevealHeading\n                title={heading ?? `When ${title}`}\n                accent={accent}\n              />\n\n              <div className=\"wf_p_group\">\n                <Typography\n                  as=\"p\"\n                  size=\"body\"\n                  className=\"main_paragraph\"\n                >\n                  {paragraph}\n                </Typography>\n              </div>\n            </div>\n          </div>\n          <div className=\"core_features_grid\">\n            {items.map((item, index) => (\n              <div\n                key={typeof item === \"string\" ? item : item.lead}\n                className=\"core_features_item\"\n                style={{ \"--challenge-delay\": `${index * 200}ms` } as CSSProperties}\n              >\n                <svg\n                  className=\"core_features_svg\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"100%\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    d=\"M8.3997 12.0011L11.9997 12.001L15.5997 12.001M15.5997 12.001L12.4497 8.85104M15.5997 12.001L12.4497 15.151M5.63604 18.3643C9.15073 21.879 14.8493 21.879 18.364 18.3643C21.8787 14.8496 21.8786 9.15111 18.364 5.63642C14.8492 2.1217 9.15076 2.1217 5.63604 5.63642C2.12135 9.15111 2.12132 14.8496 5.63604 18.3643Z\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.35\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n                <Typography\n                  as=\"h3\"\n                  size=\"h3\"\n                  className=\"core_features_title\"\n                >\n                  {typeof item === \"string\" ? (\n                    item\n                  ) : (\n                    <>\n                      <strong>{item.lead}</strong> {item.text}\n                    </>\n                  )}\n                </Typography>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}