https://fastlance.vn/_next/static/chunks/2670.b7da8b2172c94d98.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2670],{2670:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});var u=t(14232),r=t(15995),a=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(u),i=function(){return(i=Object.assign||function(e){for(var n,t=1,u=arguments.length;t<u;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};function o(e,n){var t={};for(var u in e)Object.prototype.hasOwnProperty.call(e,u)&&0>n.indexOf(u)&&(t[u]=e[u]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(u=Object.getOwnPropertySymbols(e);r<u.length;r++)0>n.indexOf(u[r])&&Object.prototype.propertyIsEnumerable.call(e,u[r])&&(t[u[r]]=e[u[r]])}return t}function l(e){var n=e||c(),t=u.useState(n),r=t[0],a=t[1];return u.useEffect(function(){if("undefined"!=typeof window&&"matchMedia"in window){var n=function(){a(e||c())},t=window.matchMedia("screen and (resolution: ".concat(r,"dppx)"));return t.hasOwnProperty("addEventListener")?t.addEventListener("change",n):t.addListener(n),function(){t.hasOwnProperty("removeEventListener")?t.removeEventListener("change",n):t.removeListener(n)}}},[r,e]),r}function c(){return Math.min(Math.max(1,"undefined"!=typeof window&&"number"==typeof window.devicePixelRatio?window.devicePixelRatio:1),3)}var s=function(){function e(){}return e.prototype.observe=function(){},e.prototype.unobserve=function(){},e.prototype.disconnect=function(){},e}(),f=globalThis.ResizeObserver||s,d=void 0!==globalThis.ResizeObserver,v=!d,h={useDevicePixelRatio:!0,fitCanvasToArtboardHeight:!1,useOffscreenRenderer:!0,shouldResizeCanvasToContainer:!0};function p(e){return Object.assign({},h,e)}function b(e){var n,t,r,a,i,o,c,s=e.riveLoaded,h=void 0!==s&&s,b=e.canvasElem,g=e.containerRef,y=e.options,w=e.onCanvasHasResized,m=e.artboardBounds,C=p(void 0===y?{}:y),R=u.useState({height:0,width:0}),E=R[0],V=E.height,k=E.width,O=R[1],I=u.useState({height:0,width:0}),P=I[0],x=P.height,M=P.width,T=I[1],S=u.useState(!0),D=S[0],L=S[1],A=C.fitCanvasToArtboardHeight,z=C.shouldResizeCanvasToContainer,H=C.useDevicePixelRatio,j=C.customDevicePixelRatio,N=(void 0===(n=z)&&(n=!0),r=(t=u.useState({width:0,height:0}))[0],a=t[1],u.useEffect(function(){if("undefined"!=typeof window&&n){var e=function(){a({width:window.innerWidth,height:window.innerHeight})};return v&&(e(),window.addEventListener("resize",e)),function(){return window.removeEventListener("resize",e)}}},[]),c=u.useRef(new f((i=function(e){d&&a({width:e[e.length-1].contentRect.width,height:e[e.length-1].contentRect.height})},o=0,function(){for(var e=this,n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];clearTimeout(o),o=window.setTimeout(function(){return i.apply(e,n)},0)}))),u.useEffect(function(){var e=c.current;if(n){var t=g.current;return g.current&&d&&e.observe(g.current),function(){e.disconnect(),t&&d&&e.unobserve(t)}}e.disconnect()},[g,c]),r),B=l(j),_=null!=m?m:{},F=_.maxX,W=_.maxY,U=u.useCallback(function(){var e,n,t,u,r=null!=(n=null==(e=g.current)?void 0:e.clientWidth)?n:0,a=null!=(u=null==(t=g.current)?void 0:t.clientHeight)?u:0;return A&&m?{width:r,height:r*(m.maxY/m.maxX)}:{width:r,height:a}},[g,A,F,W]);u.useEffect(function(){if(z&&g.current&&h){var e=U(),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){if(r||n*B!==M||t*B!==x){var a=B*n,i=B*t;b.width=a,b.height=i,b.style.width=n+"px",b.style.height=t+"px",T({width:a,height:i}),u=!0}}else r&&(b.width=n,b.height=t,T({width:n,height:t}),u=!0);O({width:n,height:t})}w&&(D||u)&&w&&w(),D&&L(!1)}},[b,g,N,B,U,D,L,x,M,V,k,w,z,A,H,h]),u.useEffect(function(){T({width:0,height:0})},[b])}var g,y=function(){function e(){}return e.prototype.observe=function(){},e.prototype.unobserve=function(){},e.prototype.disconnect=function(){},e}(),w=globalThis.IntersectionObserver||y,m=function(){function e(){var e=this;this.elementsMap=new Map,this.onObserved=function(n){n.forEach(function(n){var t=e.elementsMap.get(n.target);t&&t(n)})},this.observer=new w(this.onObserved)}return e.prototype.registerCallback=function(e,n){this.observer.observe(e),this.elementsMap.set(e,n)},e.prototype.removeCallback=function(e){this.observer.unobserve(e),this.elementsMap.delete(e)},e}

1(),C=function(){return g||(g=new m),g};function R(e){var n=e.setContainerRef,t=e.setCanvasRef,u=e.className,r=void 0===u?"":u,l=e.style,c=e.children,s=o(e,["setContainerRef","setCanvasRef","className","style","children"]),f=i({width:"100%",height:"100%"},l);return a.default.createElement("div",i({ref:n,className:r},!r&&{style:f}),a.default.createElement("canvas",i({ref:t,style:{verticalAlign:"top",width:0,height:0}},s),c))}function E(e,n){void 0===n&&(n={});var t=u.useState(null),c=t[0],s=t[1],f=u.useRef(null),d=u.useRef(null),v=u.useState(null),h=v[0],g=v[1],y=!!e,w=p(n),m=l(),E=u.useCallback(function(){if(h){if(h.layout&&h.layout.fit===r.Fit.Layout&&c){var e=m*h.layout.layoutScaleFactor;h.devicePixelRatioUsed=m,h.artboardWidth=(null==c?void 0:c.width)/e,h.artboardHeight=(null==c?void 0:c.height)/e}h.startRendering(),h.resizeToCanvas()}},[h,m]);b({riveLoaded:!!h,canvasElem:c,containerRef:f,options:w,onCanvasHasResized:E,artboardBounds:null==h?void 0:h.bounds});var V=u.useCallback(function(e){null===e&&c&&(c.height=0,c.width=0),s(e)},[]);u.useEffect(function(){if(c&&e){var n,t=null!=h;if(null==h){var u=w.useOffscreenRenderer,a=e.onRiveReady,l=o(e,["onRiveReady"]);n=new r.Rive(i(i({useOffscreenRenderer:u},l),{canvas:c})),null!=d.current&&d.current.cleanup(),d.current=n,n.on(r.EventType.Load,function(){t=!0,a&&a(n),c?g(n):n.cleanup()})}return function(){t||null==n||n.cleanup()}}},[c,y,h]);var k=u.useCallback(function(e){f.current=e},[]),O={observe:u.useCallback(function(e,n){C().registerCallback(e,n)},[]),unobserve:u.useCallback(function(e){C().removeCallback(e)},[])},I=O.observe,P=O.unobserve;u.useEffect(function(){var e,n=!1,t=function(){if(c&&n){var e=c.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==h||h.startRendering(),n=!1)}};return c&&!1!==w.shouldUseIntersectionObserver&&I(c,function(u){u.isIntersecting?h&&h.startRendering():h&&h.stopRendering(),n=!u.isIntersecting,clearTimeout(e),u.isIntersecting||0!==u.boundingClientRect.width||(e=setTimeout(t,10))}),function(){c&&P(c)}},[I,P,h,c,w.shouldUseIntersectionObserver]),u.useEffect(function(){return function(){h&&(h.cleanup(),g(null))}},[h,c]),u.useEffect(function(){return function(){null!=d.current&&d.current.cleanup()}},[]);var x=null==e?void 0:e.animations;u.useEffect(function(){h&&x&&(h.isPlaying?(h.stop(h.animationNames),h.play(x)):h.isPaused&&(h.stop(h.animationNames),h.pause(x)))},[x,h]);var M=u.useCallback(function(e){return a.default.createElement(R,i({setContainerRef:k,setCanvasRef:V},e))},[V,k]);return{canvas:c,container:f.current,setCanvasRef:V,setContainerRef:k,rive:h,RiveComponent:M}}function V(e,n,t){var r=u.useState(null),a=r[0],o=r[1],l=u.useState(t.defaultValue),c=l[0],s=l[1],f=u.useState(null),d=f[0],v=f[1],h=u.useRef(null),p=u.useRef(e),b=u.useRef(t);u.useEffect(function(){b.current=t},[t]);var g=u.useCallback(function(){var e=h.current,n=p.current,t=b.current;if(!e||!n)return o(null),s(t.defaultValue),v(null),function(){};var u=t.getProperty(e,n);if(u){o(u),s(t.getValue(u)),t.getExtendedData&&v(t.getExtendedData(u));var r=function(){s(t.getValue(u)),t.getExtendedData&&v(t.getExtendedData(u)),t.onPropertyEvent&&t.onPropertyEvent()};return u.on(r),function(){u.off(r)}}return function(){}},[]);u.useEffect(function(){return h.current=n,p.current=e,g()},[n,e,g]);var y=u.useCallback(function(e){if(a&&h.current===n)try{return e(a),void(b.current.getExtendedData&&v(b.current.getExtendedData(a)))}catch(e){}if(h.current)try{var t=b.current.getProperty(h.current,p.current);t&&(o(t),e(t),b.current.getExtendedData&&v(b.current.getExtendedData(t)))}catch(e){}},[a,n]),w=u.useMemo(function(){return b.current.buildPropertyOperations(y)},[y]),m=i({value:c},w);return t.getExtendedData&&(m.extendedData=d),m}n.default=function(e){var n=e.src,t=e.artboard,u=e.animations,r=e.stateMachines,l=e.layout,c=e.useOffscreenRenderer,s=e.shouldDisableRiveListeners,f=e.shouldResizeCanvasToContainer,d=e.automaticallyHandleEvents,v=e.children,h=o(e,["src","artboard","animations","stateMachines","layout","useOffscreenRenderer","shouldDisableRiveListeners","shouldResizeCanvasToContainer","automaticallyHandleEvents","children"]),p=E({src:n,artboard:t,animations:u,layout:l,stateMachines:r,autoplay:!0,shouldDisableRiveListeners:void 0!==s&&s,automaticallyHandleEvents:void 0!==d&&d},{useOffscreenRenderer:void 0===c||c,shouldResizeCanvasToContainer:void 0===f||f}).RiveComponent;return a.default.createElement(p,i({},h),v)},n.useResizeCanvas=b,n.useRive=E,n.useRiveFile=function(e){var n=this,t=u.useState(null),a=t[0],i=t[1],o=u.useState("idle"),l=o[0],c=o[1];return u.useEffect(function(){var t,u,a,o=null;return t=void 0,u=void 0,a=function(){return function(e,n){var t,u,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]}

1,trys:[],ops:[]};return a={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function o(a){return function(o){var l=[a,o];if(t)throw TypeError("Generator is already executing.");for(;i;)try{if(t=1,u&&(r=2&l[0]?u.return:l[0]?u.throw||((r=u.return)&&r.call(u),0):u.next)&&!(r=r.call(u,l[1])).done)return r;switch(u=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,u=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(r=(r=i.trys).length>0&&r[r.length-1])&&(6===l[0]||2===l[0])){i=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(6===l[0]&&i.label<r[1]){i.label=r[1],r=l;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(l);break}r[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],u=0}finally{t=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}}(this,function(n){try{c("loading"),(o=new r.RiveFile(e)).init(),o.on(r.EventType.Load,function(){null==o||o.getInstance(),i(o),c("success")}),o.on(r.EventType.LoadError,function(){c("failed")}),i(o)}catch(e){console.error(e),c("failed")}return[2]})},new(u||(u=Promise))(function(e,r){function i(e){try{l(a.next(e))}catch(e){r(e)}}function o(e){try{l(a.throw(e))}catch(e){r(e)}}function l(n){var t;n.done?e(n.value):((t=n.value)instanceof u?t:new u(function(e){e(t)})).then(i,o)}l((a=a.apply(n,t||[])).next())}),function(){null==o||o.cleanup()}},[e.src,e.buffer]),{riveFile:a,status:l}},n.useStateMachineInput=function(e,n,t,a){var i=u.useState(null),o=i[0],l=i[1];return u.useEffect(function(){function u(){if(e&&n&&t||l(null),e&&n&&t){var u=e.stateMachineInputs(n);if(u){var r=u.find(function(e){return e.name===t});void 0!==a&&r&&(r.value=a),l(r||null)}}else l(null)}u(),e&&e.on(r.EventType.Load,function(){u()})},[e]),o},n.useViewModel=function(e,n){var t=null!=n?n:{},a=t.name,i=t.useDefault,o=u.useState(null),l=o[0],c=o[1];return u.useEffect(function(){function n(){var n;if(e)c(null!=a?(null==(n=e.viewModelByName)?void 0:n.call(e,a))||null:e.defaultViewModel()||null);else c(null)}return n(),e&&e.on(r.EventType.Load,n),function(){e&&e.off(r.EventType.Load,n)}},[e,a,void 0!==i&&i]),l},n.useViewModelInstance=function(e,n){var t=null!=n?n:{},r=t.name,a=t.useDefault,i=void 0!==a&&a,o=t.useNew,l=void 0!==o&&o,c=t.rive,s=u.useState(null),f=s[0],d=s[1];return u.useEffect(function(){var n,t,u;if(e){var a=null;d(a=null!=r?e.instanceByName(r)||null:i?(null==(n=e.defaultInstance)?void 0:n.call(e))||null:l?(null==(t=e.instance)?void 0:t.call(e))||null:(null==(u=e.defaultInstance)?void 0:u.call(e))||null),

1c&&a&&c.viewModelInstance!==a&&c.bindViewModelInstance(a)}else d(null)},[e,r,i,l,c]),f},n.useViewModelInstanceArtboard=function(e,n){return{setValue:V(e,n,{getProperty:u.useCallback(function(e,n){return e.artboard(n)},[]),getValue:u.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:u.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])}).setValue}},n.useViewModelInstanceBoolean=function(e,n){var t=V(e,n,{getProperty:u.useCallback(function(e,n){return e.boolean(n)},[]),getValue:u.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:u.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=V(e,n,{getProperty:u.useCallback(function(e,n){return e.color(n)},[]),getValue:u.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:u.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=V(e,n,{getProperty:u.useCallback(function(e,n){return e.enum(n)},[]),getValue:u.useCallback(function(e){return e.value},[]),defaultValue:null,getExtendedData:u.useCallback(function(e){return e.values},[]),buildPropertyOperations:u.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:V(e,n,{getProperty:u.useCallback(function(e,n){return e.image(n)},[]),getValue:u.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:u.useCallback(function(e){return{setValue:function(n){e(function(e){e.value=n})}}},[])}).setValue}},n.useViewModelInstanceList=function(e,n){var t,r=u.useState(0)[1],a=V(e,n,{getProperty:u.useCallback(function(e,n){return e.list(n)},[]),getValue:u.useCallback(function(e){return e.length},[]),defaultValue:null,onPropertyEvent:function(){r(function(e){return e+1})},buildPropertyOperations:u.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=V(e,n,{getProperty:u.useCallback(function(e,n){return e.number(n)},[]),getValue:u.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:u.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=V(e,n,{getProperty:u.useCallback(function(e,n){return e.string(n)},[]),getValue:u.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:u.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 r=(null!=t?t:{}).onTrigger;return{trigger:V(e,n,{getProperty:u.useCallback(function(e,n){return e.trigger(n)},[]),getValue:u.useCallback(function(){},[]),defaultValue:null,onPropertyEvent:r,buildPropertyOperations:u.useCallback(function(e){return{trigger:function(){e(function(e){e.trigger()})}}},[])}).trigger}},Object.keys(r).forEach(function(e){"default"===e||n.hasOwnProperty(e)||Object.defineProperty(n,e,{enumerable:!0,get:function(){return r[e]}})})}}]);