{"version":3,"file":"PovioTestimonials-CXHShxI4.js","names":["Button","Typography","useRef","usePovioTestimonials","defaultClients","id","name","position","tenure","portrait","mobile","desktop","tablet","quote","logo","src","width","height","portraitSizes","PovioTestimonials","t0","$","_c","t1","undefined","clients","t2","iot","t3","sectionRef","controls","t4","t5","map","_temp","t6","t7","_temp2","t8","t9","previousDisabled","t10","Symbol","for","t11","t12","nextDisabled","t13","t14","t15","t16","t17","client_0","client","index"],"sources":["../../src/components/features/povio/PovioTestimonials.css","../../src/components/features/povio/PovioTestimonials.tsx"],"sourcesContent":["/* Let Povio's accessible buttons retain the reference's single-icon flex layout. */\n:where(.povio-site) .testimonial_slider_button[data-povio-testimonials] > span {\n  display: contents;\n}\n\n:where(.povio-site) .testimonial_slider_button[data-povio-testimonials]:disabled {\n  opacity: 1;\n}\n\n:where(.povio-site) .testimonial_slider_button[data-povio-testimonials] {\n  gap: normal;\n}\n","import { Button, Typography } from \"@povio/ui\";\nimport { useRef } from \"react\";\n\nimport { usePovioTestimonials } from \"./usePovioTestimonials\";\n\nimport \"./PovioTestimonials.css\";\n\nconst defaultClients = [\n  {\n    id: \"alexis-ohanian\",\n    name: \"Alexis Ohanian\",\n    position: \"Co-founder @ Reddit & Founder @ 776\",\n    tenure: \"Povio client since 2017\",\n    portrait: {\n      mobile: \"/povio/reference/testimonials/alexis-320.webp\",\n      desktop: \"/povio/reference/testimonials/alexis-504.webp\",\n      tablet: \"/povio/reference/testimonials/alexis-640.webp\",\n    },\n    quote: \"“I’ve been blown away by Povio.\",\n    logo: { src: \"/povio/reference/testimonials/reddit.svg\", width: 82, height: 80 },\n  },\n  {\n    id: \"ryan-petersen\",\n    name: \"Ryan Petersen\",\n    position: \"Founder and CEO @ Flexport\",\n    portrait: {\n      mobile: \"/povio/reference/testimonials/ryan-320.webp\",\n      desktop: \"/povio/reference/testimonials/ryan-504.webp\",\n      tablet: \"/povio/reference/testimonials/ryan-640.webp\",\n    },\n    quote: \"“They consistently deliver high quality work within the budget.\",\n    logo: { src: \"/povio/reference/testimonials/flexport.svg\", width: 119, height: 80 },\n  },\n];\n\n// Match the fluid portrait panels below the desktop breakpoint, including the height-capped page inset.\nconst portraitSizes =\n  \"(min-width: 768px) calc(70vw - clamp(2rem, calc(0.5714285714rem + min(7.1428571429vw, 9.2857142857vh)), 8rem)), calc(100vw - clamp(2rem, calc(0.5714285714rem + min(7.1428571429vw, 9.2857142857vh)), 8rem) - clamp(4rem, 25vw, 8rem))\";\n\nexport function PovioTestimonials({ clients = defaultClients, iot = false } = {}) {\n  const sectionRef = useRef<HTMLElement>(null);\n  const controls = usePovioTestimonials(sectionRef, iot);\n\n  return (\n    <div\n      className=\"testimonial_pin\"\n      data-povio-testimonials\n    >\n      <section\n        ref={sectionRef}\n        className={`testimonial_slider_wrap u-section-xl is-centered${iot ? \" is-iot\" : \"\"}`}\n        aria-label=\"Client testimonials\"\n        data-testimonials\n        data-fullscreen=\"true\"\n        data-povio-testimonials\n      >\n        <div\n          className=\"testimonial_slider_contain\"\n          data-povio-testimonials\n        >\n          <div\n            className=\"testimonial_slider_layout\"\n            data-povio-testimonials\n          >\n            <div\n              className=\"testimonial_info_wrap\"\n              data-povio-testimonials\n            >\n              <div\n                className=\"testimonial_info_list\"\n                role=\"list\"\n                data-povio-testimonials\n              >\n                {clients.map((client, index) => (\n                  <div\n                    key={client.id}\n                    className={`testimonial_info_item${index === 0 ? \" is-active\" : \"\"}`}\n                    data-name-item\n                    data-id={client.id}\n                    role=\"listitem\"\n                    data-povio-testimonials\n                  >\n                    <div\n                      className=\"client_info_wrap\"\n                      data-povio-testimonials\n                    >\n                      <Typography\n                        as=\"div\"\n                        size=\"body\"\n                        className=\"client_name\"\n                        data-povio-testimonials\n                      >\n                        {client.name}\n                      </Typography>\n                      <Typography\n                        as=\"div\"\n                        size=\"body\"\n                        className=\"client_position\"\n                        data-povio-testimonials\n                      >\n                        {client.position}\n                      </Typography>\n                      {client.tenure && (\n                        <Typography\n                          as=\"div\"\n                          size=\"body\"\n                          className=\"client_tenure\"\n                          data-povio-testimonials\n                        >\n                          {client.tenure}\n                        </Typography>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n            <div\n              className=\"testimonial_slides_wrap\"\n              data-testimonial-swiper\n              data-povio-testimonials\n            >\n              <div\n                className=\"testimonial_slider_list\"\n                data-povio-testimonials\n              >\n                {clients.map((client) => (\n                  <div\n                    key={client.id}\n                    className=\"testimonial_slider_item\"\n                    data-testimonial-slide\n                    data-povio-testimonials\n                  >\n                    <div\n                      className=\"testimonial_slide_visual\"\n                      data-povio-testimonials\n                    >\n                      <picture\n                        className=\"contents\"\n                        data-povio-testimonials\n                      >\n                        <source\n                          media=\"(min-width: 992px)\"\n                          type=\"image/webp\"\n                          srcSet={client.portrait.desktop}\n                        />\n                        <source\n                          type=\"image/webp\"\n                          srcSet={`${client.portrait.mobile} 320w, ${client.portrait.desktop} 504w, ${client.portrait.tablet} 640w`}\n                          sizes={portraitSizes}\n                        />\n                        <img\n                          className=\"client_image\"\n                          src={client.portrait.desktop}\n                          width={504}\n                          height={552}\n                          decoding=\"async\"\n                          alt=\"\"\n                          data-povio-testimonials\n                        />\n                      </picture>\n                    </div>\n                    <div\n                      className=\"testimonial_slide_content\"\n                      data-povio-testimonials\n                    >\n                      <Typography\n                        as=\"div\"\n                        size=\"body\"\n                        className=\"client_testimonial\"\n                        data-povio-testimonials\n                      >\n                        {client.quote}\n                      </Typography>\n                      <img\n                        className=\"client_logo\"\n                        src={client.logo.src}\n                        width={client.logo.width}\n                        height={client.logo.height}\n                        alt=\"\"\n                        data-povio-testimonials\n                      />\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n            <div\n              className=\"testimonial_slider_controls\"\n              data-povio-testimonials\n            >\n              <Button\n                className={`testimonial_slider_button${controls.previousDisabled ? \" is-disabled\" : \"\"}`}\n                type=\"button\"\n                size=\"none\"\n                variant=\"text\"\n                color=\"secondary\"\n                data-nav-prev\n                aria-label=\"previous slide\"\n                isDisabled={controls.previousDisabled}\n                data-povio-testimonials\n              >\n                <svg\n                  className=\"testimonial_slider_icon\"\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                  data-povio-testimonials\n                >\n                  <path\n                    d=\"M10.5753 17.7615C10.2572 18.0796 9.74137 18.0794 9.42317 17.7615L4.23775 12.5761C3.91956 12.2579 3.91956 11.7421 4.23775 11.4239L9.42317 6.23852C9.74138 5.92057 10.2572 5.92041 10.5753 6.23852C10.8934 6.55663 10.8932 7.07245 10.5753 7.39066L6.78073 11.1852L19.6462 11.1852C20.0962 11.1852 20.461 11.55 20.461 12C20.461 12.45 20.0962 12.8148 19.6462 12.8148L6.78073 12.8148L10.5753 16.6093C10.8932 16.9275 10.8934 17.4434 10.5753 17.7615Z\"\n                    fill=\"currentColor\"\n                    data-povio-testimonials\n                  />\n                </svg>\n              </Button>\n              <Button\n                className={`testimonial_slider_button${controls.nextDisabled ? \" is-disabled\" : \"\"}`}\n                type=\"button\"\n                size=\"none\"\n                variant=\"text\"\n                color=\"secondary\"\n                data-nav-next\n                aria-label=\"next slide\"\n                isDisabled={controls.nextDisabled}\n                data-povio-testimonials\n              >\n                <svg\n                  className=\"testimonial_slider_icon\"\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                  data-povio-testimonials\n                >\n                  <path\n                    d=\"M13.8856 6.23852C14.2037 5.92041 14.7196 5.92057 15.0378 6.23852L20.2232 11.4239C20.5414 11.7421 20.5414 12.2579 20.2232 12.5761L15.0378 17.7615C14.7196 18.0794 14.2037 18.0796 13.8856 17.7615C13.5675 17.4434 13.5677 16.9276 13.8856 16.6093L17.6802 12.8148L4.81476 12.8148C4.36477 12.8148 3.99999 12.45 3.99999 12C3.99999 11.55 4.36477 11.1852 4.81476 11.1852L17.6802 11.1852L13.8856 7.39066C13.5677 7.07245 13.5675 6.55663 13.8856 6.23852Z\"\n                    fill=\"currentColor\"\n                    data-povio-testimonials\n                  />\n                </svg>\n              </Button>\n            </div>\n          </div>\n        </div>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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"}