https://app.shopvision.ai/_next/static/chunks/7433.87257aa652c759f5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7433],{47433:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>o});var u=t(51015),r=t(14351),a=t(50810);let i="hero";function o(e){let{src:n}=e,{rive:t,RiveComponent:o}=(0,a.useRive)({src:n,artboard:"Hero",stateMachines:i,autoplay:!0,layout:new a.Layout({fit:a.Fit.Contain,alignment:a.Alignment.Center})}),l=(0,a.useStateMachineInput)(t,i,"pointerX"),c=(0,a.useStateMachineInput)(t,i,"pointerY"),s=(0,a.useStateMachineInput)(t,i,"signal");return(0,r.useEffect)(()=>{if(!l||!c)return;let e=e=>{l.value=e.clientX/window.innerWidth*100,c.value=e.clientY/window.innerHeight*100};return window.addEventListener("pointermove",e,{passive:!0}),()=>window.removeEventListener("pointermove",e)},[l,c]),(0,r.useEffect)(()=>{let e;if(!s)return;let n=()=>{s.fire(),e=window.setTimeout(n,4e3+4e3*Math.random())};return e=window.setTimeout(n,2500),()=>window.clearTimeout(e)},[s]),(0,u.jsx)("div",{className:"sv-mask-reveal relative hidden h-full min-h-[480px] lg:block","aria-hidden":!0,children:(0,u.jsx)(o,{className:"h-full w-full"})})}},50810:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});var u,r=t(14351),a=t(31904),i=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(r);function o(e){var n=e||l(),t=r.useState(n),u=t[0],a=t[1];return r.useEffect(function(){if("u">typeof window&&"matchMedia"in window){var n=function(){a(e||l())},t=window.matchMedia("screen and (resolution: "+u+"dppx)");return t.hasOwnProperty("addEventListener")?t.addEventListener("change",n):t.addListener(n),function(){t.hasOwnProperty("removeEventListener")?t.removeEventListener("change",n):t.removeListener(n)}}},[u,e]),u}function l(){return Math.min(Math.max(1,"u">typeof window&&"number"==typeof window.devicePixelRatio?window.devicePixelRatio:1),3)}var c=function(){function e(){}var n=e.prototype;return n.observe=function(){},n.unobserve=function(){},n.disconnect=function(){},e}(),s=globalThis.ResizeObserver||c,f=void 0!==globalThis.ResizeObserver,d=!f,v={useDevicePixelRatio:!0,fitCanvasToArtboardHeight:!1,useOffscreenRenderer:!0,shouldResizeCanvasToContainer:!0};function h(e){return Object.assign({},v,e)}function p(e){var n,t,u,a,i,l,c,v=e.riveLoaded,p=void 0!==v&&v,b=e.canvasElem,g=e.containerRef,w=e.options,y=e.onCanvasHasResized,m=e.artboardBounds,C=h(void 0===w?{}:w),E=r.useState({height:0,width:0}),R=E[0],V=R.height,k=R.width,I=E[1],O=r.useState({height:0,width:0}),P=O[0],M=P.height,x=P.width,T=O[1],S=r.useState(!0),L=S[0],A=S[1],D=C.fitCanvasToArtboardHeight,N=C.shouldResizeCanvasToContainer,j=C.useDevicePixelRatio,H=C.customDevicePixelRatio,z=(void 0===(n=N)&&(n=!0),u=(t=r.useState({width:0,height:0}))[0],a=t[1],r.useEffect(function(){if("u">typeof window&&n){var e=function(){a({width:window.innerWidth,height:window.innerHeight})};return d&&(e(),window.addEventListener("resize",e)),function(){return window.removeEventListener("resize",e)}}},[]),c=r.useRef(new s((i=function(e){f&&a({width:e[e.length-1].contentRect.width,height:e[e.length-1].contentRect.height})},l=0,function(){for(var e=this,n=arguments.length,t=Array(n),u=0;u<n;u++)t[u]=arguments[u];clearTimeout(l),l=window.setTimeout(function(){return i.apply(e,t)},0)}))),r.useEffect(function(){var e=c.current;if(!n)return void e.disconnect();var t=g.current;return g.current&&f&&e.observe(g.current),function(){e.disconnect(),t&&f&&e.unobserve(t)}},[g,c]),u),B=o(H),W=null!=m?m:{},F=W.maxX,_=W.maxY,X=r.useCallback(function(){var e,n,t,u,r=null!=(e=null==(t=g.current)?void 0:t.clientWidth)?e:0,a=null!=(n=null==(u=g.current)?void 0:u.clientHeight)?n:0;return D&&m?{width:r,height:m.maxY/m.maxX*r}:{width:r,height:a}},[g,D,F,_]);r.useEffect(function(){if(N&&g.current&&p){var e=X(),n=e.width,t=e.height,u=!1;if(b){var r=n!==k||t!==V;if(C.fitCanvasToArtboardHeight&&r&&(g.current.style.height=t+"px",u=!0),C.useDevicePixelRatio){var a=n*B!==x||t*B!==M;if(r||a){var i=B*n,o=B*t;b.width=i,b.height=o,b.style.width=n+"px",b.style.height=t+"px",T({width:i,height:o}),u=!0}}else r&&(b.width=n,b.height=t,T({width:n,height:t}),u=!0);I({width:n,height:t})}y&&(L||u)&&y&&y(),L&&A(!1)}},[b,g,z,B,X,L,A,M,x,V,k,y,N,D,j,p]),r.useEffect(function(){T({width:0,height:0})},[b])}var b=function(){function e(){}var n=e.prototype;return n.observe=function(){},n.unobserve=function(){},n.disconnect=function(){},e}(),g=globalThis.IntersectionObserver||b,w=function(){function e(){var e=this;

1this.elementsMap=new Map,this.onObserved=function(n){n.forEach(function(n){var t=e.elementsMap.get(n.target);t&&t(n)})},this.observer=new g(this.onObserved)}var n=e.prototype;return n.registerCallback=function(e,n){this.observer.observe(e),this.elementsMap.set(e,n)},n.removeCallback=function(e){this.observer.unobserve(e),this.elementsMap.delete(e)},e}(),y=function(){return u||(u=new w),u};function m(){return(m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var u in t)Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u])}return e}).apply(this,arguments)}function C(e,n){if(null==e)return{};var t,u,r={},a=Object.getOwnPropertyNames(e);for(u=0;u<a.length;u++)t=a[u],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t]);return r}function E(e){var n=e.setContainerRef,t=e.setCanvasRef,u=e.className,r=void 0===u?"":u,a=e.style,o=e.children,l=C(e,["setContainerRef","setCanvasRef","className","style","children"]),c=m({width:"100%",height:"100%"},a);return i.default.createElement("div",m({ref:n,className:r},!r&&{style:c}),i.default.createElement("canvas",m({ref:t,style:{verticalAlign:"top",width:0,height:0}},l),o))}function R(e,n){void 0===n&&(n={});var t=r.useState(null),u=t[0],l=t[1],c=r.useRef(null),s=r.useRef(null),f=r.useState(null),d=f[0],v=f[1],b=!!e,g=h(n),w=o(),R=r.useCallback(function(){if(d){if(d.layout&&d.layout.fit===a.Fit.Layout&&u){var e=w*d.layout.layoutScaleFactor;d.devicePixelRatioUsed=w,d.artboardWidth=(null==u?void 0:u.width)/e,d.artboardHeight=(null==u?void 0:u.height)/e}d.startRendering(),d.resizeToCanvas()}},[d,w]);p({riveLoaded:!!d,canvasElem:u,containerRef:c,options:g,onCanvasHasResized:R,artboardBounds:null==d?void 0:d.bounds});var V=r.useCallback(function(e){null===e&&u&&(u.height=0,u.width=0),l(e)},[]);r.useEffect(function(){if(u&&e){var n,t=null!=d;if(null==d){var r=g.useOffscreenRenderer,i=e.onRiveReady,o=C(e,["onRiveReady"]);n=new a.Rive(m({useOffscreenRenderer:r},o,{canvas:u})),null!=s.current&&s.current.cleanup(),s.current=n,n.on(a.EventType.Load,function(){t=!0,i&&i(n),u?v(n):n.cleanup()})}return function(){t||null==n||n.cleanup()}}},[u,b,d]);var k=r.useCallback(function(e){c.current=e},[]),I={observe:r.useCallback(function(e,n){y().registerCallback(e,n)},[]),unobserve:r.useCallback(function(e){y().removeCallback(e)},[])},O=I.observe,P=I.unobserve;r.useEffect(function(){var e,n=!1,t=function(){if(u&&n){var e=u.getBoundingClientRect();e.width>0&&e.height>0&&e.top<(window.innerHeight||document.documentElement.clientHeight)&&e.bottom>0&&e.left<(window.innerWidth||document.documentElement.clientWidth)&&e.right>0&&(null==d||d.startRendering(),n=!1)}};return u&&!1!==g.shouldUseIntersectionObserver&&O(u,function(u){u.isIntersecting?d&&d.startRendering():d&&d.stopRendering(),n=!u.isIntersecting,clearTimeout(e),u.isIntersecting||0!==u.boundingClientRect.width||(e=setTimeout(t,10))}),function(){u&&P(u)}},[O,P,d,u,g.shouldUseIntersectionObserver]),r.useEffect(function(){return function(){d&&(d.cleanup(),v(null))}},[d,u]),r.useEffect(function(){return function(){null!=s.current&&s.current.cleanup()}},[]);var M=null==e?void 0:e.animations;r.useEffect(function(){d&&M&&(d.isPlaying?(d.stop(d.animationNames),d.play(M)):d.isPaused&&(d.stop(d.animationNames),d.pause(M)))},[M,d]);var x=r.useCallback(function(e){return i.default.createElement(E,m({setContainerRef:k,setCanvasRef:V},e))},[V,k]);return{canvas:u,container:c.current,setCanvasRef:V,setContainerRef:k,rive:d,RiveComponent:x}}var V=new WeakSet;function k(e){V.has(e)||(V.add(e),queueMicrotask(function(){V.delete(e),e.bind()}))}function I(e,n){var t=n.name,u=n.useNew,r=n.instance;return void 0!==r?r:e?null!=t?e.instanceByName(t)||null:u?(null==e.instance?void 0:e.instance.call(e))||null:(null==e.defaultInstance?void 0:e.defaultInstance.call(e))||null:null}function O(){return(O=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var u in t)Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u])}return e}).apply(this,arguments)}function P(e,n,t){var u=r.useState(null),a=u[0],i=u[1],o=r.useState(t.defaultValue),l=o[0],c=o[1],s=r.useState(null),f=s[0],d=s[1],v=r.useRef(null),h=r.useRef(e),p=r.useRef(t);r.useEffect(function(){p.current=t},[t]);var b=r.useCallback(function(){var e=v.current,n=h.current,t=p.current;if(!e||!n)return i(null),c(t.defaultValue),d(null),function(){};var u=t.getProperty(e,n);if(u){i(u),c(t.getValue(u)),t.getExtendedData&&d(t.getExtendedData(u));var r=function(){c(t.getValue(u)),t.getExtendedData&&d(t.getExtendedData(u)),t.onPropertyEvent&&t.onPropertyEvent()};return u.on(r),function(){u.off(r)}}return function(){}},[]);r.useEffect(function(){return v.current=n,h.current=e,b()},[n,e,b]);var g=r.useCallback(function(e){if(a&&v.current===n)try{e(a),p.current.getExtendedData&&d(p.current.getExtendedData(a));return}catch(e){}if(v.current)try{var t=p.current.getProperty(v.current,h.current);t&&(i(t),e(t),p.current.getExtendedData&&d(p.current.getExtendedData(t)))}catch(e){}},[a,n]),w=r.useMemo(function(){return p.current.buildPropertyOperations(g)},[g]),y=O({value:l},w);return t.getExtendedData&&(y.extendedData=f),y}function M(e,n,t,u,r,a,i){try{var o=e[a](i),l=o.value}catch(e){t(e);return}o.done?n(l):Promise.resolve(l).then(u,r)}n.default=function(e){var n=e.src,t=e.artboard,u=e.animations,r=e.stateMachines,a=e.layout,o=e.useOffscreenRenderer,l=e.shouldDisableRiveListeners,c=e.shouldResizeCanvasToContainer,s=e.automaticallyHandleEvents,f=e.children,d=function(e,n){if(null==e)return{};var t,u,r={},a=Object.getOwnPropertyNames(e);for(u=0;

1u<a.length;u++)!(n.indexOf(t=a[u])>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t]);return r}(e,["src","artboard","animations","stateMachines","layout","useOffscreenRenderer","shouldDisableRiveListeners","shouldResizeCanvasToContainer","automaticallyHandleEvents","children"]),v=R({src:n,artboard:t,animations:u,layout:a,stateMachines:r,autoplay:!0,shouldDisableRiveListeners:void 0!==l&&l,automaticallyHandleEvents:void 0!==s&&s},{useOffscreenRenderer:void 0===o||o,shouldResizeCanvasToContainer:void 0===c||c}).RiveComponent;return i.default.createElement(v,d,f)},n.useGlobalViewModelInstance=function(e,n,t){var u=null!=t?t:{},a=u.instanceName,i=u.useNew,o=void 0!==i&&i,l=u.instance,c=u.rive,s=r.useState(null),f=s[0],d=s[1];return r.useEffect(function(){var t=I(e,{name:a,useNew:o,instance:l});d(t),c&&n&&t&&c.setGlobalViewModelInstance(n,t)&&k(c)},[e,n,a,o,l,c]),f},n.useResizeCanvas=p,n.useRive=R,n.useRiveFile=function(e){var n=r.useState(null),t=n[0],u=n[1],i=r.useState("idle"),o=i[0],l=i[1];return r.useEffect(function(){var n,t=null;return(n=function(){return function(e,n){var t,u,r,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),o=Object.defineProperty;return o(i,"next",{value:l(0)}),o(i,"throw",{value:l(1)}),o(i,"return",{value:l(2)}),"function"==typeof Symbol&&o(i,Symbol.iterator,{value:function(){return this}}),i;function l(o){return function(l){var c=[o,l];if(t)throw TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(a=0)),a;)try{if(t=1,u&&(r=2&c[0]?u.return:c[0]?u.throw||((r=u.return)&&r.call(u),0):u.next)&&!(r=r.call(u,c[1])).done)return r;switch(u=0,r&&(c=[2&c[0],r.value]),c[0]){case 0:case 1:r=c;break;case 4:return a.label++,{value:c[1],done:!1};case 5:a.label++,u=c[1],c=[0];continue;case 7:c=a.ops.pop(),a.trys.pop();continue;default:if(!(r=(r=a.trys).length>0&&r[r.length-1])&&(6===c[0]||2===c[0])){a=0;continue}if(3===c[0]&&(!r||c[1]>r[0]&&c[1]<r[3])){a.label=c[1];break}if(6===c[0]&&a.label<r[1]){a.label=r[1],r=c;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(c);break}r[2]&&a.ops.pop(),a.trys.pop();continue}c=n.call(e,a)}catch(e){c=[6,e],u=0}finally{t=r=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(n){try{l("loading"),(t=new a.RiveFile(e)).init(),t.on(a.EventType.Load,function(){null==t||t.getInstance(),u(t),l("success")}),t.on(a.EventType.LoadError,function(){l("failed")}),u(t)}catch(e){console.error(e),l("failed")}return[2]})},function(){var e=this,t=arguments;return new Promise(function(u,r){var a=n.apply(e,t);function i(e){M(a,u,r,i,o,"next",e)}function o(e){M(a,u,r,i,o,"throw",e)}i(void 0)})})(),function(){null==t||t.cleanup()}},[e.src,e.buffer]),{riveFile:t,status:o}},n.useStateMachineInput=function(e,n,t,u){var i=r.useState(null),o=i[0],l=i[1];return r.useEffect(function(){var r=function(){if(e&&n&&t||l(null),e&&n&&t){var r=e.stateMachineInputs(n);if(r){var a=r.find(function(e){return e.name===t});void 0!==u&&a&&(a.value=u),l(a||null)}}else l(null)};r(),e&&e.on(a.EventType.Load,function(){r()})},[e]),o},n.useViewModel=function(e,n){var t=null!=n?n:{},u=t.name,i=t.useDefault,o=r.useState(null),l=o[0],c=o[1];return r.useEffect(function(){var n=function(){if(!e)return void c(null);c(null!=u?(null==e.viewModelByName?void 0:e.viewModelByName.call(e,u))||null:e.defaultViewModel()||null)};return n(),e&&e.on(a.EventType.Load,n),function(){e&&e.off(a.EventType.Load,n)}},[e,u,void 0!==i&&i]),l},n.useViewModelInstance=function(e,n){var t=null!=n?n:{},u=t.name,a=t.useDefault,i=t.useNew,o=void 0!==i&&i,l=t.rive,c=r.useState(null),s=c[0],f=c[1];return r.useEffect(function(){if(!e)return void f(null);var n=I(e,{name:u,useNew:o});f(n),l&&n&&l.viewModelInstance!==n&&(l.setViewModelInstance(n),k(l))},[e,u,void 0!==a&&a,o,l]),s},n.useViewModelInstanceArtboard=function(e,n){return{setValue:P(e,n,{getProperty:r.useCallback(function(e,n){return e.artboard(n)},[]),getValue:r.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])}).setValue}},n.useViewModelInstanceBoolean=function(e,n){var t=P(e,n,{getProperty:r.useCallback(function(e,n){return e.boolean(n)},[]),getValue:r.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])});return{value:t.value,setValue:t.setValue}},n.useViewModelInstanceColor=function(e,n){var t=P(e,n,{getProperty:r.useCallback(function(e,n){return e.color(n)},[]),getValue:r.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})},setRgb:function(n,t,u){e(function(e){e.rgb(n,t,u)})},setRgba:function(n,t,u,r){e(function(e){e.rgba(n,t,u,r)})},setAlpha:function(n){e(function(e){e.alpha(n)})},setOpacity:function(n){e(function(e){e.opacity(n)})}}},[])});return{value:t.value,setValue:t.setValue,setRgb:t.setRgb,setRgba:t.setRgba,setAlpha:t.setAlpha,setOpacity:t.setOpacity}},n.useViewModelInstanceEnum=function(e,n){var t=P(e,n,{getProperty:r.useCallback(function(e,n){return e.enum(n)},[]),getValue:r.useCallback(function(e){return e.value},[]),defaultValue:null,getExtendedData:r.useCallback(function(e){return e.values},[]),buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])});return{value:t.value,values:t.extendedData||[],setValue:t.setValue}},n.useViewModelInstanceImage=function(e,n){return{setValue:P(e,n,{getProperty:r.useCallback(function(e,n){return e.image(n)},[]),getValue:r.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])}).setValue}},n.useViewModelInstanceList=function(e,n){var t,u=r.useState(0)[1],a=P(e,n,{getProperty:r.useCallback(function(e,n){return e.list(n)},[]),getValue:r.useCallback(function(e){return e.length},[]),defaultValue:null,onPropertyEvent:function(){u(function(e){return e+1})},buildPropertyOperations:r.useCallback(function(e){return{addInstance:function(n){e(function(e){return e.addInstance(n)})},addInstanceAt:function(n,t){var u=!1;return e(function(e){u=e.addInstanceAt(n,t)}),u},removeInstance:function(n){e(function(e){return e.removeInstance(n)})},removeInstanceAt:function(n){e(function(e){return e.removeInstanceAt(n)})},getInstanceAt:function(n){var t=null;return e(function(e){t=e.instanceAt(n)}),t},swap:function(n,t){e(function(e){return e.swap(n,t)})}}},[])});return{length:null!=(t=a.value)?t:0,addInstance:a.addInstance,addInstanceAt:a.addInstanceAt,removeInstance:a.removeInstance,removeInstanceAt:a.removeInstanceAt,getInstanceAt:a.getInstanceAt,swap:a.swap}},n.useViewModelInstanceNumber=function(e,n){var t=P(e,n,{getProperty:r.useCallback(function(e,n){return e.number(n)},[]),getValue:r.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])});return{value:t.value,setValue:t.setValue}},n.useViewModelInstanceString=function(e,n){var t=P(e,n,{getProperty:r.useCallback(function(e,n){return e.string(n)},[]),getValue:r.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:r.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])});return{value:t.value,setValue:t.setValue}},n.useViewModelInstanceTrigger=function(e,n,t){var u=(null!=t?t:{}).onTrigger;return{trigger:P(e,n,{getProperty:r.useCallback(function(e,n){return e.trigger(n)},[]),getValue:r.useCallback(function(){},[]),defaultValue:null,onPropertyEvent:u,buildPropertyOperations:r.useCallback(function(e){return{trigger:function(){e(function(e){e.trigger()})}}},[])}).trigger}}

1,Object.keys(a).forEach(function(e){"default"===e||n.hasOwnProperty(e)||Object.defineProperty(n,e,{enumerable:!0,get:function(){return a[e]}})})}}]);