https://cdn.shopify.com/shopifycloud/world/brochure/production-shopify/assets/RiveAnimation-DcwCFkiE.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RiveWrapper-BN8GOPzX.js","assets/chunk-62JRHF6Z-Bxb16a7V.js","assets/utils-Dn7ivBkW.js","assets/classnames-Dyqnakz_.js","assets/jsx-runtime-B7wtUTmV.js","assets/twMerge-DDLWS7Ly.js","assets/useReducedMotion-C3GMumLs.js","assets/RiveWrapper-CNX4T-6L.css"])))=>i.map(i=>d[i]);
2import{G as e,K as t,Y as n}from"./chunk-62JRHF6Z-Bxb16a7V.js";import{t as r}from"./jsx-runtime-B7wtUTmV.js";import{t as i}from"./twMerge-DDLWS7Ly.js";import{t as a}from"./lazy-CNHDFafw.js";import{t as o}from"./classnames-Dyqnakz_.js";import{t as s}from"./useMediaQuery-BPxKnGk5.js";import{t as c}from"./useIntersectionObserver-BXaWXp10.js";import{t as l}from"./useReducedMotion-C3GMumLs.js";import{t as u}from"./AutoResponsiveImage-diC4hONm.js";import{t as d}from"./utils-Dn7ivBkW.js";var f=n(t(),1),p=n(o(),1),m=r();function h(e,t,n,r,i,a){if(!e)return!1;let o=r&&i;return t&&n?a||!o:t&&!n?a:!t&&n?!o:!1}function g({alt:t=``,aspectRatio:n=`4/3`,assetMap:r,bottomEdgeFade:o=!1,className:g,componentName:_,containerClassName:v,isPaused:y,interactiveStateMachines:b,maxWidth:x=1800,onStateChange:S,onLoadError:C,posterImage:w,rootMargin:T=`50% 0%`,role:E,src:D,shouldReset:O=!0,stateMachines:k,artboard:A,style:j,textRunMap:M,isMobileInteractive:N,input:P,usePosterImageForReducedMotion:F=!0,showPosterImageBeforeLoaded:I=!0,autoBind:L=!1,viewModelOptions:R}){let z=(0,f.useRef)(null),[B,V]=(0,f.useState)(!1),[H,U]=(0,f.useState)(!1),[W,G]=(0,f.useState)(!1),[K,q]=(0,f.useState)(r===void 0),J=s(`(max-width: 767px)`),Y=l(!1),X=(0,f.useRef)(null),Z=X.current,Q=(0,f.useCallback)(()=>{X.current=a(()=>e(()=>import(`./RiveWrapper-BN8GOPzX.js`),__vite__mapDeps([0,1,2,3,4,5,6,7])))},[]);c(z,(0,f.useCallback)(([e],t)=>{!B&&e.isIntersecting&&(V(!0),Q(),t.unobserve(e.target))},[Q,B]),(0,f.useMemo)(()=>({rootMargin:T}),[T])),(0,f.useEffect)(()=>{if(!B||!r)return;let e=Object.values(r).filter(e=>!!e.url).map(e=>d(e.isFont?e.url:`${e.url}&width=${x}`,e.isFont).then(t=>{t&&(e.isFont?e.font=t:e.image=t)}));Promise.all(e).then(()=>q(!0))},[r,B,q,x]);let $=h(w,F,I,K,W,Y),ee=(0,f.useCallback)(()=>{G(!0)},[]),te=(0,f.useCallback)(e=>{C?.(e)},[C]);return(0,m.jsxs)(`div`,{className:i(`relative`,v),"data-component-name":_,"data-nosnippet":!0,ref:z,style:{aspectRatio:n||`auto`,...j},children:[B&&K&&Z&&(0,m.jsx)(Z,{shouldReset:O,alt:t,assetMap:r,className:i((0,p.default)({"motion-reduce:opacity-0":w&&!H||F&&Y}),g),isInteractive:!!b&&(J?N:!0),bottomEdgeFade:o,isPaused:y,onPlay:()=>U(!0),onRiveReady:ee,onLoadError:te,onStateChange:S,role:E,src:D,stateMachines:J?N?b:k:b||k,artboard:A,textRunMap:M,input:P,autoBind:L,viewModelOptions:R}),$&&w&&(0,m.jsx)(u,{...w,className:(0,p.default)(`size-full object-contain absolute top-0 left-0 pointer-events-none`,{"opacity-0":K&&W&&H&&!(F&&Y)})})]})}export{g as t};
3//# sourceMappingURL=RiveAnimation-DcwCFkiE.js.map