https://asset.surveysparrow.com/website/prod-22895f0e523d031bd629b…/static/chunks/6786.a0b148f3cb590831.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="54fbe06a-a94e-4e74-b6a1-81a1e0f64d9d",e._sentryDebugIdIdentifier="sentry-dbid-54fbe06a-a94e-4e74-b6a1-81a1e0f64d9d")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6786],{6786:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var r=n(95155),i=n(12758),s=n.n(i),l=n(12115),o=n(71408),a=n(5994),u=n(12692),d=n(90978);function c(e){let{firstPreviewVideoTestimonialSrc:t,secondPreviewVideoTestimonialSrc:n}=e,[i,s]=(0,l.useState)("first"),[c,f]=(0,l.useState)(!1),[p,h]=(0,l.useState)(!1),m=(0,l.useRef)(null),v=(0,l.useRef)(null),y=(0,u.k)()!==d.h.mobile;return((0,l.useEffect)(()=>{if(!y)return;let e=m.current;if(!e)return;let t=()=>{!(e.duration-e.currentTime<=2)||c||p||f(!0)};return e.addEventListener("timeupdate",t),()=>e.removeEventListener("timeupdate",t)},[c,p,y]),(0,l.useEffect)(()=>{if(!y||!c||p)return;let e=document.createElement("video");e.src=n;let t=()=>{h(!0),e.removeEventListener("canplaythrough",t)};return e.addEventListener("canplaythrough",t),e.load(),()=>{e.removeEventListener("canplaythrough",t)}},[c,y,p,n]),y)?(0,r.jsx)("div",{className:"relative -z-10 mx-auto aspect-video size-full object-cover",children:(0,r.jsx)(o.N,{mode:"wait",children:"first"===i?(0,r.jsx)(a.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:1},className:"absolute inset-0",children:(0,r.jsx)("video",{ref:m,className:"size-full rounded-lg object-cover",muted:!0,loop:!p,onEnded:()=>{var e,t;p?(s("second"),null==(e=v.current)||e.play()):null==(t=m.current)||t.play()},preload:"none",autoPlay:!0,playsInline:!0,children:(0,r.jsx)("source",{src:t,type:"video/mp4"})})},"first-video"):(0,r.jsx)(a.P.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:1},className:"absolute inset-0",children:p&&(0,r.jsx)("video",{ref:v,className:"size-full rounded-lg object-cover",autoPlay:!0,loop:!0,muted:!0,preload:"none",children:(0,r.jsx)("source",{src:n,type:"video/mp4"})})},"second-video")})}):(0,r.jsx)("div",{className:"relative -z-10 mx-auto aspect-video size-full",children:(0,r.jsx)("div",{className:"bg-muted absolute inset-0 rounded-lg"})})}c.propTypes={firstPreviewVideoTestimonialSrc:s().string,secondPreviewVideoTestimonialSrc:s().string}},71408:(e,t,n)=>{n.d(t,{N:()=>y});var r=n(95155),i=n(12115),s=n(60296),l=n(94416),o=n(59686),a=n(53127);class u extends i.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function d(e){let{children:t,isPresent:n}=e,s=(0,i.useId)(),l=(0,i.useRef)(null),o=(0,i.useRef)({width:0,height:0,top:0,left:0}),{nonce:d}=(0,i.useContext)(a.Q);return(0,i.useInsertionEffect)(()=>{let{width:e,height:t,top:r,left:i}=o.current;if(n||!l.current||!e||!t)return;l.current.dataset.motionPopId=s;let a=document.createElement("style");return d&&(a.nonce=d),document.head.appendChild(a),a.sheet&&a.sheet.insertRule('\n          [data-motion-pop-id="'.concat(s,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            top: ").concat(r,"px !important;\n            left: ").concat(i,"px !important;\n          }\n        ")),()=>{document.head.removeChild(a)}},[n]),(0,r.jsx)(u,{isPresent:n,childRef:l,sizeRef:o,children:i.cloneElement(t,{ref:l})})}let c=e=>{let{children:t,initial:n,isPresent:s,onExitComplete:a,custom:u,presenceAffectsLayout:c,mode:p}=e,h=(0,l.M)(f),m=(0,i.useId)(),v=(0,i.useCallback)(e=>{for(let t of(h.set(e,!0),h.values()))if(!t)return;a&&a()},[h,a]),y=(0,i.useMemo)(()=>({id:m,initial:n,isPresent:s,custom:u,onExitComplete:v,register:e=>(h.set(e,!1),()=>h.delete(e))}),c?[Math.random(),v]:[s,v]);return(0,i.useMemo)(()=>{h.forEach((e,t)=>h.set(t,!1))},[s]),i.useEffect(()=>{s||h.size||!a||a()},[s]),"popLayout"===p&&(t=(0,r.jsx)(d,{isPresent:s,children:t})),(0,r.jsx)(o.t.Provider,{value:y,children:t})};function f(){return new Map}var p=n(75601);let h=e=>e.key||"";function m(e){let t=[];return i.Children.forEach(e,e=>{(0,i.isValidElement)(e)&&t.push(e)}),t}var v=n(86553);let y=e=>{let{children:t,custom:n,initial:o=!0,onExitComplete:a,presenceAffectsLayout:u=!0,mode:d="sync",propagate:f=!1}=e,[y,x]=(0,p.xQ)(f),g=(0,i.useMemo)(()=>m(t),[t]),b=f&&!y?[]:g.map(h),E=(0,i.useRef)(!0),j=(0,i.useRef)(g),w=(0,l.M)(()=>new Map),[C,P]=(0,i.useState)(g),[I,N]=(0,i.useState)(g);(0,v.E)(()=>{E.current=!1,j.current=g;for(let e=0;e<I.length;e++){let t=h(I[e]);b.includes(t)?w.delete(t):!0!==w.get(t)&&w.set(t,!1)}},[I,b.length,b.join("-")]);let R=[];if(g!==C){let e=[...g];for(let t=0;t<I.length;t++){let n=I[t],r=h(n);b.includes(r)||(e.splice(t,0,n),R.push(n))}"wait"===d&&R.length&&(e=R),N(m(e)),P(g);return}let{forceRender:k}=(0,i.useContext)(s.L);return(0,r.jsx)(r.Fragment,{children:I.map(e=>{let t=h(e),i=(!f||!!y)&&(g===I||b.includes(t));return(0,r.jsx)(c,{isPresent:i,initial:(!E.current||!!o)&&void 0,custom:i?void 0:n,presenceAffectsLayout:u,mode:d,onExitComplete:i?void 0:()=>{if(!w.has(t))return;w.set(t,!0);let e=!0;w.forEach(t=>{t||(e=!1)}),e&&(null==k||k(),N(j.current),f&&(null==x||x()),a&&a())},children:e},t)})})}},75601:(e,t,n)=>{n.d(t,{xQ:()=>s});var r=n(12115),i=n(59686);function s(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],t=(0,r.useContext)(i.t);if(null===t)return[!0,null];let{isPresent:n,onExitComplete:s,register:l}=t,o=(0,r.useId)();(0,r.useEffect)(()=>{e&&l(o)},[e]);let a=(0,r.useCallback)(()=>e&&s&&s(o),[o,s,e]);return!n&&s?[!1,a]:[!0]}}}]);